.tm-game{--tm-ink:#07101b;--tm-navy:#0d2033;--tm-panel:#10283d;--tm-track:#a44e38;--tm-paper:#f2e5c8;--tm-paper-deep:#d6bd8e;--tm-mint:#8ee3b2;--tm-amber:#e8b64d;--tm-brass:#9d6d2e;--tm-red:#d45f52;position:relative;width:100%;min-height:660px;overflow:hidden;border:1px solid #76552d;border-radius:18px;background:#07101b url('/assets/covers/trivia-marathon.webp') center 46%/cover no-repeat;color:var(--tm-paper);font-family:"Trebuchet MS",Arial,sans-serif;box-shadow:inset 0 0 0 4px #050a10,inset 0 0 0 5px #76552d,0 26px 60px #0009}.tm-game:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#061321d9,#0a1119e8 54%,#070b10f5),radial-gradient(circle at 50% 28%,transparent 0 20%,#03080dcc 74%);pointer-events:none}.tm-title,.tm-console{position:relative;z-index:1}.tm-title{margin:0;padding:18px 16px 11px;text-align:center;color:var(--tm-paper);font:900 italic clamp(31px,5vw,60px)/1 "Arial Narrow","Trebuchet MS",sans-serif;letter-spacing:.06em;text-transform:uppercase;text-shadow:3px 3px 0 #472619,0 0 18px #e8b64d66}.tm-console{--time-ratio:1;width:min(1050px,calc(100% - 28px));margin:0 auto 18px;padding:14px;border:1px solid #816035;border-radius:12px;background:linear-gradient(180deg,#10283df5,#091722f8);box-shadow:inset 0 0 0 3px #050b11,inset 0 0 0 4px #4f3b22,0 16px 32px #000a}.tm-summary{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #876233;border-radius:8px;background:#071521;box-shadow:inset 0 0 18px #000}.tm-summary>span{display:grid;place-items:center;padding:8px 5px;border-right:1px solid #74552e}.tm-summary>span:last-child{border-right:0}.tm-summary small{display:flex;align-items:center;gap:5px;color:#d7c7a8;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.tm-summary svg,.tm-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tm-summary strong{margin-top:3px;color:var(--tm-mint);font:900 clamp(17px,2.2vw,27px)/1 "Arial Narrow",sans-serif;letter-spacing:.05em}.tm-summary>span:nth-child(4) strong{color:var(--tm-amber)}.tm-card{position:relative;margin:14px 6px 13px;padding:15px 22px 12px;min-height:208px;border:2px solid #725126;border-radius:3px;background:linear-gradient(90deg,#c69b6740 1px,transparent 1px),linear-gradient(#bb8a5a38 1px,transparent 1px),var(--tm-paper);background-size:44px 100%,100% 30px,auto;color:#16181a;box-shadow:0 5px 0 #76542b,0 12px 24px #0008}.tm-card:before,.tm-card:after{content:"";position:absolute;top:45%;width:14px;height:14px;border-radius:50%;background:#b9843d;box-shadow:inset 0 0 0 3px #765028,0 1px 2px #0008}.tm-card:before{left:9px}.tm-card:after{right:9px}.tm-labels{display:flex;align-items:center;justify-content:center;margin-bottom:11px;border-top:1px solid #a86551;border-bottom:1px solid #a86551}.tm-labels span{flex:1;padding:7px;text-align:center;border-right:1px solid #a86551}.tm-labels span:last-child{border-right:0}.tm-labels small{display:block;color:#724233;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.tm-labels b{display:block;margin-top:2px;font:900 14px/1.1 "Arial Narrow",sans-serif;letter-spacing:.09em;text-transform:uppercase}.tm-question{display:grid;place-items:center;min-height:92px;margin:0 auto;text-align:center;font:800 clamp(20px,3vw,33px)/1.27 Georgia,serif;max-width:840px}.tm-bottles{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px}.tm-bottles small{font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.tm-bottles span{position:relative;width:19px;height:31px;border:2px solid #35556b;border-radius:3px 3px 6px 6px;background:linear-gradient(180deg,#d6f2ed 0 31%,#7fcbd2 32% 82%,#d6f2ed 83%);box-shadow:inset 0 0 0 2px #eaf7ef,0 2px 3px #0004}.tm-bottles span:before{content:"";position:absolute;left:4px;right:4px;top:-7px;height:7px;border:2px solid #765c34;border-bottom:0;background:#cba454}.tm-bottles span.spent{opacity:.2;filter:grayscale(1)}.tm-track{position:relative;display:flex;align-items:center;justify-content:space-around;gap:18px;margin:16px auto 12px;padding:10px 22px;max-width:590px;border:3px double #e4c486;border-radius:999px;background:repeating-linear-gradient(180deg,#a44e38 0 9px,#e7b18d 10px,#a44e38 11px 20px);box-shadow:inset 0 0 0 3px #6a2c22,0 5px 0 #050a10}.tm-track span{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:34px;border:2px solid #d6bd8e;border-radius:50%;background:#101a24;color:#e8dcc4;font-weight:900;box-shadow:0 0 0 4px #6f3328}.tm-track span.active{border-color:var(--tm-mint);color:var(--tm-mint);box-shadow:0 0 0 4px #6f3328,0 0 14px #8ee3b2}.tm-track span.done{border-color:var(--tm-amber);background:var(--tm-amber);color:#16120b}.tm-track span.done:after{content:"✓"}.tm-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tm-choice{min-height:70px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:9px 13px;border:1px solid #9b7546;border-radius:7px;background:linear-gradient(180deg,#f6ead0,#ddc69d);color:#111a23;box-shadow:inset 0 0 0 3px #142b40,0 4px 0 #03080d;font:inherit;text-align:left;cursor:pointer;transition:transform .14s ease,border-color .14s ease,filter .14s ease}.tm-choice:hover:not(:disabled){transform:translateY(-2px);border-color:var(--tm-mint)}.tm-choice:focus-visible{outline:3px solid var(--tm-mint);outline-offset:3px}.tm-choice>span{display:grid;place-items:center;width:39px;height:42px;border-radius:4px;background:#163758;color:#f4e7ca;font:900 25px/1 "Arial Narrow",sans-serif}.tm-choice strong{font:800 clamp(16px,2vw,23px)/1.15 Georgia,serif}.tm-choice i{color:#775d3c;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.tm-choice.noted{border-color:var(--tm-mint);box-shadow:inset 0 0 0 3px #1c594d,0 0 14px #8ee3b255}.tm-choice.correct{border-color:#4d9c69;background:linear-gradient(180deg,#d5efd7,#a9d4b1)}.tm-choice.wrong{border-color:var(--tm-red);background:linear-gradient(180deg,#f1c4b9,#d99486)}.tm-choice.rejected{opacity:.38;filter:grayscale(.65);cursor:not-allowed}.tm-actions{display:flex;justify-content:center;gap:10px}.tm-actions button{min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:1px solid #8c6838;border-radius:7px;background:#142a3e;color:#f2e5c8;font:900 14px/1 "Trebuchet MS",sans-serif;cursor:pointer;box-shadow:inset 0 0 0 3px #07121c}.tm-actions button:first-child{border-color:#58b88a;color:var(--tm-mint)}.tm-actions button:hover:not(:disabled){filter:brightness(1.18)}.tm-actions button:focus-visible{outline:3px solid var(--tm-mint);outline-offset:3px}.tm-actions button:disabled{opacity:.44;cursor:not-allowed}.tm-note{min-height:48px;margin:12px 0 0;display:grid;place-items:center;padding:8px 12px;border:1px solid #53755f;background:#0a1a22;color:#b8edc9;text-align:center;font:700 13px/1.4 Georgia,serif}.tm-prompt{margin:9px 0 0;color:#c5b89f;text-align:center;font-size:10px;letter-spacing:.045em}.tm-game.paused .tm-card,.tm-game.paused .tm-choices,.tm-game.paused .tm-track{filter:grayscale(.85) brightness(.55)}.tm-game.complete .tm-title{color:var(--tm-amber);text-shadow:3px 3px 0 #472619,0 0 14px #e8b64d}.tm-game[data-level="hard"] .tm-title{color:#f6dfbe;text-shadow:3px 3px 0 #6f2f25,0 0 14px #d45f5280}
@media(max-width:760px){.tm-game{min-height:0;border-radius:12px}.tm-title{padding:14px 10px 9px;font-size:clamp(28px,8vw,43px)}.tm-console{width:calc(100% - 16px);margin-bottom:8px;padding:9px}.tm-summary>span{padding:7px 2px}.tm-summary small{font-size:8px;gap:2px}.tm-summary small svg{display:none}.tm-summary strong{font-size:16px}.tm-card{margin:10px 3px;padding:11px 14px 9px;min-height:182px}.tm-labels{margin-bottom:7px}.tm-question{min-height:88px;font-size:clamp(19px,5.8vw,26px)}.tm-bottles{margin-top:4px}.tm-bottles span{width:16px;height:27px}.tm-track{margin:13px auto 10px;padding:8px 14px}.tm-track span{width:30px;height:30px}.tm-choices{gap:8px}.tm-choice{min-height:58px;grid-template-columns:36px 1fr;padding:8px 10px;gap:7px}.tm-choice>span{width:33px;height:36px;font-size:21px}.tm-choice strong{font-size:clamp(15px,4.4vw,19px)}.tm-choice i{display:none}.tm-actions button{flex:1;min-height:46px;padding:9px 10px}.tm-note{min-height:44px;margin-top:10px;font-size:12px}.tm-prompt{font-size:9px}}
@media(max-width:520px){.tm-game:before{background:linear-gradient(180deg,#061321e6,#070c12f5)}.tm-title{font-size:29px}.tm-summary small{letter-spacing:0}.tm-summary strong{font-size:14px}.tm-card:before,.tm-card:after{display:none}.tm-labels b{font-size:12px}.tm-choices{grid-template-columns:1fr}.tm-choice{min-height:52px}.tm-track{gap:6px;padding-inline:10px}.tm-actions{flex-direction:row}.tm-prompt{line-height:1.4}}
@media(prefers-reduced-motion:reduce){.tm-choice{transition:none}}
.tm-title{font-size:clamp(31px,4.2vw,52px);letter-spacing:.035em;white-space:nowrap}
@media(max-width:760px){.tm-title{font-size:clamp(28px,7vw,40px)}}
@media(max-width:520px){.tm-title{font-size:clamp(22px,7vw,28px);letter-spacing:.01em}}
.tm-choice.noted{border-color:#9b7546;box-shadow:inset 0 0 0 3px #142b40,0 4px 0 #03080d}