.coin-room-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#181a1b,#29251b)}
.coin-mode-picker{display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:8px;padding:4px;border:1px solid #5e5237;border-radius:12px;background:#0d0f10}
.coin-mode{min-width:112px;padding:9px 15px;border:0;border-radius:8px;background:transparent;color:#9da09b;font-weight:800}.coin-mode.active{opacity:1;color:#241907;background:linear-gradient(180deg,#f8df95,#c89b43);box-shadow:inset 0 1px #fff7cc}
.coin-name-setting{display:flex;align-items:flex-end;gap:8px;min-width:min(420px,50%)}.coin-name-setting label{flex:1}.coin-name-setting input{margin-top:5px}.coin-name-setting .mini{flex:none}
.coin-solo-panel{max-width:980px;margin:16px auto;border:1px solid #6c5932;border-radius:18px;overflow:hidden;background:#111}.coin-game-frame{display:block;width:100%;height:420px;border:0;overflow:hidden;background:#151713}
.coin-duel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.coin-player-panel{min-width:0;overflow:hidden;border:1px solid #554b37;border-radius:17px;background:#121514}.coin-player-heading{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #403a2d;background:linear-gradient(90deg,#24231d,#171918)}.coin-player-heading .user-avatar{width:38px;height:38px}.coin-player-heading strong,.coin-player-heading small{display:block}.coin-player-heading small{color:#93bfae;font-size:.7rem}
.coin-player-panel .coin-game-frame{height:420px}.coin-live-score{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px}.coin-live-score span{padding:10px;border:1px solid #3e403a;border-radius:9px;color:#939991;font-size:.68rem;background:#0c0f0d}.coin-live-score strong{display:block;margin-top:3px;color:#f1ce77;font-size:1.2rem;font-variant-numeric:tabular-nums}
.coin-opponent-machine{position:relative;min-height:430px;padding:32px 24px;overflow:hidden;background:radial-gradient(circle at 50% 10%,#70482c,#271e1c 34%,#111514 75%)}.coin-opponent-glass{position:relative;height:290px;border:3px solid #b18b4c;border-radius:18px 18px 8px 8px;background:linear-gradient(165deg,#ffffff14 0 12%,transparent 12% 62%,#ffffff0a 62%),linear-gradient(#233b40cc,#101817dd);box-shadow:inset 0 0 35px #8bd5d51a,0 18px 35px #0008}.coin-opponent-glass:after{content:'';position:absolute;left:7%;right:7%;bottom:20%;height:22%;border:2px solid #8c7549;background:linear-gradient(#7b673f,#2a2d26 48%,#101512 50%)}.coin-opponent-glass i{position:absolute;z-index:2;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff0a9,#d69b2d 48%,#714510);box-shadow:0 3px 8px #0008}.coin-opponent-glass i:nth-child(1){left:18%;bottom:26%}.coin-opponent-glass i:nth-child(2){left:35%;bottom:23%}.coin-opponent-glass i:nth-child(3){left:52%;bottom:27%}.coin-opponent-glass i:nth-child(4){left:66%;bottom:22%}.coin-opponent-glass i:nth-child(5){left:44%;top:18%}
.coin-progress-track{height:9px;margin-top:22px;border-radius:99px;background:#0a0c0b;overflow:hidden}.coin-progress-track span{display:block;height:100%;width:3%;border-radius:inherit;background:linear-gradient(90deg,#bd8532,#f4d579);transition:width .4s ease}.coin-opponent-machine p{text-align:center;color:#aeb4ac;font-size:.75rem}.coin-live-pill{display:inline-flex;align-items:center;gap:7px;color:#b9c4bc;font-size:.76rem}.coin-live-pill i{width:8px;height:8px;border-radius:50%;background:#7ee3a3;box-shadow:0 0 12px #7ee3a3}.coin-room-footer{justify-content:flex-end;margin:16px 0}
@media(max-width:800px){.coin-duel-grid{grid-template-columns:1fr}.coin-room-controls{align-items:stretch;flex-direction:column}.coin-name-setting{min-width:0;width:100%}.coin-opponent-machine{min-height:360px}.coin-opponent-glass{height:230px}}
@media(max-width:430px){.coin-mode-picker{display:grid}.coin-mode{min-width:0}.coin-name-setting{align-items:stretch;flex-direction:column}.coin-name-setting .mini{width:100%}}
