.app{position:fixed;inset:0}.map{position:absolute;inset:0}.bar{z-index:4;padding:calc(8px + env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) 8px max(12px, env(safe-area-inset-left,0px));-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#0b171de6;align-items:center;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}.logo{font:800 22px/1 var(--display);text-transform:uppercase;letter-spacing:.04em;color:var(--ink);align-items:center;gap:4px;text-decoration:none;display:flex}.logo svg{width:20px;height:20px}.bar .logo{margin:-10px;padding:10px}.modes{background:var(--card);border:1px solid var(--line);border-radius:99px;gap:2px;margin-left:auto;padding:3px;display:flex}.modes a{color:var(--mute);font:600 13px/1 var(--body);white-space:nowrap;border-radius:99px;padding:6px 11px;text-decoration:none;transition:background .2s,color .2s;position:relative}@media (width<=600px){.modes a.wide{display:none}}.modes a:before{content:"";position:absolute;inset:-10px 0}.modes a:hover{color:var(--ink)}.modes a[aria-current=page]{background:var(--ans);color:var(--sea)}.modes a.quiz[aria-current=page]{background:var(--quiz)}.modes.switch{align-self:stretch;margin:0}.modes.switch a{text-align:center;flex:1;padding:9px 0;font-size:14px}.newtag{background:var(--quiz);color:var(--sea);font:700 10px/1 var(--body);text-transform:uppercase;letter-spacing:.04em;vertical-align:1px;border-radius:99px;margin-left:6px;padding:2px 6px}.games{flex-direction:column;gap:10px;display:flex}.gamecard{border:1px solid var(--line);border-left:4px solid var(--ans);background:var(--card);color:var(--ink);border-radius:16px;flex-direction:column;gap:4px;padding:12px 14px;text-decoration:none;transition:border-color .2s,transform .15s;display:flex}.gamecard.g-quiz{border-left-color:var(--quiz);background:linear-gradient(120deg, #2a235055, var(--card) 60%)}.gamecard:hover{border-color:var(--ans)}.gamecard.g-quiz:hover{border-color:var(--quiz)}.gamecard:active{transform:scale(.99)}.gamecard[aria-disabled=true]{pointer-events:none;opacity:.6}.ghead{align-items:center;gap:8px;display:flex}.ghead .em{font-size:22px;line-height:1}.ghead b{font:700 20px/1.1 var(--display);text-transform:uppercase;flex:1}.gtag{border:1px solid var(--line);color:var(--mute);font:600 11px/1 var(--body);text-transform:uppercase;letter-spacing:.04em;border-radius:99px;padding:3px 8px}.gamecard .newtag{margin-left:0}.gpitch{color:var(--mute);font-size:14px}.gstate{flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;display:flex}.gcta{background:var(--pin);color:#fff;font:700 14px/1 var(--body);border-radius:99px;margin-left:auto;padding:9px 16px}.gamecard.g-quiz .gcta{background:var(--quiz);color:var(--sea)}.gcta.ghost,.gamecard.g-quiz .gcta.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.gscore{font:800 22px/1 var(--display);color:var(--ans);font-variant-numeric:tabular-nums}.gscore small{color:var(--mute);font-size:14px}.gtiles{letter-spacing:1px;font-size:15px}.gwarn{color:var(--pin);font:600 13px/1 var(--body)}.modecard.small{padding:10px 12px}.modecard.small svg{width:26px;height:26px}.modecard.small b{font-size:16px}.back{align-self:flex-start;text-decoration:none}.howto summary{cursor:pointer;color:var(--mute);font:600 14px/1.4 var(--body)}.howto[open] summary{margin-bottom:8px}.hubseo p{color:var(--mute)}.modecard.quizcard{background:linear-gradient(120deg, #2a2350, var(--card))}.modecard.quizcard:hover{border-color:var(--quiz)}.hud{z-index:3;top:calc(56px + env(safe-area-inset-top,0px));left:max(12px, env(safe-area-inset-left,0px));pointer-events:none;gap:8px;display:flex;position:absolute}.hud span:empty{display:none}.hud span{border:1px solid var(--line);font:600 13px/1 var(--body);color:var(--mute);white-space:nowrap;background:#0b171dd9;border-radius:99px;padding:6px 10px}.hud .score{color:var(--ans);font-variant-numeric:tabular-nums}.hud .score.bump{animation:.5s ease-out bump}@media (width<=540px){.logo span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.logo svg{width:24px;height:24px}.modes a{padding:6px 10px;font-size:13px}}@media (width<=360px){.bar{gap:6px}.modes a{padding:6px 7px}}.maplibregl-ctrl-top-right{top:calc(50px + env(safe-area-inset-top,0px))}@media (pointer:coarse){.maplibregl-ctrl-group button{width:40px;height:40px}}.panel{--pl:max(18px, env(safe-area-inset-left,0px));--pr:max(18px, env(safe-area-inset-right,0px));--pb:calc(18px + env(safe-area-inset-bottom,0px));z-index:3;overscroll-behavior:contain;background:var(--card);border-top:1px solid var(--line);max-height:62%;padding:20px var(--pr) var(--pb) var(--pl);border-radius:20px 20px 0 0;flex-direction:column;gap:14px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -12px 32px #0006}.panel[data-step]{max-height:min(62%,100% - 250px)}.panel[data-step=pick]{max-height:min(80%,100% - 120px)}.panel[data-step=year]{max-height:62%}.panel>*{flex-shrink:0}.panel>div:empty,.stack>div:empty{display:none}.panel:has(>.cta){padding-bottom:0}.cta{z-index:1;margin:-4px calc(-1 * var(--pr)) 0 calc(-1 * var(--pl));padding:4px var(--pr) var(--pb) var(--pl);background:var(--card);position:sticky;bottom:0}.cta:before{content:"";background:linear-gradient(#14221e00, var(--card));pointer-events:none;height:14px;position:absolute;bottom:100%;left:0;right:0}.nw{white-space:nowrap}.stack{flex-direction:column;gap:14px;display:flex}.section{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:16px;display:flex}@media (width>=900px),(orientation:landscape) and (height<=500px){.app{--panel-w:380px}.panel[data-step]{max-height:none}.panel{width:var(--panel-w);border-top:0;border-left:1px solid var(--line);--pl:22px;--pr:max(22px, env(safe-area-inset-right,0px));--pb:calc(22px + env(safe-area-inset-bottom,0px));max-height:none;padding:70px var(--pr) var(--pb) var(--pl);border-radius:0;top:0;left:auto}.maplibregl-ctrl-top-right,.maplibregl-ctrl-bottom-right{right:var(--panel-w)}}@media (orientation:landscape) and (height<=500px) and (width<=899px){.app{--panel-w:min(360px, 48vw)}.panel{padding-top:calc(60px + env(safe-area-inset-top,0px))}}.panel p,.panel h2,.panel h3{margin:0}.ptop{color:var(--mute);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.steps{gap:4px;width:120px;display:flex}.steps i{background:var(--line);border-radius:2px;flex:1;height:4px}.steps i.done{background:var(--ans)}.steps i.now{background:var(--pin)}.clue{font:700 26px/1.12 var(--display);text-wrap:balance}@media (width<=899px){.clue{font-size:clamp(21px,1.6vh + 12px,26px)}}.ask{line-height:1.45}.panel h3{font:700 20px/1.1 var(--display);margin-top:8px}.ask,.muted{color:var(--mute)}.small{font-size:13px}.hint{color:var(--mute);font-size:13.5px}.btn{appearance:none;font:700 15px/1 var(--body);cursor:pointer;background:var(--pin);color:#fff;box-shadow:0 3px 0 var(--pin-dark);border:0;border-radius:12px;width:100%;min-height:48px;padding:13px 16px}.btn:disabled{opacity:.35;cursor:default}.btn:not(:disabled):active{box-shadow:0 1px 0 var(--pin-dark);translate:0 2px}.btn.go{padding:16px;font-size:17px;animation:2s ease-in-out .8s 2 pulse}.btn.ghost{color:var(--ink);border:1.5px solid var(--line);box-shadow:none;background:0 0}.btn:focus-visible,.stepper button:focus-visible,.modes a:focus-visible,.logo:focus-visible{outline:2px solid var(--ans);outline-offset:2px}.row{gap:8px;display:flex}.stepper{background:var(--sea);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;padding:6px;display:flex}.stepper button{background:var(--card);width:52px;height:52px;color:var(--ink);font:700 24px/1 var(--body);cursor:pointer;border:0;border-radius:10px;flex:none}.yearin{min-width:0;height:52px;color:var(--ink);text-align:center;font:800 44px/52px var(--display);font-variant-numeric:tabular-nums;letter-spacing:.02em;caret-color:var(--ans);background:0 0;border:1.5px solid #0000;border-radius:10px;flex:1;margin:0 6px;padding:0;transition:border-color .15s,background .15s}.yearin:hover{background:#ffffff08}.yearin:focus{border-color:var(--ans);background:var(--card);outline:none}.yearin::selection{background:#f4e04d55}input[type=range]{width:100%;height:32px;accent-color:var(--pin);margin:-6px 0}.scoreline{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.pts{font:800 40px/1 var(--display);color:var(--ans);font-variant-numeric:tabular-nums;flex:none}.story,.ask,.rules li{text-wrap:pretty}.story{background:var(--sea);border-radius:12px;padding:12px}.yearline{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.tag{font:700 13px/1 var(--body);background:var(--line);color:var(--mute);white-space:nowrap;border-radius:99px;padding:5px 9px}.tag.won{color:#4ade80;background:#22c55e26}.big{font:800 64px/1 var(--display);color:var(--ans);font-variant-numeric:tabular-nums}.tiles{letter-spacing:3px;font-size:26px}[data-mode=quiz] .tiles{letter-spacing:0;font-size:22px}[data-mode=quiz] .tiles span+span{margin-left:8px}[data-mode=quiz] .tiles.yeartiles{letter-spacing:2px;margin-top:-6px;font-size:17px}.modecard .em{flex:none;font-size:28px;line-height:1}.share{background:var(--sea);white-space:pre-wrap;user-select:all;border-radius:10px;margin:0;padding:10px 12px;font-size:13px}.countries{margin:0;padding:0;list-style:none}.countries li{border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;justify-content:space-between;padding:6px 0;display:flex}.countries li.me{color:var(--ans)}.marker{border:2.5px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #0008}.marker-guess{background:var(--pin)}.marker-answer{background:var(--ans);border-color:var(--sea);width:22px;height:22px;font:700 11px/1 var(--body);color:var(--sea);place-items:center;display:grid}.timer{--left:1;background:var(--line);border-radius:3px;height:6px;margin:4px 44px 10px 0;position:relative}.timer i{background:var(--ans);transform:scaleX(var(--left));transform-origin:0;border-radius:3px;transition:transform .1s linear,background .3s;position:absolute;inset:0}.timer span{text-align:right;width:36px;font:700 15px/1 var(--body);font-variant-numeric:tabular-nums;position:absolute;top:50%;right:-44px;translate:0 -50%}.timer.low i{background:var(--pin)}.timer.low span{color:var(--pin)}.note{background:#f4e04d1a;border:1px solid #f4e04d55;border-radius:10px;padding:10px 12px}.card{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.panel h3{font:700 18px/1.1 var(--display);text-transform:uppercase;letter-spacing:.04em;margin-top:10px}form.inline{gap:8px;display:flex}form.inline input,form.inline select{border:1px solid var(--line);background:var(--sea);min-width:0;color:var(--ink);font:500 16px/1.2 var(--body);border-radius:10px;flex:1;padding:9px 11px}.btn.small-btn{width:auto;padding:9px 14px;font-size:14px}.link{color:var(--ans);font:600 13px/1 var(--body);cursor:pointer;background:0 0;border:0;padding:0;position:relative}.link:after,.league .rm:after{content:"";position:absolute;inset:-14px -6px}.link.muted{color:var(--mute)}.league table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.league th{text-align:right;color:var(--mute);text-transform:uppercase;font-size:11px;font-weight:500}.league td{border-bottom:1px solid var(--line);text-align:right;padding:6px 0}.league td:first-child{text-align:left;overflow-wrap:break-word}.league tr.me td{color:var(--ans)}.lhead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin-bottom:4px;display:flex}.lhead b{overflow-wrap:anywhere;flex:10ch;min-width:0}.lhead span{white-space:nowrap;gap:16px;display:flex}.league .time{font-size:11px;display:block}.tiles-sm{letter-spacing:-1px;font-size:10px;display:block}.league .crown{font-size:11px}.league td.rmcell{width:1%;padding-left:6px}.league .rm{width:28px;height:28px;color:var(--mute);font:400 18px/1 var(--body);cursor:pointer;opacity:.55;background:0 0;border:0;border-radius:99px;margin-right:-6px;position:relative}.league .rm:hover,.league .rm:focus-visible{opacity:1;color:var(--pin);background:#ff5a361a}.league tr.confirm td{text-align:left;padding:10px 0 12px}.ask-row{flex-direction:column;gap:10px;font-size:14px;line-height:1.4;display:flex}.leave-ask{border:1px solid var(--line);border-radius:12px;margin:4px 0 10px;padding:12px}.ask-row span,.nudge div{align-items:center;gap:16px;display:flex}.nudge{background:#4ade8012;border:1px solid #4ade8055;border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;font-size:14px;line-height:1.4;display:flex}.nudge .btn.ghost{border-color:#4ade8099}.note+.nudge{margin-top:8px}.nudge~[data-device-only]{display:none}.ad{flex-direction:column;gap:4px;min-height:120px;display:flex}ul.archive{margin:0;padding:0;list-style:none}ul.archive li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:9px 0;display:flex}.marker-answer.drop{animation:.5s cubic-bezier(.3,1.6,.5,1) both drop}.marker-answer.drop:after{content:"";border:2px solid var(--ans);pointer-events:none;border-radius:50%;animation:1.4s ease-out .3s 2 both ping;position:absolute;inset:-3px}.arc-label{color:#fff;font:700 12px/1 var(--body);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:#0b1a14e6;border-radius:6px;padding:3px 7px;animation:.4s ease-out both fade}.panel.enter>*{animation:.4s cubic-bezier(.2,.8,.2,1) both rise}.panel.enter>:nth-child(2){animation-delay:40ms}.panel.enter>:nth-child(3){animation-delay:80ms}.panel.enter>:nth-child(4){animation-delay:.12s}.panel.enter>:nth-child(5){animation-delay:.16s}.panel.enter>:nth-child(n+6){animation-delay:.2s}.kicker{font:700 12px/1.2 var(--body);color:var(--ans);text-transform:uppercase;letter-spacing:.08em}.title{font:800 38px/.95 var(--display);text-transform:uppercase}.rules{counter-reset:step;gap:12px;margin:0;padding:0;list-style:none;display:grid}.rules li{color:var(--mute);counter-increment:step;grid-template-columns:30px 1fr;align-items:baseline;gap:12px;line-height:1.4;display:grid}.rules li:before{content:counter(step);font:800 26px/1 var(--display);color:var(--ans);text-align:center}.rules.perks li:before{content:none}.rules .ic{text-align:center}.rules li b{color:var(--ink);font-weight:600}.chip{color:#ff9a80;font:600 13px/1 var(--body);background:#ff5a361f;border-radius:99px;align-self:flex-start;padding:5px 10px}.modecard{border:1px solid var(--line);background:linear-gradient(120deg, #1b3a2c, var(--card));color:var(--ink);border-radius:14px;align-items:center;gap:12px;padding:12px;text-decoration:none;transition:border-color .2s;display:flex}.modecard:hover{border-color:var(--ans)}.modecard svg,.procard svg{flex:none;width:34px;height:34px}.modecard span:not(.em){color:var(--mute);flex-direction:column;flex:1;gap:2px;font-size:13px;display:flex}.modecard b{color:var(--ink);font:700 18px/1.1 var(--display);text-transform:uppercase}.relax{border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;transition:border-color .2s,background .2s;display:flex;position:relative}.relax:has(input:checked){background:#4ade800f;border-color:#4ade8066}.relax span{flex-direction:column;flex:1;gap:2px;display:flex}.relax b{font:600 14px/1.2 var(--body)}.relax small{color:var(--mute);font-size:12.5px;line-height:1.35}.relax input{opacity:0;cursor:pointer;width:40px;height:24px;margin:0;position:absolute;right:12px}.relax i{background:var(--line);border-radius:12px;flex:none;width:40px;height:24px;transition:background .2s;position:relative}.relax i:after{content:"";background:var(--ink);border-radius:50%;width:18px;height:18px;transition:translate .2s;position:absolute;top:3px;left:3px}.relax input:checked+span+i{background:#4ade80}.relax input:checked+span+i:after{translate:16px}.relax input:focus-visible+span+i{outline:2px solid var(--ans);outline-offset:2px}.hintbtn{appearance:none;width:100%;color:var(--ink);text-align:left;cursor:pointer;font:inherit;background:#4ade800d;border:1.5px dashed #4ade8080;border-radius:12px;align-items:center;gap:10px;padding:9px 12px;display:flex}.hintbtn>span:first-child{font-size:20px}.hintbtn>span:last-child{flex-direction:column;gap:2px;display:flex}.hintbtn b{font:600 14px/1.2 var(--body)}.hintbtn small{color:var(--mute);font-size:12.5px}.hintbtn:not(:disabled):hover{border-color:#4ade80}.hintbtn:disabled{opacity:.45;cursor:default}.hintbtn:focus-visible{outline:2px solid var(--ans);outline-offset:2px}.links{text-align:center}.links a{color:var(--mute)}.sport{align-items:center;gap:6px;display:inline-flex}.verdict{font:700 14px/1 var(--body);align-items:center;gap:8px;display:flex}.verdict:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.t-great{color:#4ade80}.t-ok{color:var(--ans)}.t-bad{color:#ff8a6d}.pts.t-great,.pts.t-ok,.pts.t-bad{animation:.5s ease-out .9s bump}.tiles.anim span{animation:.35s cubic-bezier(.3,1.6,.5,1) both pop;display:inline-block}.beatbar{background:var(--line);border-radius:4px;height:8px;overflow:hidden}.beatbar i{background:linear-gradient(90deg, var(--pin), var(--ans));height:100%;transform:scaleX(var(--w));transform-origin:0;animation:1.2s cubic-bezier(.2,.8,.2,1) .4s both grow;display:block}.leaguecards{gap:8px;display:grid}.lcard{border:1px solid var(--line);background:var(--sea);color:var(--ink);text-align:left;font:inherit;cursor:pointer;border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px;transition:border-color .2s,translate .15s;display:flex}.lcard:not(:disabled):hover{border-color:var(--ans)}.lcard:not(:disabled):active{translate:0 1px}.lcard:disabled{cursor:default;opacity:.6}.lcard .em{font-size:26px}.lcard span:not(.em):not(.pill){color:var(--mute);flex-direction:column;flex:1;gap:2px;font-size:13px;display:flex}.lcard b{color:var(--ink);font-size:15px}.pill{font:700 11px/1 var(--body);text-transform:uppercase;letter-spacing:.05em;background:var(--line);color:var(--mute);border-radius:99px;padding:4px 8px}.pill.free{color:#4ade80;background:#4ade8026}.marker.small{border-width:2px;width:11px;height:11px}.marker-answer.pop{animation:.45s cubic-bezier(.3,1.6,.5,1) both drop}.field-label{color:var(--mute);margin-bottom:6px;font-size:13px;display:block}.stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stats div{background:var(--sea);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.stats b{font:800 24px/1 var(--display);font-variant-numeric:tabular-nums}.stats span{color:var(--mute);font-size:12px}.pin{filter:drop-shadow(0 3px 4px #0009);width:30px;height:40px}.pin svg{width:100%;height:100%}.pin.drop{transform-origin:50% 100%;animation:.55s cubic-bezier(.3,1.5,.5,1) both pin-drop}@keyframes pin-drop{0%{opacity:0;translate:0 -40px}60%{opacity:1}}.confetti{pointer-events:none;z-index:10;position:fixed;inset:0;overflow:hidden}.confetti i{border-radius:2px;width:6px;height:9px;animation:ease-in forwards fall;position:absolute;top:-12px}.lcard.locked{opacity:.75}.procard{background:linear-gradient(120deg, #3a3514, var(--card) 70%);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border:1px solid #f4e04d66;border-radius:14px;align-items:center;gap:12px;padding:14px;transition:border-color .2s,translate .15s;display:flex}.procard:hover{border-color:var(--ans)}.procard:active{translate:0 1px}.procard span:not(.em){color:var(--mute);flex-direction:column;flex:1;gap:2px;font-size:13px;display:flex}.procard b{color:var(--ans);font:700 18px/1.1 var(--display);text-transform:uppercase}.procard i{color:var(--ans);font-style:normal}.modecard i{font-style:normal}.center{text-align:center}input.field{border:1px solid var(--line);background:var(--sea);color:var(--ink);font:500 16px/1.2 var(--body);border-radius:12px;padding:12px 14px}input.field:focus{border-color:var(--ans);outline:none}.toast{z-index:30;left:50%;top:calc(64px + env(safe-area-inset-top,0px));background:var(--ans);color:var(--sea);font:600 14px/1.2 var(--body);border-radius:99px;padding:10px 16px;transition:opacity .3s;animation:.3s cubic-bezier(.2,.8,.2,1) both sheet-up;position:fixed;translate:-50%;box-shadow:0 6px 20px #0008}.toast.out{opacity:0}.procard.account{background:linear-gradient(120deg, #173a2a, var(--card) 70%);border-color:#4ade8066}.procard.account b,.procard.account i{color:#4ade80}.sheet-wrap{z-index:20;background:#050b0ecc;justify-content:center;align-items:flex-end;animation:.2s ease-out both fade;display:flex;position:fixed;inset:0}.sheet-wrap.out{animation:.2s ease-in reverse both fade}.sheet{overscroll-behavior:contain;width:100%;max-width:460px;max-height:92%;padding:22px 18px calc(18px + env(safe-area-inset-bottom,0px));background:var(--card);border:1px solid var(--line);border-radius:22px 22px 0 0;flex-direction:column;gap:12px;animation:.32s cubic-bezier(.2,.8,.2,1) both sheet-up;display:flex;position:relative;overflow-y:auto}.sheet p,.sheet h2{margin:0}@media (width>=600px){.sheet-wrap{align-items:center}.sheet{border-radius:22px}}.form{align-items:flex-end;gap:2px;height:34px;margin:-4px 0 4px;display:flex}.form span{background:var(--ans);opacity:.8;border-radius:2px;flex:1;max-width:10px}.sheet .title.email{font:700 19px/1.3 var(--body);text-transform:none;overflow-wrap:anywhere}.sheet-x{z-index:1;background:var(--sea);width:40px;height:40px;color:var(--mute);cursor:pointer;border:0;border-radius:50%;flex:none;align-self:flex-end;margin:-12px -8px -40px 0;font-size:15px;position:sticky;top:-12px}.sheet-x:before{content:"";position:absolute;inset:-4px}.sheet .link{padding:12px 8px}.sheet>.title{padding-right:28px}.sheet a.btn{text-align:center;box-sizing:border-box;justify-content:center;align-items:center;text-decoration:none;display:flex}.card-preview{aspect-ratio:1080/1350;border:1px solid var(--line);background:var(--sea);border-radius:14px;max-height:46dvh;margin:0 auto;overflow:hidden}.card-preview img{width:100%;height:100%;display:block}.card-loading{background:linear-gradient(100deg, var(--sea) 30%, #1a2c26 50%, var(--sea) 70%) 0 0 / 200% 100%;width:100%;height:100%;animation:1.2s linear infinite shimmer}.share-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.share-grid [data-s=image],.share-grid [data-s=save]{grid-column:1/-1}.share-grid .btn{padding:11px 10px;font-size:14px}.run-tiles{letter-spacing:1px;white-space:nowrap;font-size:clamp(18px,6.6vw,26px)}.app[data-mode=grounds] .row .btn{line-height:1.2}.app[data-mode=grounds] .league td:first-child,.app[data-mode=grounds] .lhead b{overflow-wrap:anywhere}@media (width<=899px) and (height<=720px){.app[data-mode=grounds] .panel{gap:10px;padding-top:14px}.app[data-mode=grounds] .clue{font-size:23px}.app[data-mode=grounds] .big{font-size:52px}.app[data-mode=grounds] .timer{margin-bottom:4px}}@media (width<=899px) and (height>=521px){.app[data-mode=archive] .panel.list{max-height:calc(100% - 64px - env(safe-area-inset-top,0px))}}ul.archive .ainfo{flex-direction:column;gap:2px;min-width:0;display:flex}ul.archive .ainfo .muted:not(.small){white-space:nowrap}ul.archive .link{border:1.5px solid var(--line);white-space:nowrap;border-radius:99px;flex:none;align-items:center;gap:4px;min-height:36px;padding:0 14px;font-size:14px;text-decoration:none;display:inline-flex;position:relative}ul.archive .link:before{content:"";position:absolute;inset:-4px 0}@keyframes sheet-up{0%{opacity:0;translate:0 40px}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes rise{0%{opacity:0;translate:0 12px}}@keyframes pop{0%{scale:0}}@keyframes grow{0%{transform:scaleX(0)}}@keyframes bump{40%{scale:1.18}}@keyframes pulse{0%,to{box-shadow:0 3px 0 var(--pin-dark), 0 0 0 0 #ff5a3666}50%{box-shadow:0 3px 0 var(--pin-dark), 0 0 0 10px #ff5a3600}}@keyframes fall{80%{opacity:1}to{translate:var(--dx) 70vh;rotate:var(--r);opacity:0}}@keyframes drop{0%{scale:0}to{scale:1}}@keyframes ping{0%{opacity:.9;scale:1}to{opacity:0;scale:3.2}}@keyframes fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.panel.enter>*,.tiles.anim span,.beatbar i,.btn.go,.pts,.confetti,.marker-answer.pop,.marker-answer.drop,.marker-answer.drop:after,.pin.drop,.arc-label{animation:none}.marker-answer.drop:after{display:none}}