:root{--red:#fb6b78;--blue:#6cdd9b}.team.blue{background:linear-gradient(135deg,#18885b,#12584a)}.cube-board{position:relative;height:650px;min-height:650px;overflow:hidden;border:3px solid #95ddf4;border-radius:19px;background:#39bde7;box-shadow:0 0 0 5px #65ccf42c,0 22px 55px #0009}.cube-board canvas{display:block;width:100%;height:100%;cursor:pointer}.cube-top{position:absolute;top:15px;left:12px;right:12px;display:flex;justify-content:space-between;gap:8px;pointer-events:none;color:white;text-shadow:0 2px 5px #236}.cube-top span{padding:7px 9px;background:#2261889e;border:1px solid #e8ffff88;border-radius:8px;font-weight:1000;font-size:.73rem}.cube-callout{position:absolute;top:29%;left:50%;transform:translate(-50%,15px) scale(.8);opacity:0;white-space:nowrap;background:#123657d9;color:white;border:2px solid white;border-radius:13px;padding:12px 15px;font-weight:1000;pointer-events:none}.cube-callout.red{border-color:#ff8c9b}.cube-callout.blue{border-color:#8dffbc}.cube-callout.show{animation:cube-pop 1.15s ease-out forwards}@keyframes cube-pop{17%,72%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-28px) scale(.9)}}.cube-place{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);border:2px solid #fff5bb;border-radius:14px;background:linear-gradient(#ffe387,#efa938);color:#453512;padding:10px 16px;font-weight:1000;box-shadow:0 6px 0 #94692f,0 12px 22px #0005;cursor:pointer;white-space:nowrap}.cube-place small{display:block;font-size:.56rem;letter-spacing:.08em}.cube-board.victory-blue{box-shadow:0 0 38px #70eab0}.cube-board.victory-red{box-shadow:0 0 38px #ff6d7c}@media(max-width:900px){.cube-board{height:570px;min-height:570px}}@media(max-width:580px){.cube-board{height:470px;min-height:470px}.cube-top span{font-size:.58rem}.cube-callout{font-size:.8rem}}@media(max-aspect-ratio:4/5){.cube-board{height:min(132vw,66svh);min-height:0}}
.hud-multiplier[hidden]{display:none}.cube-board .cube-place:active{transform:translateX(-50%) translateY(4px);box-shadow:0 2px 0 #94692f,0 5px 10px #0005}.gift-rail.blue .gift-amount{color:#a8ffba}.cube-board .cube-callout{max-width:90%;overflow:hidden;text-overflow:ellipsis}
.quick-test{padding:13px;border:1px solid #ffffff2d;border-radius:14px;background:#111b33}.quick-test h2{margin:0 0 5px;font-size:.95rem}.quick-test p{margin:0 0 12px;color:#aec1dc;font-size:.72rem}.quick-test-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quick-test-grid section{display:grid;align-content:start;gap:6px;min-width:0}.quick-test-grid h3{margin:0 0 3px;font-size:.72rem}.quick-test-grid button{display:grid;gap:3px;min-height:53px;width:100%;padding:7px 8px;border:1px solid #ffffff3a;border-radius:9px;background:#1c2945;text-align:left;white-space:normal;transition:transform .15s,border-color .15s}.quick-test-grid button:hover{transform:translateY(-2px);border-color:#fff9}.quick-test-grid button b{font-size:.66rem;color:#b5c8e2}.quick-test-grid button span{font-size:.68rem;line-height:1.2;font-weight:800}.test-red button{box-shadow:inset 3px 0 #ff8790}.test-blue button{box-shadow:inset 3px 0 #80eaaa}@media(max-width:380px){.quick-test-grid{grid-template-columns:1fr}}
.cube-board .cube-callout{top:auto;bottom:17%;font-size:clamp(.7rem,1.4vw,1rem)}@media(max-width:580px){.cube-board .cube-callout{bottom:23%}}
.app .gift-toast{top:27%;min-width:0;width:min(230px,72vw);max-width:72vw;padding:8px 11px;gap:2px;border-radius:12px;box-shadow:0 8px 22px #0009}.app .gift-toast-avatar{width:42px;height:42px;border-width:2px}.app .gift-toast-name{font-size:.78rem}.app .gift-toast-detail{font-size:.65rem}.app .gift-toast-count{font-size:1rem}.cube-board .cube-callout{bottom:29%;max-width:62%;padding:6px 10px;font-size:clamp(.65rem,1.05vw,.82rem);border-radius:9px}@media(max-width:580px){.app .gift-toast{top:23%;width:min(200px,70vw)}.cube-board .cube-callout{bottom:32%}}