:root{--gold:#f1cf72;--gold2:#9e6b28;--ink:#160f1d;--wine:#39243f}body{background:radial-gradient(circle at 50% -10%,#6d496e 0,#211627 45%,#0d0911 100%);letter-spacing:.01em}.phone{width:min(100%,430px);background:#160f1d;border:1px solid #d7b46155;box-shadow:0 35px 100px #000,0 0 0 5px #120c17,0 0 45px #b07b5740}.game{background:linear-gradient(180deg,#2d1c34,#160f1d);isolation:isolate}.topbar{height:68px;padding:8px 10px;gap:9px;background:linear-gradient(180deg,#3d2945 0,#211626 100%);border-bottom:1px solid #e6c56d66;box-shadow:0 5px 18px #000a,inset 0 1px #fff2}.topbar:after{content:"";position:absolute;left:16%;right:16%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#ffe99b,transparent)}.topbar>button{width:40px;height:40px;border:1px solid #e8c86d88;background:linear-gradient(145deg,#5c4063,#281b2e);color:#f9e6a4;box-shadow:inset 0 1px #fff3,0 4px 10px #0008}.room-code{min-width:60px;padding:5px 7px;border-left:1px solid #ffffff14;border-right:1px solid #ffffff14;color:#9f91a8}.room-code b{margin-top:2px;font-size:13px;color:#f6d978;text-shadow:0 0 10px #f0b83c88}.rival{color:#d9cedd}.rival span{display:flex;justify-content:space-between;align-items:center;font-size:11px}.rival.right span{flex-direction:row-reverse}.rival b{font-size:13px;color:#fff}.rival i{height:9px;margin-top:6px;border:1px solid #927650;background:#0d0912;box-shadow:inset 0 2px 5px #000,0 1px #ffffff12}.rival em{border-radius:8px;background:linear-gradient(90deg,#52d671,#e4d84a,#f2a947);box-shadow:0 0 10px #e7c65b66}.mission{height:38px;background:linear-gradient(90deg,#1a111f,#4a2e4b 30%,#4a2e4b 70%,#1a111f);border-top:1px solid #ffffff0d;border-bottom:1px solid #d7b65d55;color:#ffe89b;font-size:14px;letter-spacing:.08em;text-shadow:0 2px 4px #000,0 0 12px #e4b95a55}.mission:before{content:"◆";margin-right:9px;color:#c9943d}.stage{background:#211627;border-left:5px solid #1a111f;border-right:5px solid #1a111f;box-shadow:inset 0 0 30px #0008}.stage:after{content:"";position:absolute;pointer-events:none;inset:0;border:1px solid #e4c36533;box-shadow:inset 0 0 30px #0006}.stage canvas{width:100%;height:auto;image-rendering:auto}.controls{height:82px;padding:8px 16px;background:linear-gradient(180deg,#2f2036,#160f1c);border-top:1px solid #e4c15d66;box-shadow:0 -10px 30px #0008,inset 0 1px #ffffff10}.controls button{width:92px;height:54px;border:1px solid #f4dc8b;background:linear-gradient(180deg,#4fce61,#20933d);box-shadow:0 5px #125b29,0 8px 18px #0009,inset 0 2px #ffffff66;color:#fff;text-shadow:0 2px 2px #17461e}.controls button#ready{width:72px;height:64px;border:2px solid #fff0af;background:radial-gradient(circle at 50% 25%,#ffd96e,#e88b24 65%,#a95619);box-shadow:0 5px #7d3d17,0 9px 22px #000a,inset 0 3px 5px #fff8;color:#fff9db;text-shadow:0 2px 3px #78300e}.controls small{margin-top:3px;letter-spacing:.06em}.king-line{background:linear-gradient(180deg,#fff9df,#eac77f);border-color:#8c5c22;box-shadow:0 8px 25px #000b,0 0 0 2px #f6d88c88;color:#4b2818}.countdown{background:radial-gradient(circle,#4d304d99,#110b17ee);backdrop-filter:blur(5px)}.modal{backdrop-filter:blur(8px)}.modal>div{background:linear-gradient(160deg,#4e3558,#251a2c);border-color:#e8c865;box-shadow:0 30px 80px #000d,0 0 40px #d59d4c44,inset 0 1px #fff4}.toast{border:1px solid #e4c87077;background:#160f1eee;box-shadow:0 8px 25px #000a;color:#fff3bd}