:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#1a1a1f;--color-game-bg:#2e2e36;--color-surface:#4a4a52;--color-primary:#c8922e;--color-primary-dark:#8a5e1b;--color-primary-light:#e0a83a;--color-accent:#d7263d;--color-accent-dark:#8f1a27;--color-neutral:#f2f2f2;--color-neutral-dark:#6b6b75;--color-outline:#111;--font-display:"Lilita One", cursive;--font-body:system-ui, -apple-system, sans-serif;--font-western-display:"Rye", "Lilita One", cursive;--font-western-body:"IM Fell English", Georgia, serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus:not(:focus-visible){outline:none}html,body{background:var(--color-bg);height:100%;color:var(--color-neutral);font-family:var(--font-body);overflow:hidden}body{flex-direction:column;display:flex}.page{flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.phone-container{background:var(--color-game-bg);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.phone-container:after{content:"";pointer-events:none;z-index:15;background:radial-gradient(#0000 60%,#00000040 80%,#000000a6 100%);position:absolute;inset:0}.screen{flex-direction:column;display:flex;position:absolute;inset:0}.landscape-blocker{z-index:9999;background:var(--color-bg);justify-content:center;align-items:center;display:none;position:fixed;inset:0}.landscape-blocker-msg{text-align:center;color:var(--color-neutral);font-family:var(--font-display);padding:24px;font-size:20px}.landscape-icon{margin-bottom:16px;font-size:48px}@media (orientation:landscape) and (height<=500px){.landscape-blocker{display:flex}}@media (width>=768px){.phone-container{aspect-ratio:9/16;border-radius:8px;width:auto;height:100%;max-height:100%;box-shadow:0 0 40px #00000080}}.btn-golden{font-family:var(--font-display);color:var(--color-outline);background:linear-gradient(180deg, var(--color-primary-light) 0%, var(--color-primary) 50%, var(--color-primary-dark) 100%);border:3px solid var(--color-outline);cursor:pointer;touch-action:manipulation;text-transform:uppercase;border-radius:10px;padding:16px 28px;font-size:20px;transition:transform 80ms,box-shadow 80ms,filter 80ms;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 5px #6b4a14,0 6px 10px #00000059}.btn-golden:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:60%;height:100%;animation:3s ease-in-out infinite btn-shine;position:absolute;top:0;left:-100%}@keyframes btn-shine{0%,to{left:-100%}50%{left:140%}}.btn-golden:hover{filter:brightness(1.1);box-shadow:0 6px #6b4a14,0 7px 12px #0006}.btn-golden.pressed{filter:brightness(.88);transform:translateY(4px);box-shadow:0 1px #6b4a14,0 2px 4px #00000040}.btn-secondary{font-family:var(--font-display);color:var(--color-neutral);background:linear-gradient(180deg, #555560 0%, var(--color-surface) 100%);border:2px solid var(--color-outline);cursor:pointer;touch-action:manipulation;text-transform:uppercase;border-radius:10px;padding:14px 24px;font-size:18px;transition:transform 80ms,box-shadow 80ms,filter 80ms;transform:translateY(0);box-shadow:0 4px #33333b,0 5px 8px #0000004d}.btn-secondary:hover{filter:brightness(1.12);box-shadow:0 5px #33333b,0 6px 10px #00000059}.btn-secondary.pressed{filter:brightness(.82);transform:translateY(3px);box-shadow:0 1px #33333b,0 2px 3px #0003}.btn-secondary:disabled{opacity:.35;cursor:default;transform:none;box-shadow:0 2px #33333b}.btn-outline{font-family:var(--font-display);color:var(--color-primary);border:2px solid var(--color-primary);cursor:pointer;touch-action:manipulation;text-transform:uppercase;background:0 0;border-radius:10px;padding:14px 24px;font-size:18px;transition:background .15s,color .15s}.btn-outline:hover{background:#c8922e1f}.btn-outline.pressed{color:var(--color-primary-light);background:#c8922e33}.social-link{border:2px solid var(--color-neutral-dark);width:38px;height:38px;color:var(--color-neutral-dark);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:flex}.social-link:hover{color:var(--color-neutral);border-color:var(--color-neutral);background:#ffffff1a}.menu-screen{z-index:10;background:url(/sprites/ui/wall_bg.png) center / cover no-repeat, var(--color-bg);flex-direction:column}.menu-loading{z-index:50;background:url(/sprites/ui/wall_bg.png) center / cover no-repeat, var(--color-bg);flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:absolute;inset:0}.loading-title{font-family:var(--font-western-display);color:var(--color-primary);text-transform:uppercase;letter-spacing:2px;text-shadow:3px 3px 0 var(--color-outline), 0 0 20px #c8922e40;font-size:48px}.loading-status{justify-content:center;align-items:center;width:100%;height:60px;display:flex;position:relative}.loading-spinner{border:4px solid #c8922e33;border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;transition:opacity .25s ease-out;animation:.8s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.loading-prompt{font-family:var(--font-western-body);color:var(--color-neutral);letter-spacing:4px;opacity:0;font-size:28px;transition:opacity .4s ease-out;position:absolute}.menu-loading.ready{cursor:pointer}.menu-loading.ready .loading-spinner{opacity:0}.menu-loading.ready .loading-prompt{opacity:1;animation:2s ease-in-out infinite prompt-pulse}@keyframes prompt-pulse{0%,to{opacity:.65}50%{opacity:1}}.camera-viewport{flex:1;width:100%;position:relative;overflow:hidden}.camera-track{width:300%;height:100%;display:flex}.wall{flex:0 0 33.3333%;height:100%;position:relative;overflow:hidden}.wall-placeholder{background:var(--color-bg);justify-content:center;align-items:center;display:flex}.wall-placeholder-text{font-family:var(--font-western-display);color:var(--color-neutral-dark);text-transform:uppercase;opacity:.5;font-size:18px}.wall-home{background:url(/sprites/ui/wall_bg.png) 50%/cover no-repeat}.bounty-card{cursor:pointer;touch-action:manipulation;transition:transform .12s ease-out,box-shadow .12s;position:absolute}.card-trouble.card-enter:active{transform:translate(0)scale(.95)rotate(-5deg)!important}.card-lobby.card-enter:active{transform:translate(0)scale(.95)rotate(1.5deg)!important}.card-profile.card-enter:active{transform:translate(-50%,43.5%)scale(.95)!important}.card-inner{background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;border-radius:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;width:100%;height:100%;padding:8% 12px 6%;display:flex;position:relative}.card-trouble .card-inner{background-image:url(/sprites/ui/card_trouble.png)}.card-lobby .card-inner{background-image:url(/sprites/ui/card_lobby.png)}.card-profile .card-inner{justify-content:initial;align-items:initial;background-image:url(/sprites/ui/card_profile.png);gap:0;padding:0;display:block}.profile-portrait{aspect-ratio:1/1.1;pointer-events:none;width:36%;position:absolute;top:8%;left:10.5%;overflow:hidden}.profile-player{aspect-ratio:1;border:4px solid var(--color-outline);background:#fdeab1;border-radius:50%;width:70%;position:absolute;top:63%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 6px -11px 20px #633a0073}.profile-player-face{pointer-events:none;width:82%;height:auto;animation:5s ease-in-out infinite face-bob;position:absolute;top:52%;left:66%;transform:translate(-50%,-50%)rotate(-6deg)}@keyframes face-bob{0%,to{transform:translate(-50%,-50%)rotate(-5deg)}50%{transform:translate(-50%,calc(-50% - 4px))rotate(-8deg)}}.profile-stats{pointer-events:none;flex-direction:column;height:26%;display:flex;position:absolute;top:7.6%;left:49%;right:10.5%}.profile-stat{flex-direction:column;flex:50%;justify-content:flex-start;align-items:center;gap:10px;display:flex}.profile-stat-headline{font-family:var(--font-western-display);color:#3a2010;text-transform:uppercase;letter-spacing:3px;font-size:23px;line-height:1}.profile-stat-body{font-family:var(--font-western-body);color:#5c3d1e;opacity:.8;font-size:14px;font-style:italic;line-height:1}.profile-name-area{pointer-events:none;flex-direction:column;align-items:center;gap:0;display:flex;position:absolute;top:33.5%;left:8%;right:8%}.profile-name{font-family:var(--font-western-display);color:#2e1810;text-transform:uppercase;text-align:center;letter-spacing:1px;text-shadow:0 1px #ffffff26;word-break:break-word;max-width:100%;font-size:28px;line-height:1}.profile-divider{background-image:url(/sprites/ui/player-name-divider.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:38px}.profile-divider-top{margin-bottom:-12px}.profile-divider-bottom{margin-top:-13px;transform:scaleY(-1)}.card-trouble .card-inner{padding-bottom:9%}.card-trouble .card-title{font-size:20px}.card-trouble .card-subtitle{font-size:15px}.card-lobby .card-inner{gap:0;padding-bottom:6%}.card-lobby .card-title{font-size:18px;line-height:.9}.card-lobby .card-subtitle{font-size:14px;line-height:.9}.card-title{font-family:var(--font-western-display);color:#3a2010;text-transform:uppercase;text-align:center;text-shadow:0 1px #fff3;letter-spacing:.5px;font-size:16px;line-height:1.1}.card-subtitle{font-family:var(--font-western-body);color:#5c3d1e;text-align:center;opacity:.85;font-size:13px;font-style:italic}.card-trouble{aspect-ratio:3/2;opacity:0;width:63%;top:calc(5% + 120px);left:3%;transform:translate(-120%)scale(1.7)}.card-lobby{aspect-ratio:1;opacity:0;width:31%;top:calc(5% + 80px);right:3%;transform:translate(120%)scale(1.7)}.card-profile{aspect-ratio:2/3;opacity:0;width:100%;bottom:0;left:50%;transform:translate(-50%,150%)scale(1.7)}.card-trouble.card-enter{opacity:1;transition:transform .55s ease-out,opacity .4s ease-out;transform:translate(0)scale(1)rotate(-5deg)}.card-lobby.card-enter{opacity:1;transition:transform .55s ease-out,opacity .4s ease-out;transform:translate(0)scale(1)rotate(1.5deg)}.card-profile.card-enter{opacity:1;transition:transform .55s ease-out,opacity .4s ease-out;transform:translate(-50%,43.5%)scale(1)}.temp-icons{z-index:5;gap:8px;display:flex;position:absolute;top:8px;right:8px}.temp-icon-btn{color:#ffffffb3;cursor:pointer;touch-action:manipulation;background:#0006;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .15s,border-color .15s;display:flex}.temp-icon-btn:active{border-color:var(--color-primary);background:#c8922e4d}.home-social-links{z-index:5;opacity:0;gap:8px;display:flex;position:absolute;top:8px;left:8px}.home-social-links.social-enter{opacity:1;transition:opacity .4s ease-out}.home-social-links .social-link{color:#ffffffb3;background:#0006;border-color:#ffffff4d;width:36px;height:36px}.menu-footer{z-index:10;background:url(/sprites/ui/footer-board.png) 50%/100% 100% no-repeat;border-top:none;justify-content:space-around;align-items:center;height:90px;padding-bottom:7px;transition:transform .3s ease-out;display:flex;position:absolute;bottom:-18px;left:-4px;right:-4px;transform:translateY(100%)}.menu-footer.footer-visible{transform:translateY(0)}.menu-footer.footer-hidden{transform:translateY(100%)}.footer-btn{background:linear-gradient(180deg, var(--color-primary-light) 0%, var(--color-primary) 50%, var(--color-primary-dark) 100%);color:#2a1810;cursor:pointer;touch-action:manipulation;border:3px solid #2a1810;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;padding:0;transition:transform .18s ease-out,background .18s,filter .18s,box-shadow .18s;display:flex;box-shadow:inset 0 4px 5px #fff0c8a6,inset 0 -5px 6px #3c1e0073,0 3px 6px #00000080}.footer-btn:not(.footer-btn-active){color:#1a0e05;background:linear-gradient(#8a6a2e 0%,#6d5223 50%,#4a3617 100%);transform:scale(.893);box-shadow:inset 0 4px 5px #c8b48259,inset 0 -5px 6px #1e0f008c,0 2px 4px #0006}.footer-btn-active:active{filter:brightness(1.1);transform:translateY(1px)}.footer-btn:not(.footer-btn-active):active{filter:brightness(1.1);transform:scale(.893)translateY(1px)}.footer-btn svg{width:32px;height:32px}.game-screen{z-index:5;background:var(--color-game-bg);justify-content:flex-start;align-items:center}.game-content{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.nav-strip{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 12px;display:flex}.nav-icon-btn{border:2px solid var(--color-neutral-dark);width:40px;height:40px;color:var(--color-neutral-dark);cursor:pointer;touch-action:manipulation;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s,background .15s;display:flex}.nav-icon-btn:hover{color:var(--color-neutral);border-color:var(--color-neutral);background:#ffffff1a}.nav-icon-btn:active{color:var(--color-primary);border-color:var(--color-primary)}.score-strip{background:linear-gradient(#c99435 0%,#a07228 50%,#7a5520 100%);border:5px solid #161513;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;width:100%;height:58px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffdc8266,inset 0 -2px 4px #00000040,0 3px 8px #0006}.score-strip:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ffe69621 0% 38%,#ffe69600 48%,#0000 52%,#00000014 62% 100%);width:100%;height:100%;position:absolute;top:0;left:0}.score-name{font-family:var(--font-display);-webkit-text-stroke:3px #111;paint-order:stroke fill;text-shadow:0 1px 2px #0009;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:20px;overflow:hidden}.score-name-p1{color:var(--color-primary-light);text-align:center;margin-left:8px}.score-name-p2{color:var(--color-accent);text-align:center;margin-right:30px}.score-dots{align-items:center;gap:6px;margin:0 4px;display:flex}.timer{font-family:var(--font-display);color:#fff5d6;text-shadow:0 1px 2px #00000080;opacity:.7;font-size:20px;position:absolute;right:14px}.timer.warning{color:var(--color-accent);opacity:1;animation:.6s ease-in-out infinite alternate timer-pulse}@keyframes timer-pulse{0%{opacity:.7}to{opacity:1}}.arena-zone{aspect-ratio:1;background:var(--color-game-bg);flex-shrink:0;width:100%;position:relative}.controls-zone{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;gap:6px;width:100%;padding:10px 0 6px;display:flex}.player-label{font-family:var(--font-display);text-transform:uppercase;opacity:.7;min-height:18px;margin-top:12px;font-size:14px}.submit-btn{background:linear-gradient(180deg, #f0c050 0%, var(--color-primary) 40%, var(--color-primary-dark) 100%);border-bottom-width:4px;width:75%;padding:32px 0;font-size:32px;animation:2.5s ease-in-out infinite alternate submit-glow}.submit-btn:after{display:none}@keyframes submit-glow{0%{box-shadow:0 7px #6b4a14,0 8px 12px #0006,inset 0 2px #ffffff40,0 0 10px #c8922e4d}to{box-shadow:0 7px #6b4a14,0 8px 12px #0006,inset 0 2px #ffffff40,0 0 22px #c8922e99,0 0 44px #c8922e26}}.submit-btn.pressed{border-bottom-width:3px;animation:none}.submit-btn.disabled{color:#999;pointer-events:none;background:linear-gradient(#7a7a7a 0%,#5a5a5a 40%,#3a3a3a 100%);border-bottom:4px solid #111;animation:none;transform:translateY(2px);box-shadow:0 4px #2a2a2a,inset 0 2px #ffffff14}@media (width<=767px){.score-name{font-size:17px}.score-name-p1{margin-left:24px}.score-name-p2{margin-right:44px}.score-dots{margin:0 1px}}.match-overlay{z-index:20;background:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.match-card{background:var(--color-game-bg);border:2px solid var(--color-primary);border-radius:16px;flex-direction:column;align-items:center;gap:18px;padding:36px 44px;display:flex;box-shadow:0 8px 32px #00000080}.match-winner{font-family:var(--font-display);text-transform:uppercase;text-shadow:2px 2px 0 var(--color-outline);font-size:30px}.match-score{font-family:var(--font-display);color:var(--color-neutral);font-size:44px}.match-buttons{flex-direction:column;gap:10px;width:220px;margin-top:8px;display:flex}.tutorial-card{background:var(--color-game-bg);border:2px solid var(--color-primary);border-radius:16px;flex-direction:column;align-items:center;width:85%;max-width:360px;padding:28px 24px 20px;display:flex;position:relative;box-shadow:0 8px 32px #00000080}.tutorial-close{color:var(--color-neutral-dark);cursor:pointer;background:0 0;border:none;padding:4px;font-size:28px;line-height:1;position:absolute;top:8px;right:12px}.tutorial-close:hover{color:var(--color-neutral)}.tutorial-slide{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.tutorial-img-wrap{aspect-ratio:1;background:var(--color-surface);border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:260px;display:flex;overflow:hidden}.tutorial-img-wrap img{object-fit:cover;width:100%;height:100%}.tutorial-headline{font-family:var(--font-display);color:var(--color-primary);text-transform:uppercase;font-size:26px}.tutorial-text{font-family:var(--font-display);color:var(--color-neutral);opacity:.85;text-transform:none;max-width:280px;font-size:17px;line-height:1.4}.tutorial-nav{align-items:center;gap:16px;margin-top:18px;display:flex}.tutorial-arrow{color:var(--color-neutral);cursor:pointer;opacity:.6;background:0 0;border:none;padding:4px 10px;font-size:32px;transition:opacity .15s}.tutorial-arrow:hover{opacity:1}.tutorial-arrow:disabled{opacity:.15;cursor:default}.tutorial-dots{gap:8px;display:flex}.tutorial-dot{background:var(--color-neutral-dark);cursor:pointer;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:background .15s}.tutorial-dot.active{background:var(--color-primary)}