:root{--bg-deep: #081810;--bg-vignette: #050f0a;--panel: #0f2a1c;--panel-light: #16402c;--panel-line: #2a5c40;--ink: #eaf4ec;--ink-dim: #9db8a6;--ink-faint: #5f7a68;--gold: #d4af37;--gold-bright: #f0cd5c;--gold-deep: #a8842a;--red: #c75450;--green: #7fd98f;--blue: #6fa8c9}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}#game-root{position:fixed;inset:0;margin:0 auto;max-width:43rem;background:var(--bg-deep);color:var(--ink);display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif}button{font-family:inherit;border:none;cursor:pointer;background:none;color:inherit;touch-action:manipulation}.btn{display:block;width:100%;padding:1.2rem;border-radius:1.2rem;font-size:1.4rem;font-weight:700;letter-spacing:.04em;text-align:center}.btn-primary{background:var(--gold);color:#14260f}.btn-primary:active{background:var(--gold-deep)}.btn-secondary{background:var(--panel-light);color:var(--ink);border:1px solid var(--panel-line)}.btn-secondary:active{background:#0d2418}.btn-ghost{color:var(--ink-dim);font-size:1.3rem;padding:.8rem 1.2rem}.btn-ghost:active{color:var(--gold-bright)}.btn:disabled{background:#0c2015;color:var(--ink-faint);border-color:transparent}#menu{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:2.6rem;z-index:5}#menu-backdrop{position:absolute;inset:0;z-index:-1}#menu-backdrop canvas{width:100%;height:100%}.menu-flag{margin-top:6rem;font-size:3.6rem;color:var(--gold);text-shadow:0 0 2.4rem rgba(212,175,55,.35)}.menu-title{font-size:3.2rem;font-weight:800;letter-spacing:.06em;margin-top:.6rem;text-shadow:0 .2rem 1.2rem rgba(0,0,0,.6)}.menu-tag{color:var(--gold);font-size:1.3rem;margin-top:.6rem;margin-bottom:3.2rem}.menu-stack{width:100%;display:flex;flex-direction:column;gap:1rem}.menu-note{color:var(--ink-dim);font-size:1.1rem;text-align:center}.menu-links{display:flex;justify-content:center;gap:.4rem;margin-top:1.4rem}.menu-foot{margin-top:auto;color:var(--ink-faint);font-size:1.1rem;text-align:center;padding-bottom:1rem}#hud{background:var(--panel);padding:.9rem 1.4rem .7rem;position:relative;flex-shrink:0;border-bottom:2px solid var(--bg-vignette)}.hud-row1{display:flex;align-items:center;gap:.8rem}.hud-club{font-weight:700;font-size:1.4rem;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-date{color:var(--ink-dim);font-size:1.2rem}.hud-clock{display:flex;gap:.4rem}.hud-clock button{width:3rem;height:2.4rem;border-radius:.8rem;background:var(--panel-light);color:var(--ink-dim);font-size:1.1rem;font-weight:700}.hud-clock button.active{background:var(--gold-deep);color:#14260f}.hud-row2{display:flex;align-items:baseline;margin-top:.3rem}.hud-rating{font-size:3.4rem;font-weight:800;color:var(--gold);line-height:1}.hud-rating-cap{font-size:1rem;color:var(--ink-dim);margin-left:.8rem;letter-spacing:.08em}.hud-rating-delta.up{color:var(--green)}.hud-rating-delta.down{color:var(--red)}.hud-cash{margin-left:auto;text-align:right}.hud-cash-main{font-size:1.9rem;font-weight:700}.hud-cash-main.negative{color:var(--red)}.hud-net{font-size:1.1rem;color:var(--ink-dim)}.hud-net.positive{color:var(--green)}.hud-net.negative{color:var(--red)}.hud-meters{display:flex;gap:1.2rem;color:var(--ink-dim);font-size:1.1rem;margin-top:.5rem;flex-wrap:wrap}.hud-meters b{color:var(--ink);font-weight:600}.strain-pip{display:inline-block;width:.8rem;height:.8rem;border-radius:50%;margin-left:.2rem}.hud-banner{font-size:1.1rem;font-weight:700;color:var(--gold-bright);margin-top:.4rem;min-height:1.4rem;letter-spacing:.04em}.hud-banner.warn{color:var(--red)}.hud-progress{position:absolute;left:0;bottom:0;height:.3rem;background:var(--gold);transition:width .1s linear}#map-wrap{flex:1;position:relative;min-height:0;background:var(--bg-deep)}#map-wrap canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.map-hint{position:absolute;top:1.2rem;left:50%;transform:translate(-50%);color:var(--gold-bright);font-size:1.3rem;font-weight:700;text-shadow:0 .2rem .8rem rgba(0,0,0,.8);pointer-events:none;animation:hintPulse 2.2s ease-in-out infinite;white-space:nowrap}@keyframes hintPulse{0%,to{opacity:.65}50%{opacity:1}}#feed-pops{position:absolute;left:.9rem;right:.9rem;bottom:.9rem;display:flex;flex-direction:column;gap:.6rem;pointer-events:none;z-index:8}.feed-pop{background:#0f2a1cf0;border:1px solid var(--panel-line);border-radius:1.2rem;padding:.8rem 1rem;display:flex;gap:.8rem;align-items:flex-start;pointer-events:auto;cursor:pointer;box-shadow:0 .6rem 2rem #00000080;animation:popIn .25s cubic-bezier(.2,.9,.3,1.2);max-width:34rem}.feed-pop.viral{border-color:var(--gold);background:#16402cf5}.feed-pop.report{border-color:var(--gold)}.feed-pop.leaving{opacity:0;transform:translateY(.8rem);transition:all .3s ease}@keyframes popIn{0%{transform:translateY(1.6rem) scale(.96);opacity:0}to{transform:none;opacity:1}}.avatar{width:2.8rem;height:2.8rem;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:#0a1a10}.feed-pop-body{min-width:0;flex:1}.feed-pop-head{display:flex;align-items:baseline;gap:.6rem;font-size:1.1rem}.feed-pop-handle{font-weight:700}.feed-pop-likes{margin-left:auto;color:var(--ink-faint);font-size:1rem;white-space:nowrap;font-variant-numeric:tabular-nums}.feed-pop-likes.viral{color:var(--gold-bright);font-weight:700}.viral-chip{background:var(--gold);color:#14260f;font-size:.85rem;font-weight:800;letter-spacing:.08em;border-radius:.5rem;padding:.1rem .5rem}.feed-pop-text{font-size:1.25rem;line-height:1.35;margin-top:.2rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}.quoted{border:1px solid var(--panel-line);border-radius:.8rem;padding:.5rem .8rem;margin-top:.5rem;font-size:1.1rem;color:var(--ink-dim)}.quoted b{color:var(--ink)}.rank-chip{color:var(--gold);font-weight:700}.rank-chip.first{color:var(--gold-bright)}.rank-chip.pulse{animation:rankPulse .9s ease}@keyframes rankPulse{0%{transform:scale(1)}30%{transform:scale(1.35)}to{transform:scale(1)}}.mini-board{width:100%;display:flex;flex-direction:column;gap:.4rem;margin-top:.4rem}.mini-row{display:flex;gap:.8rem;font-size:1.15rem;color:var(--ink-dim);background:#0f2a1cb3;border-radius:.8rem;padding:.5rem 1rem}.mini-row .r{color:var(--gold);font-weight:700;width:1.6rem}.mini-row .s{margin-left:auto;font-weight:700;color:var(--ink)}.countdown{color:var(--gold-bright);font-weight:700}.post-when{color:var(--ink-faint);font-size:1rem;white-space:nowrap}.post.report{border:1px solid var(--gold)}.post.report .post-text{white-space:pre-line;font-variant-numeric:tabular-nums}#dock{background:var(--panel);padding:.7rem .9rem calc(.9rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.6rem;flex-shrink:0}.ticker{background:var(--panel-light);border-radius:1rem;padding:.9rem 1.1rem;font-size:1.2rem;color:var(--ink-dim);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.ticker.viral{color:var(--gold-bright);border:1px solid var(--gold)}.ticker b{color:var(--ink)}.dock-row{display:flex;gap:.5rem}.mode-btn{flex:1;padding:.9rem 0;border-radius:1rem;background:var(--panel-light);color:var(--ink-dim);font-size:1.2rem;font-weight:700;letter-spacing:.05em}.mode-btn.active{background:var(--gold);color:#14260f}.chip-btn{flex:1;padding:.6rem 0;border-radius:.8rem;background:var(--panel-light);color:var(--ink-dim);font-size:1.1rem;font-weight:600}.chip-btn.active{background:var(--gold-deep);color:#14260f}.chip-btn:disabled{color:var(--ink-faint);background:var(--panel)}.action-btn{flex:1;padding:.8rem 0;border-radius:1rem;background:var(--panel-light);border:1px solid var(--panel-line);color:var(--ink);font-size:1.2rem;font-weight:600}.action-btn:active{background:#0d2418}#modal-root{position:absolute;inset:0;z-index:20;pointer-events:none}.modal-dim{position:absolute;inset:0;background:#000a05bd;display:flex;align-items:center;justify-content:center;pointer-events:auto;animation:fadeIn .16s ease;padding:1.8rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--panel);border:1px solid var(--panel-line);border-radius:1.8rem;width:100%;max-width:36rem;max-height:86%;display:flex;flex-direction:column;padding:1.6rem;gap:1rem;animation:rise .18s ease}@keyframes rise{0%{transform:translateY(1.4rem);opacity:.6}to{transform:none;opacity:1}}.modal-head{display:flex;align-items:center}.modal-title{color:var(--gold);font-size:1.7rem;font-weight:700;flex:1}.modal-x{color:var(--ink-dim);font-size:1.6rem;padding:.4rem .8rem}.modal-body{overflow-y:auto;display:flex;flex-direction:column;gap:.9rem;overscroll-behavior:contain}.modal p{font-size:1.3rem;line-height:1.45}.dim-text{color:var(--ink-dim)}.faint-text{color:var(--ink-faint);font-size:1.1rem}.gold-text{color:var(--gold)}.sep{height:1px;background:var(--panel-line);margin:.3rem 0}.section-label{font-size:1.05rem;font-weight:700;letter-spacing:.08em;color:var(--ink-dim)}.post{background:var(--panel-light);border-radius:1rem;padding:.9rem 1.1rem}.post.viral{border:1px solid var(--gold)}.post-head{display:flex;gap:.6rem;align-items:baseline;font-size:1.15rem}.post-handle{font-weight:700}.post-display{color:var(--ink-faint);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-likes{color:var(--ink-faint);font-size:1rem;white-space:nowrap}.post-likes.viral{color:var(--gold)}.post-text{font-size:1.3rem;margin-top:.3rem;line-height:1.4}.grid2{display:grid;grid-template-columns:1fr auto;gap:.25rem 1.6rem;font-size:1.25rem}.grid2 .num{text-align:right;font-variant-numeric:tabular-nums}.pos{color:var(--green)}.neg{color:var(--red)}.tourney{background:var(--panel-light);border-radius:1.2rem;padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.5rem}.tourney-head{display:flex;align-items:baseline}.tourney-name{font-size:1.4rem;font-weight:700;flex:1}.tourney-req{color:var(--ink-faint);font-size:1.05rem}.board-row{display:flex;align-items:center;gap:1rem;background:var(--panel);border-radius:1rem;padding:.8rem 1.1rem;font-size:1.25rem}.board-row.you{background:var(--panel-light);border:1px solid var(--gold)}.board-rank{color:var(--ink-faint);font-weight:700;width:2.2rem}.board-rank.top{color:var(--gold)}.board-club{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-dim)}.board-row.you .board-club{color:var(--ink);font-weight:700}.board-rating{color:var(--ink-dim);font-size:1.1rem}.board-score{font-weight:700;min-width:5.4rem;text-align:right}.board-row.you .board-score{color:var(--gold)}.board-tag{font-size:.95rem;color:var(--blue)}input.code-input{flex:1;background:var(--panel-light);border:1px solid var(--panel-line);border-radius:.8rem;color:var(--ink);padding:.9rem 1rem;font-size:1.25rem;min-width:0}input.code-input::placeholder{color:var(--ink-faint)}input.name-input{width:100%;background:var(--panel-light);border:1px solid var(--panel-line);border-radius:1rem;color:var(--ink);padding:1rem 1.1rem;font-size:1.5rem;font-weight:700}.pricing-row{display:flex;gap:.6rem}.pricing-btn{flex:1;padding:.8rem 0;border-radius:1rem;background:var(--panel-light);border:1px solid var(--panel-line);color:var(--ink);font-size:1.2rem;line-height:1.4}.pricing-btn.active{background:var(--gold);color:#14260f;border-color:var(--gold);font-weight:700}.crest-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem}.crest-cell{display:flex;flex-direction:column;align-items:center;gap:.3rem}.crest-btn{border-radius:1rem;padding:.4rem;background:var(--panel)}.crest-btn.selected{background:var(--panel-light);outline:1px solid var(--gold)}.crest-btn canvas{display:block;width:4.4rem;height:4.4rem}.crest-cap{font-size:.85rem;color:var(--ink-faint);text-align:center}.xp-bar{height:.8rem;background:var(--bg-deep);border:1px solid var(--panel-line);border-radius:.5rem;overflow:hidden}.xp-fill{height:100%;background:var(--gold)}.founders{border:1px solid var(--gold);border-radius:1.4rem;padding:1.2rem;background:var(--panel-light);display:flex;flex-direction:column;gap:.7rem}.theme-row{display:flex;align-items:center;gap:.8rem;background:var(--panel);border:1px solid var(--panel-line);border-radius:1rem;padding:.8rem 1rem;width:100%;font-size:1.3rem}.theme-row.selected{background:var(--panel-light);border-color:var(--gold)}.theme-row:disabled{opacity:.6}.swatch{width:1.4rem;height:2.2rem;border-radius:.2rem}.theme-name{flex:1;text-align:left}.theme-tag{font-size:1rem;color:var(--ink-faint)}.theme-tag.worn{color:var(--gold);font-weight:700}.result-score{font-size:4.4rem;font-weight:800;color:var(--gold);text-align:center;line-height:1}.result-sub{text-align:center;color:var(--ink-dim);font-size:1.15rem;letter-spacing:.06em;font-weight:700}.levelup{text-align:center;color:var(--gold-bright);font-size:1.5rem;font-weight:800}.unlock-row{display:flex;align-items:center;justify-content:center;gap:.8rem}.unlock-row canvas{width:4rem;height:4rem}.card-img{width:100%;border-radius:1rem;display:block}.card-actions{display:flex;gap:.6rem}#toast-root{position:absolute;top:13rem;left:50%;transform:translate(-50%);z-index:40;display:flex;flex-direction:column;gap:.6rem;width:86%;pointer-events:none}.toast{background:var(--panel-light);border:1px solid var(--gold);border-radius:1.2rem;color:var(--ink);font-size:1.25rem;font-weight:600;text-align:center;padding:.9rem 1.2rem;animation:toastIn .2s ease;box-shadow:0 .4rem 2rem #00000073}.toast.bad{border-color:var(--red)}.toast.big{border-color:var(--gold-bright);color:var(--gold-bright);font-size:1.35rem}.toast.fade{opacity:0;transition:opacity .35s ease}@keyframes toastIn{0%{transform:translateY(-.8rem);opacity:0}to{transform:none;opacity:1}}