#stage{flex-direction:column;gap:0;padding-bottom:0}#stage canvas{max-height:70vh}
.sword-hud{width:min(100%,768px);padding:12px 20px 14px;background:linear-gradient(#172334,#080e18);border:2px solid #ac8245;text-align:left;box-shadow:inset 0 0 0 2px #080b13;flex-shrink:0}
.sword-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;line-height:1.15;margin-bottom:9px}
.sword-title{font:bold clamp(22px,3.4vw,34px)/1 Georgia,serif;letter-spacing:.09em;color:#ffe4a3;text-shadow:1px 2px #7e3a18,-1px -1px #fff7dc,3px 3px #000}
#sword-state{font-size:clamp(12px,1.8vw,18px);letter-spacing:.08em;color:#e4c082}#sword-amount{font-size:19px;color:#ffefc6;font-weight:800;min-width:3em;text-align:right}
#sword-meter{position:relative;height:26px;border:2px solid #f3d397;background:#090a12;box-shadow:0 0 0 2px #04060b;overflow:hidden}
.sword-fill{position:absolute;inset:0 auto 0 0;width:var(--charge,0%);background:linear-gradient(#fff7c4 0%,#eabe60 36%,#b85d24 100%);transition:width .1s linear}
.sword-segments{position:absolute;inset:0;background:repeating-linear-gradient(to right,transparent 0%,transparent calc(20% - 2px),#111c2d calc(20% - 2px),#111c2d 20%)}
#sword-hint{display:block;margin:8px 0 0;color:#f1e8d5;font-size:14px;line-height:1.3}.sword-hud[data-ready=true] #sword-state{color:#bcf4da}.sword-hud[data-ready=false] #sword-state{color:#ffd38d}
#stage:fullscreen{flex-direction:column;justify-content:center;gap:0}#stage:fullscreen canvas{height:calc(100dvh - 132px);max-height:calc(100dvh - 132px);width:100%;max-width:100%;flex-shrink:1}#stage:fullscreen .sword-hud{width:min(100%,900px)}
@media(max-width:500px){.sword-hud{padding:10px 10px 12px}.sword-heading{gap:8px}.sword-title{font-size:23px}#sword-state{font-size:11px}#sword-amount{font-size:15px}#sword-hint{font-size:12px}#stage canvas{max-height:63vh}.sword-hud #sword-meter{height:24px}}
.controller-tools{border:1px solid #486675;background:#10202a;padding:16px;margin:16px 0}.controller-choice{display:flex;max-width:100%;margin-right:0}.controller-choice select{min-width:0;flex:1;width:100%;max-width:100%}.controller-live{display:flex;flex-wrap:wrap;gap:6px}.controller-live span{border:1px solid #486675;border-radius:4px;padding:6px 12px;background:#09131d;color:#b8c6ce}.controller-live span[data-down=true]{background:#e8bf6b;color:#111a26;border-color:#ffe0a0}.controller-tools p{overflow-wrap:anywhere}#pad-delivery{border-left:3px solid #e3b96b;padding:8px 12px;background:#172a34}#pad-raw{font-size:14px}#controller{overflow-wrap:anywhere}