:root{--bg: #040812;--bg-secondary: #0a1220;--bg-elevated: #101a2c;--border: #1e2d45;--text: #e8eef7;--text-muted: #8b98a6;--accent: #00e5ff;--green: #22c55e;--yellow: #eab308;--gray: #374151;--red: #ef4444;--ita-noord: #22c55e;--ita-zuid: #ff3b30;--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.app{max-width:1200px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;min-height:100%}.centered{display:grid;place-items:center;height:100vh}header{text-align:center;margin-bottom:1rem}h1{margin:0;font-size:2.25rem;letter-spacing:-.02em}.subtitle{margin:.25rem 0 0;color:var(--text-muted);font-size:.95rem}.muted{color:var(--text-muted)}.user-info{display:flex;gap:.5rem;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:.75rem}main{flex:1}footer{text-align:center;color:var(--text-muted);font-size:.8rem;padding:1.5rem 0 .5rem}button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);padding:.45rem .85rem;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#16233a}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#04202a;border-color:var(--accent);font-weight:600}.btn-primary:hover:not(:disabled){background:#5ceeff}.btn-small{padding:.25rem .6rem;font-size:.85rem}.toggle-btn.is-on{background:#00e5ff2e;border-color:var(--accent);color:var(--accent)}.auth-container{max-width:340px;margin:3rem auto;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.auth-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.auth-tabs button{flex:1}.auth-tabs button.active{background:#00e5ff26;border-color:var(--accent)}.auth-form{display:flex;flex-direction:column;gap:.4rem}.auth-form label{font-size:.85rem;color:var(--text-muted);margin-top:.35rem}.auth-form input{font:inherit;padding:.5rem .65rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.auth-form small{color:var(--text-muted);font-size:.78rem}.auth-form .btn-primary{margin-top:.75rem}.auth-message{font-size:.88rem;margin:.5rem 0 0}.auth-message.error,.error{color:var(--red)}.auth-message.success{color:var(--green)}.game-bar{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.6rem .75rem;margin:0 0 .75rem;background:#0f1a2e;border:1px solid #1a2a4a;border-radius:8px;font-size:1.2rem;color:#6a8aaa}.game-bar strong{color:var(--accent)}.game-bar .muted{font-size:.85rem;color:#6a8aaa}.table-scroll{overflow-x:auto}.feedback-table{width:100%;border-collapse:collapse;border:1px solid #1a2a4a}.feedback-table th,.feedback-table td{padding:.5rem;text-align:center;border:1px solid #1a2a4a}.feedback-table th{background:#0f1a2e;font-size:.9rem;color:#d0e8ff}.leaderboard-table{width:100%;border-collapse:collapse;font-size:.85rem}.leaderboard-table th{text-align:left;padding:.4rem .5rem;color:var(--text-muted);font-weight:600;border-bottom:1px solid var(--border);white-space:nowrap}.leaderboard-table td{padding:.3rem .5rem;border-bottom:1px solid rgba(30,45,69,.5);white-space:nowrap}.guess-code{font-weight:700;font-size:1rem;color:var(--accent);letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 6px rgba(0,229,255,.5)}.station-name{font-size:.8rem;color:#6a8aaa;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feedback-cell{display:block;padding:.4rem .15rem;border-radius:4px;font-size:.75rem;min-width:0}.feedback-cell.green{background:#00ff8826;color:#0f8}.feedback-cell.yellow{background:#ffd60026;color:#ffd600}.feedback-cell.gray{background:#3a4a5a33;color:#6a8aaa}.feedback-cell.red{background:#ff3b3033;color:#ff3b30}.secret-row td{background:#00e5ff0d}.secret-row .guess-code{color:var(--accent);opacity:.7;font-style:italic}.secret-row .station-name{color:var(--accent);opacity:.7}.no-data{text-align:center;color:var(--text-muted);padding:1.5rem 0}.game-result{margin:.5rem 0 0;font-size:1.1rem;padding:.5rem;border-radius:8px;border:1px solid var(--accent);box-shadow:0 0 10px #00e5ff33}.game-result.win{background:#53c23b33;color:#0f8}.game-result.loss{background:#ff3b3033;color:#ff3b30}.guess-form{position:relative;display:flex;gap:.5rem;max-width:400px;margin:1rem auto}.guess-form input{flex:1;padding:.75rem;background:#0f1a2e;border:2px solid #1a2a4a;border-radius:8px;color:#d0e8ff;font-size:1.1rem;text-transform:uppercase;text-align:center;letter-spacing:2px}.guess-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 8px #00e5ff33}.guess-form input::placeholder{text-transform:none;letter-spacing:normal;font-size:.9rem}.suggestions{position:absolute;top:100%;left:0;right:0;z-index:20;list-style:none;margin:.25rem 0 0;padding:.25rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;max-height:220px;overflow-y:auto}.suggestions button{width:100%;text-align:left;border:0;background:none}.suggestions button:hover{background:#00e5ff1f}.map-wrapper{margin-top:1rem;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-secondary)}.map-toolbar{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);background:var(--bg-elevated);height:46px;flex-wrap:nowrap;overflow:hidden;white-space:nowrap}.map-hint{color:var(--text-muted);font-size:.78rem;margin-left:auto;white-space:nowrap}@media (max-width: 720px){.map-toolbar{gap:.5rem}.map-hint{display:none}.map-toolbar .btn-small{margin-left:auto}}.ita-legend{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-muted)}.chip{display:inline-block;width:12px;height:12px;border-radius:3px;margin-left:.5rem}.chip-noord{background:var(--ita-noord)}.chip-zuid{background:var(--ita-zuid)}.map-viewport{position:relative;overflow:hidden;height:68vh;min-height:420px;touch-action:none;cursor:grab}.map-viewport:active{cursor:grabbing}.map-stage{position:absolute;top:0;left:0;width:838.65576px;height:989.26666px;transform-origin:0 0}.map-layer{position:absolute;top:0;left:0;width:838.65576px;height:989.26666px;display:block;pointer-events:none}.map-layer svg{display:block;width:100%;height:100%}.map-layer>div{width:100%;height:100%}.map-layer>div svg{width:100%;height:100%}.map-dots{pointer-events:auto}.map-dots>svg,.map-dots>g{pointer-events:none}.map-dot{pointer-events:auto}.map-viewport,.map-toolbar{user-select:none;-webkit-user-select:none;touch-action:none}.ita-noord{fill:var(--ita-noord);fill-opacity:.18}.ita-zuid{fill:var(--ita-zuid);fill-opacity:.18}.post-region{fill-opacity:.18;stroke:none}.post-hub-ring{vector-effect:non-scaling-stroke}.post-legend{gap:.15rem}.post-chip{display:inline-flex;align-items:center;gap:.2rem;font-size:.72rem;color:var(--text-muted)}.map-dot{cursor:pointer;stroke:#0b1220;stroke-width:.5;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;transition:transform .12s ease}.map-dot:hover{transform:scale(1.5);stroke:#fff;stroke-width:.8;vector-effect:none}.map-dot.is-open{stroke:#fff;stroke-width:.7;vector-effect:none}.lbl-afk{fill:var(--accent);font-size:9px;font-weight:700;paint-order:stroke;stroke:#040812;stroke-width:1.1px;stroke-linejoin:round}.lbl-name{fill:#cbd5e1;font-size:7px;paint-order:stroke;stroke:#040812;stroke-width:1.1px;stroke-linejoin:round}.crash-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;text-align:center}.crash-screen h1{font-size:2.2rem;margin:0}.crash-detail{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem;max-width:520px;overflow-x:auto;text-align:left}.crash-actions{display:flex;gap:.5rem;align-items:center;margin-top:.5rem}.crash-actions .btn-primary{width:auto;padding:.5rem 1.1rem}.crash-actions a.btn-small{text-decoration:none}.btn-danger{background:#c0392b;border-color:#c0392b;color:#fff}.btn-danger:hover:not(:disabled){background:#e74c3c}.result-panel{margin:1rem 0;padding:.9rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.result-grid{margin:0 auto .6rem;display:inline-block;text-align:left;font-size:1.1rem;line-height:1.25;letter-spacing:.1em;white-space:pre;color:var(--text)}.result-score{margin:0 0 .6rem;font-size:.9rem;color:var(--text-muted)}.result-panel .btn-primary{width:auto;padding:.5rem 1.2rem}.admin-table .admin-actions{display:flex;gap:.3rem}.admin-pin-form{display:flex;flex-direction:column;gap:.4rem;padding:.75rem;margin-bottom:1rem;background:var(--bg-secondary);border:1px solid var(--accent);border-radius:8px}.admin-pin-form label{font-size:.85rem;color:var(--text-muted)}.admin-pin-form input{font:inherit;padding:.45rem .6rem;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.admin-pin-actions{display:flex;gap:.4rem;margin-top:.3rem}.admin-pin-actions .btn-primary{width:auto;padding:.4rem .9rem}.tutorial-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tutorial-modal{max-width:650px}.tutorial-modal.score-info-modal{max-width:810px}.tutorial-steps{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.tutorial-step{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem;background:var(--bg-secondary);border-radius:8px;border-left:3px solid var(--accent)}.step-icon{font-size:1.5rem;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00e5ff1a;border-radius:8px}.tutorial-step strong{display:block;margin-bottom:.25rem}.tutorial-step p{margin:.25rem 0 0;font-size:.9rem;color:var(--text-muted);line-height:1.4}.tutorial-step code{background:#00e5ff1f;color:var(--accent);padding:.05rem .3rem;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.tutorial-step ul{margin:.3rem 0 0;padding-left:0;font-size:.85rem;color:var(--text-muted);list-style:none}.tutorial-step li{display:flex;align-items:center;gap:.4rem;margin-bottom:.3rem}.tutorial-step li .color-box{flex-shrink:0;width:12px;height:12px}.color-box{width:16px;height:16px;border-radius:3px;display:inline-block}.color-box.green{background:var(--green)}.color-box.yellow{background:var(--yellow)}.color-box.gray{background:var(--gray)}.tutorial-footer{display:flex;flex-direction:column;gap:.5rem;align-items:center}.tutorial-footer .btn-primary{width:100%}.tutorial-footer .btn-secondary{padding:.5rem 1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem}.tutorial-footer .btn-secondary:hover{background:var(--bg-secondary)}@media (max-width: 600px){.tutorial-modal{max-width:100%;max-height:100vh;margin:0;border-radius:0}.tutorial-modal .modal-body{padding:1rem}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020610bf;display:grid;place-items:center;z-index:100;padding:1rem}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);width:min(560px,100%);max-height:85vh;display:flex;flex-direction:column}.modal-large{width:min(820px,100%)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:1.15rem}.modal-close{background:none;border:0;font-size:1.4rem;line-height:1;padding:0 .35rem}.modal-body{padding:1rem;overflow-y:auto}.modal-body h3{font-size:.95rem;margin:1.25rem 0 .5rem}.settings-section{display:flex;flex-direction:column;gap:.4rem;padding:.85rem 0;border-top:1px solid var(--border)}.settings-section:first-of-type{border-top:0;padding-top:0}.settings-section h3{margin:0;font-size:.92rem}.settings-section p{margin:0;color:var(--text-muted);font-size:.84rem}.settings-section label{font-size:.85rem;color:var(--text-muted)}.settings-section input{font:inherit;padding:.45rem .6rem;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.settings-section small{color:var(--text-muted);font-size:.75rem}.settings-section button{align-self:flex-start;margin-top:.2rem}.score-formula{display:inline-block;padding:.35rem .65rem;border-radius:6px;background:var(--bg-elevated);border:1px solid var(--border);font-size:.95rem}.delta{font-weight:600;font-variant-numeric:tabular-nums}.delta.up{color:var(--green)}.delta.down{color:#ff5c52}.delta.zero{color:var(--text-muted)}.beste-chart{margin:.5rem 0 .2rem}.beste-chart svg{width:100%;height:auto;display:block}.chart-grid{stroke:var(--border);stroke-width:1}.chart-axis-label{fill:var(--text-muted);font-size:10px}.chart-line{fill:none;stroke:var(--accent);stroke-width:2;opacity:.55;stroke-linejoin:round}.chart-trend{stroke:var(--text-muted);stroke-width:2;stroke-dasharray:6 5;opacity:.8}.chart-dot{stroke:var(--bg-secondary);stroke-width:1.5}.chart-dot.win{fill:var(--green)}.chart-dot.loss{fill:#ff3b30}.chart-dot.is-best{stroke:#ffd257;stroke-width:3}.chart-ghost{fill:var(--text-muted);opacity:.35}.chart-legend{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:.35rem;font-size:.78rem;color:var(--text-muted)}.chart-key{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.3rem;vertical-align:middle}.chart-key.win{background:var(--green)}.chart-key.loss{background:#ff3b30}.chart-key.best{background:var(--green);box-shadow:0 0 0 2px #ffd257}.chart-key.trend{height:0;border-radius:0;border-top:2px dashed var(--text-muted);width:16px}.beste-expiry{margin:.5rem 0 0;font-size:.85rem;color:var(--text-muted)}.danger-section{margin-top:.5rem;padding:.85rem 0 0;border-top:1px solid rgba(192,57,43,.45)}.danger-section h3{color:#e74c3c}.confirm-modal{width:min(440px,100%)}.confirm-body p{margin:0 0 .6rem;line-height:1.45}.confirm-warning{padding:.55rem .7rem;border-radius:8px;background:#eab3081f;border:1px solid rgba(234,179,8,.4);color:#fde68a;font-size:.85rem}.confirm-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:.85rem 1rem;border-top:1px solid var(--border)}.legend-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.35rem}.legend-list li{display:flex;align-items:center;gap:.5rem}.sw{display:inline-block;width:14px;height:14px;border-radius:4px}.sw.green{background:#00ff8859;box-shadow:inset 0 0 0 1px #0f8}.sw.yellow{background:#ffd60059;box-shadow:inset 0 0 0 1px #ffd600}.sw.gray{background:#3a4a5a80;box-shadow:inset 0 0 0 1px #6a8aaa}.sw.red{background:#ff3b3059;box-shadow:inset 0 0 0 1px #ff3b30}.attr-list{display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0}.attr-list dt{font-weight:600;font-size:.88rem}.attr-list dd{margin:0;color:var(--text-muted);font-size:.82rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem}.stat-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:.7rem;text-align:center}.stat-value{font-size:1.35rem;font-weight:700;color:var(--accent)}.stat-label{font-size:.75rem;color:var(--text-muted)}.dist-row{display:grid;grid-template-columns:2rem 1fr 2rem;gap:.5rem;align-items:center;font-size:.8rem}.dist-bar-container{background:var(--bg-elevated);border-radius:4px;height:14px;overflow:hidden}.dist-bar{background:var(--accent);height:100%}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.85rem;font-size:.85rem}.ranking-page{max-width:1180px;margin:0 auto;padding:1.25rem 1.5rem;min-height:100vh;display:flex;flex-direction:column;position:relative}.rank-controls{display:flex;align-items:center;gap:.6rem;position:sticky;top:0;z-index:20;padding-bottom:.6rem;transition:opacity .35s ease}.rank-controls.is-hidden{opacity:0;pointer-events:none}.rank-hint{color:var(--text-muted);font-size:.75rem}.rank-live{position:absolute;top:1.25rem;right:1.5rem;display:inline-flex;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.75rem;white-space:nowrap}.ranking-page.is-borderless .rank-live{top:.75rem}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 6px #22c55e99}.rank-gamelink{text-align:center;margin:1.5rem 0 .5rem;font-size:.9rem}.rank-gamelink a{color:var(--accent);text-decoration:none;border-bottom:1px dotted rgba(0,229,255,.5);letter-spacing:.02em}.rank-gamelink a:hover{border-bottom-style:solid}.ranking-page.is-borderless .rank-gamelink{margin-top:1rem;font-size:.8rem}.rank-header{text-align:center;margin:.25rem 0 1.25rem}.rank-header h1{font-size:2.6rem;letter-spacing:-.02em;text-shadow:0 0 22px rgba(0,229,255,.35)}.rank-date{margin:.35rem 0 0;color:var(--text-muted);font-size:.95rem;text-transform:capitalize}.rank-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin-bottom:1.5rem}.rank-stat{background:linear-gradient(180deg,var(--bg-elevated),var(--bg-secondary));border:1px solid var(--border);border-radius:10px;padding:.8rem .6rem;text-align:center}.rank-stat-value{font-size:1.7rem;font-weight:700;color:var(--text)}.rank-stat.is-accent .rank-stat-value{color:var(--accent)}.rank-stat-label{font-size:.74rem;color:var(--text-muted);margin-top:.1rem}.rank-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start;flex:1}.ranking-page .daily-leaderboard{margin:0}.ranking-page .daily-leaderboard h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:.5rem}@media (max-width: 860px){.rank-columns{grid-template-columns:1fr}}.ranking-page.is-borderless{max-width:none;padding:.75rem 1.5rem;background:var(--bg)}.ranking-page.is-borderless .rank-header{margin:.15rem 0 .75rem}.ranking-page.is-borderless .rank-header h1{font-size:2rem}.ranking-page.is-borderless .rank-stats{margin-bottom:1rem}.ranking-page.is-borderless footer{display:none}.ranking-page.is-borderless .daily-leaderboard h2{font-size:.72rem}.ranking-page.is-borderless .lb-table{font-size:.8rem}.ranking-page.is-borderless .lb-table td,.ranking-page.is-borderless .lb-table th{padding:.3rem .45rem}.ranking-page.is-borderless .reveal-code{font-size:1.3rem}.ranking-page.is-borderless .rank-stat{padding:.5rem}.ranking-page.is-borderless .rank-stat-value{font-size:1.25rem}.lb-table{font-size:.88rem}.lb-table td,.lb-table th{padding:.4rem .5rem}.lb-table .col-rank{width:2.4rem;text-align:center}.lb-table .col-num{text-align:right;font-variant-numeric:tabular-nums}.lb-table .col-name{font-weight:600}.lb-table tbody tr{animation:rowIn .32s ease both}@keyframes rowIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.lb-table tbody tr:hover{background:#00e5ff0d}.lb-table tbody tr.is-me{background:#00e5ff1a}.lb-table tbody tr.is-new{background:#00ff8821}.lb-table tbody tr.is-new .col-name{color:var(--green)}.new-badge{display:inline-block;margin-left:.4rem;padding:.05rem .35rem;border-radius:999px;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--green);color:#05210f;vertical-align:middle}.medal{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;font-weight:700;font-size:.78rem;color:#05210f}.medal.gold{background:linear-gradient(160deg,#ffe27a,#d4a017);box-shadow:0 0 10px #ffd23c59}.medal.silver{background:linear-gradient(160deg,#eef2f7,#a9b6c6)}.medal.bronze{background:linear-gradient(160deg,#f0b183,#b3703c)}tr.gold .col-name{color:#ffe27a}tr.silver .col-name{color:#dfe7f0}tr.bronze .col-name{color:#eeb389}@media (prefers-reduced-motion: reduce){.lb-table tbody tr{animation:none}.rank-controls{transition:none}}.yesterday-answer{margin:0 0 .85rem;padding:.6rem .8rem;background:#00e5ff14;border:1px solid rgba(0,229,255,.25);border-radius:8px;color:var(--text)}.yesterday-answer strong{color:var(--accent);letter-spacing:.04em}.stale-warning{margin:.85rem 0 0;padding:.55rem .75rem;background:#eab3081f;border:1px solid rgba(234,179,8,.4);border-radius:8px;color:#fde68a;font-size:.85rem}.stale-warning code{background:#0000004d;padding:.1rem .3rem;border-radius:4px}.badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.78rem;font-weight:600}.badge.win{background:var(--green);color:#052e16}.badge.loss{background:var(--gray);color:#cbd5e1}.leaderboard-table tr.highlight td{background:#00e5ff12}.map-viewport{cursor:default}.map-viewport.is-dragging{cursor:grabbing}@media (max-width: 640px){h1{font-size:1.6rem}.map-viewport{height:55vh;min-height:320px}.feedback-table,.leaderboard-table{font-size:.78rem}}.lb-table{table-layout:fixed}.lb-table th,.lb-table td{overflow:hidden;text-overflow:ellipsis}.lb-table .col-rank{width:3.2rem;text-align:center}.lb-table .col-name{width:auto}.lb-table .col-result{width:8rem;text-align:center}.lb-table .col-num{width:5.5rem;text-align:right}.badge{display:inline-block;padding:.15rem .6rem;border-radius:6px;font-size:.8rem;font-weight:600;min-width:4.6rem;text-align:center}.badge.win{background:#00ff8826;color:#0f8}.badge.loss{background:#ff3b3033;color:#ff3b30}.yesterday-answer{display:flex;flex-direction:column;gap:.15rem;margin:0 0 .75rem;padding:.6rem .85rem;background:#00e5ff12;border:1px solid rgba(0,229,255,.28);border-radius:10px}.reveal-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.reveal-line{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.reveal-code{font-size:1.4rem;font-weight:700;color:var(--accent);letter-spacing:.05em;text-shadow:0 0 12px rgba(0,229,255,.45)}.reveal-name{font-size:.9rem;color:var(--text)}.ranking-page{height:100vh;overflow:hidden;display:flex;flex-direction:column}.rank-columns{flex:1 1 auto;min-height:0;overflow-y:auto;align-content:start;scrollbar-width:none;-ms-overflow-style:none}.rank-columns::-webkit-scrollbar{width:0;height:0;display:none}.ranking-page .daily-leaderboard{min-width:0}.rank-gamelink{flex:0 0 auto;margin:0;padding:.7rem 0 .9rem;text-align:center;font-size:.9rem;border-top:1px solid var(--border);background:var(--bg)}.rank-gamelink a{color:var(--accent);text-decoration:none;border-bottom:1px dotted rgba(0,229,255,.5)}.result-grid{display:block;margin:0 auto .6rem;padding:.6rem .9rem;width:fit-content;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;font-family:"Segoe UI Emoji",Segoe UI Symbol,"Apple Color Emoji","Noto Color Emoji",sans-serif;font-size:1.5rem;line-height:1.35;letter-spacing:.05em;white-space:pre;-webkit-user-select:all;user-select:all}.result-score{margin:0 0 .5rem}