.coin-chip{border:1px solid #e8d99160;border-radius:30px;background:#f1cf6a16;color:#ffe1a0;padding:9px 12px;display:flex;gap:5px;align-items:center;font-size:13px}.coin-chip b{font-weight:500}.arena-3d{position:absolute;top:82px;bottom:43px;left:0;right:0;z-index:1;overflow:hidden}.battle-canvas{width:100%;height:100%;display:block}.has-3d .fighter{visibility:hidden}.has-3d .combat-fx{display:none}.has-3d .duel-symbol{top:52%;font-size:17px;opacity:.7}.countdown{margin-top:15px;color:#547d6b}.countdown>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.countdown span{font:600 8px system-ui;letter-spacing:1.2px}.countdown b{font-size:22px;font-weight:500;font-variant-numeric:tabular-nums}.timer-track{height:7px;background:#dee6d3;border-radius:20px;overflow:hidden}.timer-track i{display:block;height:100%;background:linear-gradient(90deg,#63a690,#bad393);border-radius:20px;transition:width .12s linear}.countdown.urgent{color:#a55739}.countdown.urgent .timer-track i{background:#d88055}.countdown.urgent b{animation:count-beat .8s infinite}.countdown small{display:block;font-size:8px;color:#8a9f8b;margin-top:4px;min-height:10px}.countdown.disabled{font-size:11px;margin-top:16px}.item-bar{display:grid;grid-template-columns:auto repeat(4,1fr);align-items:center;gap:8px;border-top:1px solid #d9e3cf;margin-top:17px;padding-top:13px}.item-bar>span{font:700 7px system-ui;letter-spacing:1px;color:#92a28e;margin-right:3px}.item-bar button{border:1px solid #c5d5bb;background:#e9efdd;color:#60846e;border-radius:10px;font-size:10px;padding:8px 7px;min-height:36px;white-space:nowrap}.item-bar button i{font-style:normal;font-size:14px;margin-right:4px}.item-bar button b{font-size:9px;border-radius:10px;background:#d7e5c9;display:inline-block;min-width:16px;padding:2px;margin-left:4px}.item-bar button:disabled{opacity:.4}.answer:disabled{opacity:.28;box-shadow:none;pointer-events:none}.bonus-tags{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.bonus-tags span{background:#f7e4b5;color:#967030;border:1px solid #efd39a;padding:7px 10px;border-radius:20px;font-size:11px}.earned-coins{font-size:12px;color:#a68a47;margin-top:9px}.prize-box{display:flex;flex-direction:column;gap:7px;border:1px solid #e5cf8c;background:#f4e7b9;padding:12px 15px;border-radius:12px;font-size:13px;color:#8e7336;margin:12px 0}.prize-box b{font-weight:500}.prize-box span{font-size:10px}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.shop-grid>div{background:#e5eed9;border:1px solid #cbdbbd;border-radius:15px;padding:13px;display:flex;flex-direction:column;align-items:start}.shop-grid i{font-style:normal;font-size:29px;color:#608d78;margin-bottom:5px}.shop-grid b{font-weight:500;font-size:16px}.shop-grid p{font-size:11px;line-height:1.5;margin:7px 0}.shop-grid small{font-size:9px;color:#8ba381;margin-bottom:10px}.shop-grid button{margin-top:auto;background:#d4e2c7;color:#52794d;border-color:#b7caa6;font-size:11px;width:100%}.shop-grid button:disabled{opacity:.45}.music-setting{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:18px;color:#648975}.music-setting input{width:18px;height:18px;accent-color:#368b77}.badge-shelf{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.badge-shelf span{background:#e5eadb;color:#9ca590;padding:7px 10px;border-radius:20px;font-size:9px}.badge-shelf .owned{background:#f4e4ac;color:#9b7a3a}.cinematic-label{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:205px;color:#407565}.cinematic-label>span{font-size:45px;color:#d2b063;animation:cast-rune 1s infinite alternate}.cinematic-label h2{font-weight:500;font-size:26px;margin-top:10px}.cinematic-label p{font-size:12px;color:#91a186;margin-top:8px}@keyframes count-beat{50%{transform:scale(1.1)}}@keyframes cast-rune{to{transform:rotate(35deg);color:#70ad9a}}@media(max-width:600px){.coin-chip{font-size:9px;padding:7px 8px;gap:3px}.header-right{gap:5px}.star-total{padding:7px 9px;gap:5px}.brand strong{font-size:22px}.brand>span{font-size:6.5px;letter-spacing:1.5px}.brand-star{margin-left:4px}.icon-button{height:31px;width:31px}.arena-scene{height:360px}.arena-3d{top:79px;bottom:43px}.item-bar{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:15px;padding-top:11px}.item-bar>span{grid-column:1/-1;font-size:6px;margin-bottom:1px}.item-bar button{font-size:8px;padding:8px 3px;min-height:42px}.item-bar button i{display:block;margin:0 0 3px;font-size:17px}.item-bar button b{font-size:7px;min-width:13px;padding:1px;margin-left:3px}.countdown{margin-top:11px}.countdown b{font-size:19px}.countdown span{font-size:7px}.countdown small{font-size:7px}.question-text{margin-top:13px}.question-text.math-text{margin-top:8px}.bonus-tags span{font-size:9px;padding:6px 8px}.cinematic-label{min-height:245px}.cinematic-label h2{font-size:23px}.cinematic-label p{font-size:11px}.has-3d .duel-symbol{font-size:13px;top:55%}.prize-box{padding:10px 12px;font-size:12px}.prize-box span{font-size:9px}}@media(prefers-reduced-motion:reduce){.cinematic-label>span,.countdown.urgent b{animation:none}.timer-track i{transition:none}}

@media(min-width:601px){.arena-scene{height:420px}}

.arena-3d[data-loading="true"]::after{content:"Menyiapkan arena…";position:absolute;left:50%;bottom:9px;transform:translateX(-50%);padding:7px 12px;border-radius:20px;background:#163d3bdc;color:#f9e4af;font-size:10px;white-space:nowrap}