body.battle-fullscreen{overflow:hidden}.battle-active .game-shell{display:none}.battle-screen{position:fixed;inset:0;width:100%;height:100dvh;z-index:50;background:#0e1013;isolation:isolate;overflow:hidden}.game-grid,.camera-card,.camera-view{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0}.camera-view{background:radial-gradient(ellipse at 50% 50%,#252323,#0a0b0e 75%)}.camera-view:after{content:'';position:absolute;inset:0;background:linear-gradient(#0007,transparent 26%,transparent 65%,#000b);pointer-events:none;z-index:2}.camera-card{z-index:0}.battle-screen video,.battle-screen #pose-canvas{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.has-video video,.has-video #pose-canvas{display:block}.mirrored video,.mirrored #pose-canvas{transform:scaleX(-1)}#pose-canvas{z-index:1;pointer-events:none}.camera-top,.camera-control-note,.battle-bottom,.monster-caption,.orbit,.rune,.stage-glow,.pedestal,.view-corner,.camera-grid{display:none}.play-toolbar{position:absolute;top:max(24px,env(safe-area-inset-top));right:max(28px,env(safe-area-inset-right));z-index:8}.fullscreen-button{display:flex;align-items:center;gap:10px;background:#18191de8;border:1px solid #ffffff29;border-radius:5px;padding:12px 16px;font-size:12px;backdrop-filter:blur(10px)}.fullscreen-button svg{width:16px;height:16px}.fullscreen-button:hover{background:#333}.time-stat{position:absolute;z-index:5;top:max(24px,env(safe-area-inset-top));left:max(28px,env(safe-area-inset-left));padding:14px 21px;background:#121419e8;border:1px solid #ffffff22;border-radius:6px;backdrop-filter:blur(10px)}.time-stat>span{display:block;font-size:8px;color:#b8afa1;font-weight:700;letter-spacing:1.5px}#session-time{display:block;font:700 43px/1.1 var(--display);font-variant-numeric:tabular-nums;margin-top:5px}.battle-card{position:absolute;top:24px;left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 370px));min-height:114px;padding:20px 23px 18px 118px;background:linear-gradient(110deg,#2b2319ed,#14161bef);border:1px solid #b8843e66;border-radius:7px;backdrop-filter:blur(12px);z-index:4;box-shadow:0 12px 40px #0004}.enemy-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}.enemy-level{font-size:8px;letter-spacing:1px;color:var(--amber);border:1px solid #ffb54744;padding:7px;border-radius:3px;white-space:nowrap}.enemy-top .eyebrow{display:block;font-size:7px;letter-spacing:1.7px;color:#bc9a6a;margin-bottom:3px}#enemy-name{font:700 28px/1 var(--display);letter-spacing:.5px;margin:0}.health-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.health-label>span{font-size:7px;letter-spacing:1.5px;color:#a59b8c}.health-label strong{font-size:12px;color:#e8b19d}.health-label small{font-size:7px;color:#b79084}.health-track{height:8px;background:#351a19;border:1px solid #59312b;border-radius:2px;overflow:hidden}#health-fill{height:100%;width:100%;background:linear-gradient(90deg,#db6044,#ffb05b);transition:width .3s}.monster-stage{position:absolute;left:12px;top:5px;width:100px;height:105px;pointer-events:none}.monster{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px #ffb54733)}.monster.hit{animation:monster-hit .45s ease-out}.damage-number{position:absolute;top:20px;left:45px;opacity:0;font:800 45px var(--display);color:#ffce77;text-shadow:0 2px 5px #000}.damage-number.hit{animation:damage .7s ease-out}.demo-tag{position:absolute;left:50%;top:calc(100% + 10px);transform:translateX(-50%);white-space:nowrap;background:#17191ce8;color:#dcc396;border:1px solid #ffb54733;border-radius:4px;padding:7px 12px;font-size:8px;letter-spacing:1.2px}.tracking-chip,.angle-chip{position:absolute;left:28px;z-index:4;display:flex;align-items:center;gap:7px;padding:10px 12px;background:#11151bdf;border:1px solid #ffffff25;border-radius:5px;font-size:9px;color:#bfccbf;backdrop-filter:blur(8px)}.tracking-chip{top:138px}.tracking-chip i{width:5px;height:5px;border-radius:50%;background:#abd28f}.angle-chip{top:180px;color:#aaa;font-size:8px;letter-spacing:1px}.angle-chip strong{font-size:13px;color:#eee}.performance-limited{color:#e8bd70}.performance-limited i{background:#e8bd70}.session-bar{position:absolute;inset:0;pointer-events:none;z-index:5}.session-bar>.session-stat:first-child{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);width:148px;height:148px;border-radius:50%;background:#171614d9;border:2px solid #ffb547;box-shadow:0 0 0 7px #ffb5470d,0 0 0 8px #ffb54733,0 10px 50px #0005;display:flex;flex-direction:column;align-items:center;justify-content:center;backdrop-filter:blur(10px)}.session-bar>.session-stat:first-child>span{font-size:8px;letter-spacing:2px;color:#c9b58e}.session-bar>.session-stat:first-child>strong{display:flex;flex-direction:column;align-items:center;font:800 66px/.95 var(--display);margin-top:8px;color:#ffce7d;font-variant-numeric:tabular-nums}.session-bar small{font-family:'Segoe UI',sans-serif;font-weight:500;font-size:8px;text-transform:uppercase;letter-spacing:2px;margin-top:7px}.session-bar>.session-stat:nth-child(2){position:absolute;bottom:65px;left:calc(50% + 105px)}.session-bar>.session-stat:nth-child(2)>span{display:block;font-size:7px;letter-spacing:1.2px;color:#c7ae88}.session-bar>.session-stat:nth-child(2)>strong{display:flex;align-items:baseline;gap:7px;font:700 31px var(--display);margin-top:8px}.form-status{position:absolute;bottom:34px;left:28px;max-width:min(350px,29vw);border-left:2px solid var(--amber);padding:13px 16px;background:linear-gradient(90deg,#121315e0,#12131540);border-radius:0 5px 5px 0}.form-status>span{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:700;letter-spacing:1px;color:#e1bc83}.form-status p{font-size:12px;color:#ded8cf;margin:9px 0 0;line-height:1.65}.camera-controls{position:absolute;bottom:34px;right:28px;z-index:7}.camera-controls .stop-button{background:#15171be8;font-size:11px;border-color:#ffffff30;backdrop-filter:blur(8px)}.depth-meter{position:absolute;right:32px;top:45%;z-index:5;display:flex;align-items:center;flex-direction:column;gap:12px;color:#dcc5a2}.depth-meter>span{font-size:8px;font-weight:700;letter-spacing:1.5px}.depth-track{height:130px;width:9px;background:#0c0c0cd9;border:1px solid #ffffff2b;position:relative;border-radius:9px;overflow:hidden}#depth-fill{position:absolute;bottom:0;width:100%;height:0;background:linear-gradient(#ffd585,#e8952b);transition:height .1s}.depth-track i{position:absolute;top:35%;left:0;right:0;height:1px;background:#fff9}.depth-meter small{font-size:7px;letter-spacing:1.3px}.preparation-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;max-width:440px;width:calc(100% - 40px);padding:24px 30px;border:1px solid #ffb54766;border-radius:10px;background:#151619ec;text-align:center;backdrop-filter:blur(13px)}.preparation-status>strong{font-size:16px}.preparation-status>span{display:block;font:800 90px/1 var(--display);color:var(--amber);margin:8px 0}.preparation-status>span:empty{display:none}.preparation-status p{font-size:13px;line-height:1.8;color:#c7c0b5;margin:12px 0}.preparation-status small{font-size:10px;color:#7f7b74}.counting-status{position:absolute;bottom:200px;left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 40px));z-index:6;padding:13px 18px;border:1px solid #ac793944;background:#231e17ee;border-radius:7px;text-align:center;backdrop-filter:blur(8px)}.counting-status strong{display:block;font-size:11px;color:#e6c18b;margin-bottom:5px}.counting-status>span{font-size:11px;line-height:1.65;color:#bfb4a5}.camera-empty{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:min(420px,calc(100% - 40px));color:#aaa}.camera-empty h3{font-size:24px;color:#eee}.camera-empty p{font-size:13px;line-height:1.8}.camera-private{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#8d897f;margin-top:20px}.camera-private svg{width:13px;height:13px}.pose-illustration{display:none}.demo-figure{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#332b22,#14151a 70%)}.demo-scene{position:relative;width:min(440px,55vh);height:min(520px,64vh);margin-top:-20px}.demo-scene>svg{height:100%;width:100%;overflow:visible;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 15px #ffb54720)}.demo-floor{stroke:#ffb54744;stroke-width:2}.demo-body{stroke:#ffd38d}.demo-head{fill:#24211d}.demo-figure>span{position:absolute;bottom:230px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2px;color:#857966;white-space:nowrap}.demo-grid{position:absolute;left:-50%;right:-50%;bottom:0;height:45%;background-image:linear-gradient(#ffb54708 1px,transparent 1px),linear-gradient(90deg,#ffb54708 1px,transparent 1px);background-size:40px 40px;transform:perspective(300px) rotateX(55deg);transform-origin:bottom;pointer-events:none}.battle-active dialog{z-index:100}
@keyframes monster-hit{15%{transform:translateX(-8px) rotate(-5deg);opacity:.6}40%{transform:translateX(5px) rotate(4deg)}100%{transform:none;opacity:1}}@keyframes damage{0%{opacity:1;transform:translateY(0) scale(.8)}20%{opacity:1;transform:translateY(-10px) scale(1.1)}100%{opacity:0;transform:translateY(-65px) scale(1)}}
@media(max-width:900px){.battle-card{width:calc(100% - 330px);padding-left:83px;padding-right:15px}.monster-stage{width:75px;height:90px;left:4px;top:10px}#enemy-name{font-size:24px}.enemy-top{gap:8px}.enemy-level{font-size:7px}.enemy-top .eyebrow{font-size:6px}.form-status{max-width:26vw;padding:10px}.form-status p{font-size:10px}.session-bar>.session-stat:first-child{width:125px;height:125px}.session-bar>.session-stat:first-child>strong{font-size:55px}.session-bar>.session-stat:nth-child(2){left:calc(50% + 86px)}.camera-controls .stop-button{font-size:10px;padding:10px}}
@media(max-width:600px){.play-toolbar{top:max(14px,env(safe-area-inset-top));right:14px}.fullscreen-button{padding:9px;font-size:0;min-width:38px;min-height:38px}.fullscreen-button svg{width:18px;height:18px}.time-stat{top:14px;left:14px;padding:9px 13px}.time-stat>span{font-size:6px;letter-spacing:1px}#session-time{font-size:31px}.battle-card{top:14px;left:110px;transform:none;width:calc(100% - 174px);min-height:68px;padding:12px 10px}.monster-stage{display:none}.enemy-top{margin-bottom:9px;gap:5px}.enemy-level{font-size:6px;padding:4px}.enemy-top .eyebrow{display:none}#enemy-name{font-size:21px}.health-label{margin-bottom:4px}.health-label>span{font-size:5px;letter-spacing:1px}.health-label strong{font-size:9px}.health-track{height:5px}.tracking-chip{left:14px;top:98px;padding:8px;font-size:8px}.angle-chip{left:14px;top:134px;padding:7px;font-size:7px}.angle-chip strong{font-size:11px}.demo-tag{font-size:6px;padding:5px 7px;letter-spacing:.4px}.session-bar>.session-stat:first-child{bottom:73px;width:106px;height:106px}.session-bar>.session-stat:first-child>strong{font-size:49px}.session-bar>.session-stat:first-child>span{font-size:6px;letter-spacing:1.3px}.session-bar small{font-size:6px}.session-bar>.session-stat:nth-child(2){bottom:93px;left:calc(50% + 78px)}.session-bar>.session-stat:nth-child(2)>span{font-size:6px;max-width:60px;line-height:1.6}.session-bar>.session-stat:nth-child(2)>strong{font-size:27px}.form-status{bottom:14px;left:14px;max-width:calc(100% - 140px);padding:7px 10px}.form-status>span{font-size:6px;letter-spacing:.5px}.form-status p{font-size:9px;line-height:1.5;margin-top:5px}.camera-controls{bottom:20px;right:14px}.camera-controls .stop-button{min-height:36px;font-size:9px;padding:8px 10px;gap:6px}.camera-controls svg{width:12px;height:12px}.counting-status{bottom:198px;padding:10px 14px;width:calc(100% - 40px)}.counting-status strong,.counting-status>span{font-size:10px}.depth-meter{right:18px;top:40%;gap:8px}.depth-track{height:95px;width:7px}.depth-meter>span,.depth-meter small{font-size:6px}.preparation-status{padding:20px;max-width:340px;top:48%}.preparation-status p{font-size:12px}.demo-scene{width:280px;height:340px;margin-top:-40px}.demo-figure>span{font-size:6px;bottom:205px}}
@media(max-height:500px) and (min-width:601px){.battle-card{top:12px;min-height:80px;padding-top:12px;padding-bottom:12px}.enemy-top{margin-bottom:8px}.monster-stage{height:80px}.time-stat,.play-toolbar{top:12px}.tracking-chip{top:110px}.angle-chip{top:148px}.session-bar>.session-stat:first-child{width:100px;height:100px;bottom:18px}.session-bar>.session-stat:first-child>strong{font-size:46px}.session-bar>.session-stat:nth-child(2){bottom:36px}.form-status{bottom:20px}.camera-controls{bottom:20px}.counting-status{bottom:138px}.demo-scene{height:65vh}.demo-figure>span{display:none}.depth-track{height:80px}}
@media(max-width:600px){.battle-card{left:124px;width:calc(100% - 188px)}.enemy-top{flex-wrap:wrap;gap:5px}.time-stat{padding-left:12px;padding-right:12px}}