.arena canvas#field{width:100%;height:100%;aspect-ratio:auto;display:block;touch-action:none;cursor:default}.arena canvas#field.attack-cursor{cursor:crosshair}.arena{overflow:hidden}.battle-clock{position:absolute;top:12px;left:14px;z-index:2;width:170px;pointer-events:none;background:linear-gradient(115deg,#0b1614f5,#192a22e8);border:1px solid #84905c;box-shadow:0 3px 18px #0006;border-radius:5px;padding:10px 12px;color:#deebcb}.round-line{display:flex;align-items:baseline;gap:9px;border-bottom:1px solid #5b684742;padding-bottom:4px}.round-line>span{font-size:10px;letter-spacing:2px;color:#bccb9f}.round-line>b{font:700 30px/1.15 monospace;color:#ffe0a1}.round-line>small{font-size:11px;color:#92a083}.next-wave{display:flex;align-items:center;justify-content:space-between;padding-top:7px;font-size:11px}.next-wave b{font:700 20px monospace;color:#e5eecc}.battle-clock.urgent .next-wave b,.rank-timer.urgent b{color:#ffab7b}.rank-timer{display:flex;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #5a4968;margin-top:8px;padding-top:7px;font-size:11px;color:#ddb4f3}.rank-timer b{font:700 19px monospace;color:#e1c3fc}.rank-timer i{display:block;height:3px;background:#ba87da;margin-top:5px}.camera-controls{position:absolute;right:12px;top:12px;display:flex;gap:3px;align-items:center;background:#111c16ed;border:1px solid #526246;padding:4px;border-radius:4px;z-index:3}.camera-controls button{font-size:10px;padding:4px 7px}.camera-controls output{font:11px monospace;min-width:35px;text-align:center;color:#d5d6a5}#worldMinimap{position:absolute;right:12px;bottom:34px;width:210px;height:96px;border:1px solid #89905b;background:#0c1614;z-index:3;cursor:crosshair;box-shadow:0 3px 15px #0008}.order-strip{position:absolute;left:12px;bottom:30px;display:flex;gap:8px;align-items:center;z-index:3}.order-strip button{font-size:11px;padding:7px 12px;border:1px solid #b09b5b;color:#ead399;background:#1d2a1de8}.order-strip button.active{background:#81502b;border-color:#ffcc7b}.order-strip span{font-size:10px;background:#0b1911df;padding:6px 9px;color:#b7c7a4;pointer-events:none}.boss-summary{left:auto;right:12px;top:58px;width:210px;max-width:210px;z-index:2;max-height:calc(100% - 220px);overflow:hidden}.boss-summary>div{padding:5px;margin-bottom:4px}.boss-summary b{font-size:10px}.boss-summary span{font-size:9px}.arena-tip{left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;background:#0c1712e8;padding:3px 8px}.ingredient-list{display:flex;flex-wrap:wrap;gap:5px}.ingredient-list>div{display:flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #596347;background:#17251b;border-radius:3px;font-size:10px}.ingredient-list .pixel-icon{width:26px;height:28px}.ingredient-list span{font:bold 12px monospace;margin-left:4px}.enough{color:#b9dd92}.missing{color:#efa28c}.combo-requirements h3{font-size:12px;margin:2px 0 8px}.combo-requirements p{font-size:10px;line-height:1.6}.upper-combo:focus-visible,.upper-combo:hover{border-color:#e9cb80;background:#3b4229}.upper-combo small{font-size:8px;white-space:normal;line-height:1.4}.upper-combo:not(.ready) small{color:#cea18a}
@media(max-width:900px){.battle-clock{width:145px;padding:7px 9px}.round-line>b{font-size:25px}.next-wave{font-size:10px}.next-wave b{font-size:18px}.camera-controls{gap:1px}.camera-controls button{font-size:8px;padding:4px}.camera-controls output{font-size:9px;min-width:28px}.order-strip span{display:none}#worldMinimap{width:160px;height:74px}.boss-summary{width:160px;max-width:160px}.arena-tip{font-size:7px}.order-strip{bottom:26px}.order-strip button{font-size:10px}.rank-timer{font-size:10px}.rank-timer b{font-size:17px}}
@media(max-width:520px){.battle-clock{top:8px;left:8px;width:130px}.camera-controls{top:8px;right:8px;max-width:calc(100% - 155px);flex-wrap:wrap;justify-content:flex-end}.camera-controls button{padding:3px}.camera-controls #bossZoneTwo{display:none}#worldMinimap{width:130px;height:60px;right:8px;bottom:26px}.boss-summary{top:75px;right:8px;width:130px;max-width:130px}.order-strip{left:8px}.arena-tip{font-size:6px}}

.arena{display:block;aspect-ratio:auto;min-width:0;min-height:0}.arena canvas#field{position:absolute;inset:0;max-width:none;max-height:none}.arena-tip{right:auto;width:max-content;max-width:95%}


.order-strip{gap:5px;max-width:calc(100% - 240px)}.order-strip>output{font-size:10px;white-space:nowrap;color:#d8deb8;padding:6px;background:#0b1911e8}.order-strip #holdOrder.active{background:#665d31;border-color:#e4d387}.order-strip>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#deckHold{color:#e4cd81}@media(max-width:900px){.order-strip{max-width:calc(100% - 185px)}.order-strip button{padding:6px 8px}.order-strip>output{font-size:9px;padding:3px}}@media(max-width:520px){.order-strip{max-width:calc(100% - 145px);flex-wrap:wrap}.order-strip button{font-size:9px;padding:5px}.order-strip>output{font-size:8px}}