:root{--color-meta-blue:#1a1a1b;--color-bg:#fff;--color-text:#0a0a0a;--color-border:#d3d6da;--tile-border:#d3d6da;--tile-bg:#fff;--tile-text:#0a0a0a;--key-bg:#d3d6da;--key-text:#0a0a0a;--key-border:#878a8c;--state-correct:#6aaa64;--state-present:#c9b458;--state-absent:#787c7e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{padding:0;margin:0;color:var(--color-text);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;overflow-x:hidden;-webkit-text-size-adjust:100%;touch-action:manipulation;-webkit-overflow-scrolling:touch}.app-header,body,html{background:var(--color-bg)}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--color-border);padding-top:env(safe-area-inset-top)}.app-header-inner{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:900px;margin:0 auto;padding:env(safe-area-inset-top) 16px 0;position:relative}.brand{margin:0;font-size:26px;font-weight:800;letter-spacing:.04em;color:var(--color-meta-blue);text-transform:uppercase;position:absolute;left:50%;transform:translateX(-50%)}.icon-btn{background:none;border:none;cursor:pointer;padding:8px;color:var(--color-text);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.icon-btn:hover{background:#f0f0f0}.icon-btn:active{background:#e0e0e0}.container{max-width:900px;margin:0 auto;padding:24px 16px 64px}.game{display:flex;flex-direction:column;gap:24px;align-items:center;width:100%;min-width:0}.grid{grid-template-rows:repeat(6,1fr);grid-gap:8px}.grid,.row{display:grid;gap:8px}.row{grid-template-columns:repeat(5,1fr);grid-gap:8px}.tile{width:56px;height:56px;border:2px solid var(--tile-border);background:var(--tile-bg);color:var(--tile-text);display:inline-flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:0;transition:transform .12s ease,background-color .12s ease,border-color .12s ease,color .12s ease}.tile.filled{border-color:var(--color-meta-blue)}.tile.correct{background:var(--state-correct);border-color:var(--state-correct);color:#fff}.tile.present{background:var(--state-present);border-color:var(--state-present);color:#fff}.tile.absent{background:var(--state-absent);border-color:var(--state-absent);color:#fff}.keyboard{grid-gap:6px;width:100%}.kb-row,.keyboard{display:grid;gap:6px}.kb-row{grid-auto-flow:column;grid-gap:6px;justify-content:center}.key{background:var(--key-bg);border:1px solid var(--key-border);color:var(--key-text);padding:12px 8px;border-radius:0;font-weight:700;min-width:36px;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .12s ease,transform 60ms ease,color .12s ease}.key:active{transform:translateY(1px)}.key.correct{background:var(--state-correct);color:#fff;border-color:var(--state-correct)}.key.present{background:var(--state-present);color:#fff;border-color:var(--state-present)}.key.absent{background:var(--state-absent);color:#fff;border-color:var(--state-absent)}.key.action{background:var(--key-bg);color:var(--key-text);border-color:var(--key-border);font-size:12px}.hud{display:flex;flex-direction:column;align-items:center;gap:8px}.message{min-height:24px;color:var(--color-meta-blue);font-weight:600}.actions{display:flex;gap:8px}.actions .btn{background:#787c7e;border-color:#787c7e}.actions .btn.secondary{background:#878a8c;color:#fff;border-color:#878a8c}.leaderboard-section,.stats-section{width:100%;min-width:0}.leaderboard-section{margin-top:24px}.rohan-quote{margin:0 auto 12px;text-align:center;font-style:italic;color:#687387;font-size:14px;line-height:1.35;max-width:700px;width:100%;overflow-wrap:anywhere}.leaderboard-actions{margin-bottom:8px;justify-content:center;flex-wrap:wrap}.leaderboard-goat{margin:0 auto 12px;font-weight:700;color:var(--color-meta-blue);text-align:center;line-height:1.25;max-width:100%;width:100%;overflow-wrap:anywhere;word-break:break-word}.btn{background:var(--color-meta-blue);color:#fff;border:1px solid var(--color-meta-blue);padding:10px 14px;border-radius:0;font-weight:700;cursor:pointer}.btn.secondary{background:#fff;color:var(--color-meta-blue)}.app-footer{border-top:1px solid var(--color-border);padding:24px 16px calc(24px + env(safe-area-inset-bottom))}.app-footer-inner{max-width:900px;margin:0 auto;padding:0;color:#687387;font-size:14px;display:flex;justify-content:center;text-align:center}.celebration-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);z-index:50;animation:overlay-fade-in .2s ease}.celebration-inner{background:#fff;border-radius:16px;padding:16px;display:flex;flex-direction:column;align-items:center;border:1px solid var(--color-border);box-shadow:0 10px 30px rgba(0,0,0,.2);z-index:51}.celebration-photo :where(img,picture,video){width:220px;height:220px;border-radius:12px;display:block}.celebration-text{margin-top:12px;font-size:20px;font-weight:800;color:var(--color-meta-blue)}.confetti{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:52}.confetti-piece{position:absolute;top:-10px;border-radius:2px;animation-name:confetti-fall,confetti-spin;animation-timing-function:linear,ease-in-out;animation-iteration-count:1,infinite}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0deg);opacity:1}to{transform:translateY(110vh) rotate(2turn);opacity:1}}@keyframes confetti-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);z-index:60;animation:overlay-fade-in .2s ease;padding:16px}.modal{width:min(920px,100%);max-height:min(80vh,720px);background:#fff;border:1px solid var(--color-border);box-shadow:0 10px 30px rgba(0,0,0,.2);display:flex;flex-direction:column;overflow:hidden;border-radius:0}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid var(--color-border)}.modal-title{font-size:18px;font-weight:800;color:var(--color-meta-blue)}.modal-body{padding:14px;display:flex;flex-direction:column;gap:12px}.modal-row{display:grid;grid-template-columns:120px 1fr auto;grid-gap:10px;gap:10px;align-items:center}.modal-label{font-weight:700}.modal-input{width:100%;border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;font-size:14px;outline:none}.modal-input:focus{border-color:var(--color-meta-blue);box-shadow:0 0 0 3px rgba(24,119,242,.15)}.modal-error{color:#b00020;font-weight:700}.table-wrap{width:100%;max-width:100%;border:1px solid var(--color-border);border-radius:12px}.table-wrap,.table-wrap-scroll{overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.leaderboard-table{width:100%;min-width:0}.table{width:max-content;min-width:100%;border-collapse:collapse;font-size:13px}.table td,.table th{padding:10px;border-bottom:1px solid var(--color-border);text-align:left;white-space:nowrap}.table th{position:-webkit-sticky;position:sticky;top:0;background:#fbfcff;z-index:1;font-weight:800}.table tr:last-child td{border-bottom:none}.table-empty{padding:20px 10px;text-align:center;color:#687387;white-space:normal}.leaderboard-top{width:100%;margin-bottom:16px;min-width:0;overflow:hidden}.leaderboard-top .table-wrap{max-height:180px;min-width:0}.leaderboard-top .table{font-size:12px}.leaderboard-top .table td,.leaderboard-top .table th{padding:6px 8px}@media (max-width:480px){body,html{overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}.container{padding-left:8px;padding-right:8px;max-width:100%}.tile{width:56px;height:56px;font-size:24px;flex-shrink:0}.grid{gap:4px;margin:8px auto}.keyboard{gap:3px;padding:8px 4px calc(12px + env(safe-area-inset-bottom));touch-action:manipulation}.kb-row{gap:3px}.key{padding:14px 8px;min-width:28px;font-size:14px;border-radius:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.key.wide{padding:14px 12px}.modal{width:92%;max-width:340px;margin:16px;padding:16px}.modal-row{grid-template-columns:1fr;gap:12px}.modal-input{width:100%;font-size:16px}.rohan-quote{font-size:13px;max-width:100%;padding:0 8px}.leaderboard-goat{font-size:14px;text-align:center}.leaderboard-top{margin-bottom:12px}.leaderboard-top .table-wrap{max-height:45vh;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--color-border)}.leaderboard-top .leaderboard-table{width:100%;min-width:0;table-layout:fixed;font-size:12px}.leaderboard-top .table td,.leaderboard-top .table th{padding:8px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.leaderboard-top .table td:first-child,.leaderboard-top .table th:first-child{width:32px;min-width:32px}.leaderboard-top .table td:nth-child(2),.leaderboard-top .table th:nth-child(2){min-width:80px}.leaderboard-top .table td:nth-child(3),.leaderboard-top .table th:nth-child(3){width:60px;min-width:50px}.leaderboard-top .table td:nth-child(7),.leaderboard-top .table th:nth-child(7){width:40px;min-width:40px}.leaderboard-top .table td:nth-child(9),.leaderboard-top .table th:nth-child(9){width:50px;min-width:50px}.lb-hide-mobile{display:none!important}.leaderboard-table{table-layout:fixed}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stats-number{font-size:28px}.stats-label{font-size:11px}.distribution-bar{height:16px}}