/* Quiet, compact controls above a stable, full-page playing surface. */
.player .color-tray,.player .studio-panel{width:min(370px,calc(100vw - 24px));padding:9px 12px 12px!important;border-radius:15px;background:#fffaf0f2!important;border-color:#d2c4a7!important;box-shadow:0 4px 18px #62472e20}
.player .studio-panel{width:min(330px,calc(100vw - 24px))}
.floating-panel-head{margin:0 0 8px;padding-bottom:5px}
.floating-panel-handle{font-size:13px;min-height:36px}.floating-panel-close{width:32px;min-height:32px;font-size:21px}
.player .studio-panel .tools{margin:3px 0 8px}.player .studio-panel .studio-tip{margin-top:9px;font-size:11px}
.player .color-tray .tray-heading{font-size:11px}
.game-dialog .game-bar-toggle,.player .peek{box-shadow:none;border-radius:14px;background:#fffaf0d9}
.game-dialog .duel-board{position:absolute;inset:0;padding:64px 20px 72px!important}
.game-dialog .dream-arena>.game-top-bar{position:absolute;top:62px;right:12px;width:min(520px,calc(100% - 24px));padding:15px;max-height:60dvh;border:1px solid #c3c9b4;border-radius:15px;box-shadow:0 4px 20px #28403520}
.game-dialog .dream-arena>.duel-hand-bar{position:absolute;right:12px;bottom:65px;width:min(900px,calc(100% - 24px));padding:12px!important;max-height:42dvh;border:1px solid #c3c9b4;border-radius:15px;box-shadow:0 4px 20px #28403520}
.game-dialog .duel-battle-layout{align-content:center}.game-dialog .battle-field{border-radius:18px;box-shadow:none}
.game-dialog .duel-hand{justify-content:flex-start}
@media(max-width:650px){.game-dialog .duel-board{padding:63px 8px 66px!important}.game-dialog .dream-arena>.duel-hand-bar{bottom:62px;max-height:42dvh}.game-dialog .dream-arena>.game-top-bar{max-height:52dvh}.game-dialog .duel-battle-layout{min-height:0}.player .color-tray,.player .studio-panel{max-height:calc(100dvh - 130px)}}

.player .color-tray,.player .studio-panel{overflow:visible;max-height:none!important}
.player .studio-panel .action-tools{min-width:0;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.player .studio-panel .action-tools button{min-width:0;min-height:41px;font-size:11px;white-space:normal}
.player .studio-panel .tools{width:100%;max-width:none}
.paint-panel-tabs{display:flex;gap:5px;margin:0 0 10px}
.paint-panel-tabs button{flex:1;min-height:36px;border:1px solid #d8cab3;border-radius:10px;background:#fcf7ec;color:#6e604d;font:600 12px system-ui;padding:6px 8px}
.paint-panel-tabs button[aria-pressed=true]{background:#e5eadb;border-color:#a6b89d;color:#3c634e}
.paint-panel-tabs button[hidden],.paint-core[hidden],.paint-options[hidden]{display:none!important}
.player .paint-options .toggle{min-height:36px;padding:4px;margin:0;font-size:12px}
.player .studio-panel[data-control-tab=paint] .finish-note,.player .studio-panel[data-control-tab=options] .finish-note{display:none!important}
.player .studio-panel .finish-note{margin:0;max-width:100%}
.player .studio-panel .finish-note>span{display:none}.player .studio-panel .finish-note h3{font-size:21px;margin:0 0 6px}
.player .studio-panel .finish-note p{font:12px/1.5 system-ui;margin:5px 0}
.player .studio-panel .finish-note button{display:block;width:100%;min-height:40px;margin:7px 0 0;padding:8px 10px;font-size:12px}
.player .color-tray .palette{scrollbar-width:none}
.player .color-tray .palette::-webkit-scrollbar{display:none}
.palette-navigation{display:flex;gap:4px}
.palette-navigation button{display:grid;place-items:center;width:30px;min-height:32px;border:1px solid #ded0b8;border-radius:10px;background:#fff9ed;color:#6c604d;font:25px/1 system-ui;padding:0}
@media(max-height:450px){.player .floating-panel-head{margin-bottom:5px}.paint-panel-tabs{margin-bottom:6px}.player .color-tray .tray-heading{min-height:22px}.player .color-tray .color-purchase{gap:4px}.player .paint-options .studio-tip{font-size:10px;line-height:1.4}.player .studio-panel .finish-note p:first-of-type{display:none}}