.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}.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}.modes a:hover{color:var(--ink)}.modes a[aria-current=page]{background:var(--ans);color:var(--sea)}.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<=420px){.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}}.maplibregl-ctrl-top-right{top:calc(50px + env(safe-area-inset-top,0px))}.panel{z-index:3;background:var(--card);border-top:1px solid var(--line);max-height:62%;padding:20px max(18px, env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) max(18px, env(safe-area-inset-left,0px));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>div:empty,.stack>div:empty{display:none}.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){.panel{border-top:0;border-left:1px solid var(--line);border-radius:0;width:380px;max-height:none;padding:70px 22px 22px;top:0;left:auto}.maplibregl-ctrl-top-right{right:380px}}.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}.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%;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%;accent-color:var(--pin)}.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}.story,.ask,.rules li{text-wrap:pretty}.story{background:var(--sea);border-radius:12px;padding:12px}.yearline{justify-content:space-between;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}.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 15px/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}.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}.league tr.me td{color:var(--ans)}.lhead{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.lhead span{gap:12px;display:flex}.league .time{font-size:11px;display:block}.tiles-sm{letter-spacing:-1px;font-size:10px}.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}ul.archive li>span:last-child{align-items:center;gap:12px;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 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}.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{width:100%;max-width:460px;max-height:92vh;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}}.sheet-x{background:var(--sea);width:34px;height:34px;color:var(--mute);cursor:pointer;border:0;border-radius:50%;font-size:15px;position:absolute;top:12px;right:12px}.sheet a.btn{text-align:center;box-sizing:border-box;text-decoration:none;display:block}.card-preview{aspect-ratio:1080/1350;border:1px solid var(--line);background:var(--sea);border-radius:14px;max-height:46vh;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]{grid-column:1/-1}.share-grid .btn{padding:11px 10px;font-size:14px}@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}}