:root{color:#f6e9c8;font-synthesis:none;text-rendering:geometricprecision;background:#0b0e0a;font-family:Inter,Segoe UI,Noto Sans SC,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:720px;margin:0}body{overflow:hidden}button,input{font:inherit}button{border:0}.app-shell{isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden}.scene-backdrop{z-index:-3;background:linear-gradient(90deg, #0a09062e, #0708050a 46%, #03040385), var(--asset-start-room-bg,linear-gradient(135deg, #172015, #080a06)) center / cover no-repeat;position:absolute;inset:0;transform:scale(1.01)}.scene-vignette{z-index:-2;pointer-events:none;background:radial-gradient(circle at 47% 47%,#f0c1601c,#0000 26%),radial-gradient(circle at 18% 18%,#ffe09633,#0000 24%),linear-gradient(#00000047,#0000 42%,#000000b8);position:absolute;inset:0}.loading-curtain{--loading-progress:0%;--loading-needle:-52deg;z-index:28;color:#f7e8bd;pointer-events:auto;background:radial-gradient(circle at 22% 28%,#daa94c38,#0000 24%),radial-gradient(circle at 82% 68%,#7b1f1b2e,#0000 28%),linear-gradient(135deg,#12170f,#050604 64%,#180d08);place-items:center;padding:32px;display:grid;position:fixed;inset:0;overflow:hidden}.loading-curtain-bg,.loading-curtain-vignette{pointer-events:none;position:absolute;inset:0}.loading-curtain-bg{z-index:0;background:linear-gradient(90deg, #04050380, #0405031f 46%, #04050373), var(--asset-loading-curtain-bg,linear-gradient(135deg, #172015, #080a06)) center / cover no-repeat;filter:saturate(.92)contrast(1.04);transform:scale(1.015)}.loading-curtain-vignette{z-index:1;background:radial-gradient(circle,#f6cf7614,#0000 32%),radial-gradient(circle,#0000 0 42%,#00000094 74%),repeating-linear-gradient(90deg,#f9e19609 0 1px,#0000 1px 18px)}.loading-case{z-index:2;grid-template-columns:minmax(420px,.9fr) minmax(260px,.46fr);align-items:center;gap:34px;width:min(1160px,100vw - 64px);display:grid;position:relative}.loading-dossier{clip-path:polygon(0 7%,7% 0,100% 0,100% 90%,91% 100%,0 100%);background:linear-gradient(135deg,#1f2d1ff0,#402719e6),repeating-linear-gradient(0deg,#ffe8a60d 0 1px,#0000 1px 9px);border:1px solid #eccd804d;min-height:430px;padding:32px;position:relative;box-shadow:0 32px 92px #0000008c,inset 0 0 0 8px #ffe89c0a}.loading-dossier:before,.loading-dossier:after{content:"";pointer-events:none;position:absolute}.loading-dossier:before{clip-path:polygon(0 7%,7% 0,100% 0,100% 90%,91% 100%,0 100%);border:1px dashed #eacb8138;inset:14px}.loading-dossier:after{border:8px double #7c1f1b57;border-radius:50%;width:128px;height:128px;bottom:26px;right:28px;transform:rotate(-13deg)}.loading-kicker{color:#1b2416;letter-spacing:0;background:#cdb56e;margin:0 0 12px;padding:5px 11px;font-size:.74rem;font-weight:1000;display:inline-block}.loading-dossier h2{color:#f9e8b8;letter-spacing:0;text-shadow:0 5px #00000042,0 24px 42px #00000094;max-width:720px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.5rem,8vw,6.7rem);line-height:.86}.loading-message{color:#efd9a4;max-width:620px;min-height:31px;margin:20px 0 28px;font-size:1.02rem;font-weight:900}.loading-meter{z-index:1;grid-template-columns:1fr auto;align-items:center;gap:18px;margin-right:110px;display:grid;position:relative}.loading-meter-track{background:#040705c7;border:1px solid #e2c78247;height:22px;padding:4px;box-shadow:inset 0 0 12px #00000061}.loading-meter-track span{width:var(--loading-progress);background:linear-gradient(90deg,#78d278,#e3c76b 58%,#9d3329),#78d278;height:100%;transition:width .18s;display:block;box-shadow:0 0 22px #70d8706b,0 0 4px #fae6aab8}.loading-meter strong{color:#f9e8b8;text-align:right;text-shadow:0 4px #140a05;min-width:82px;font-family:Georgia,Times New Roman,serif;font-size:3.4rem;line-height:.88}.loading-steps{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:600px;margin-top:30px;display:grid;position:relative}.loading-steps:before{content:"";background:linear-gradient(90deg,#8d272147,#cd382ddb,#8d272147);height:3px;position:absolute;top:50%;left:8%;right:8%;transform:translateY(-50%);box-shadow:0 0 16px #c9342c38}.loading-steps span{color:#796a45;letter-spacing:0;clip-path:polygon(0 0,88% 0,100% 22%,100% 100%,12% 100%,0 78%);background:linear-gradient(135deg,#efda9924,#1e160fb3),#080a06c7;border:1px solid #e5ca8638;place-items:center;min-height:58px;font-size:.7rem;font-weight:1000;display:grid;position:relative;box-shadow:0 14px 28px #00000042}.loading-steps span:before{content:"";background:#2b1a0d;border:2px solid #b79b55;border-radius:50%;width:14px;height:14px;position:absolute;top:-8px;box-shadow:0 7px #00000047}.loading-steps span.is-lit{color:#f8e7b7;text-shadow:0 0 14px #7ee27057;background:linear-gradient(135deg,#7ac66f59,#2b4525db),#0b0f09cc;border-color:#81d8776b}.loading-action{z-index:2;color:#fbecc3;cursor:pointer;clip-path:polygon(0 0,92% 0,100% 28%,94% 100%,0 100%);background:linear-gradient(#8e2e22,#491512),#6c2119;border:2px solid #2a120e;min-height:54px;margin-top:26px;padding:0 24px;font-size:.95rem;font-weight:1000;position:relative;box-shadow:0 7px #20110d,0 16px 26px #00000061}.loading-apparatus{aspect-ratio:1;filter:drop-shadow(0 26px 42px #0000007a);justify-self:center;place-items:center;width:min(320px,100%);display:grid;position:relative}.loading-apparatus:before,.loading-apparatus:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.loading-apparatus:before{opacity:.92;background:radial-gradient(circle,#0003 0 28%,#0000 29%),conic-gradient(from 228deg,#27321f,#80d27a 28%,#dcc064 55%,#9a3028 74%,#27321f 86%);border:3px solid #e6c7765c;inset:7%}.loading-apparatus:after{background:radial-gradient(circle at 35% 30%,#f4dda0,#9e6c2c 45%,#241109 72%);border:2px solid #160b06d1;inset:22%}.loading-apparatus-ring{border:2px dashed #eed08057;border-radius:50%;animation:5.8s linear infinite loadingSweep;position:absolute;inset:0}.loading-apparatus-needle{z-index:2;width:9px;height:42%;transform:translateX(-50%) rotate(var(--loading-needle));transform-origin:50% 86%;background:linear-gradient(#d53a31,#f2d07d 58%,#2a120d);border:1px solid #170a06b8;transition:transform .22s;position:absolute;top:14%;left:50%;box-shadow:0 0 18px #da41345c}.loading-apparatus-label{z-index:3;color:#1b2416;text-align:center;clip-path:polygon(0 0,90% 0,100% 25%,100% 100%,10% 100%,0 75%);background:#d0b96f;border:2px solid #221209b8;place-items:center;width:42%;min-height:48px;font-size:.78rem;font-weight:1000;display:grid;position:relative;box-shadow:0 10px #150b066b}.loading-curtain.is-stage .loading-meter-track span{background:linear-gradient(90deg,#79beff,#e4c66d 54%,#8fd477),#79beff;box-shadow:0 0 22px #79beff5c,0 0 4px #fae6aab8}.loading-curtain.is-stage .loading-steps span.is-lit{background:linear-gradient(135deg,#6aa9da57,#213a47db),#0b0f09cc;border-color:#79beff6b}@keyframes loadingSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-apparatus-ring{animation:none}.loading-meter-track span,.loading-apparatus-needle{transition:none}}.start-scene{grid-template-rows:auto 1fr;grid-template-columns:minmax(360px,.86fr) minmax(430px,1fr);gap:24px 34px;width:min(1500px,100vw - 64px);height:min(850px,100vh - 72px);margin:36px auto;padding:28px 30px 32px;display:grid;position:relative}.brand-lockup{text-shadow:0 3px #00000040,0 24px 42px #00000094;grid-column:1/2;align-self:start;padding-top:8px}.brand-kicker{color:#243725;clip-path:polygon(0 0,97% 0,100% 70%,94% 100%,0 100%);letter-spacing:0;background:#c7b36d;margin:0 0 8px;padding:5px 12px;font-size:.75rem;font-weight:900;display:inline-block}.brand-lockup h1{color:#f8e7b7;letter-spacing:0;text-transform:uppercase;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(4.2rem,7.2vw,7.8rem);line-height:.83}.brand-subtitle{color:#ead7ac;max-width:430px;margin:20px 0 0;font-size:1.08rem;font-weight:700}.import-dossier{color:#2a2319;clip-path:polygon(0 0,92% 0,100% 11%,100% 100%,8% 100%,0 90%);background:linear-gradient(135deg,#fff6ccf5,#c8a568e6),repeating-linear-gradient(0deg,#3e281414 0 1px,#0000 1px 8px);border:2px solid #31201399;grid-area:2/1/3/2;align-self:end;width:min(440px,100%);min-height:330px;padding:22px;transition:transform .16s,filter .16s;position:relative;transform:rotate(-1.8deg);box-shadow:0 28px 70px #00000073,inset 0 0 0 7px #452b151f}.import-dossier:before,.import-dossier:after{content:"";pointer-events:none;position:absolute}.import-dossier:before{clip-path:polygon(0 0,92% 0,100% 11%,100% 100%,8% 100%,0 90%);border:1px dashed #3926165c;inset:10px}.import-dossier:after{border:6px double #82181861;border-radius:50%;width:118px;height:118px;bottom:22px;right:30px;transform:rotate(14deg)}.import-dossier.is-dragging{filter:saturate(1.15)brightness(1.08);transform:rotate(0)translateY(-6px)}.import-dossier input{display:none}.dossier-header{justify-content:space-between;align-items:center;margin-bottom:24px;font-size:.76rem;font-weight:1000;display:flex}.case-number,.local-only{color:#f3deaa;background:#202217;padding:4px 9px;display:inline-flex}.local-only{color:#17271e;background:#7cb58c}.dossier-body{grid-template-columns:120px 1fr;align-items:center;gap:20px;display:grid}.import-mark{width:118px;height:150px;position:relative}.import-mark span{border:4px solid #241a12;display:block;position:absolute;left:50%;transform:translate(-50%)}.import-mark span:first-child{background:radial-gradient(circle,#0000 30%,#6d201d 31% 42%,#1b1812 43%);border-radius:50%;width:84px;height:84px;top:0}.import-mark span:nth-child(2){background:#c2ad72;border-top:0;width:42px;height:58px;top:74px}.import-mark span:nth-child(3){clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);background:#272219;width:96px;height:24px;bottom:0}.dossier-copy h2{letter-spacing:0;margin:0 0 10px;font-family:Georgia,Times New Roman,serif;font-size:2.15rem;line-height:1}.dossier-copy p{color:#463822;margin:0;font-weight:800}.dossier-actions{z-index:1;justify-content:space-between;align-items:end;gap:18px;margin-top:32px;display:flex;position:relative}.primary-action,.secondary-action{color:#fbecc3;letter-spacing:0;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,92% 0,100% 28%,94% 100%,0 100%);background:linear-gradient(#8e2e22,#491512),#6c2119;border:2px solid #2a120e;min-height:58px;padding:0 26px;font-size:1.02rem;font-weight:1000;box-shadow:0 8px #20110d,0 16px 26px #00000061}.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;filter:grayscale(.42)brightness(.78)}.primary-action:not(:disabled):active{transform:translateY(5px);box-shadow:0 3px #20110d,0 8px 18px #0000006b}.format-strip{grid-template-columns:repeat(5,auto);gap:5px;display:grid;transform:rotate(1deg)}.format-strip span{color:#f1deb3;background:#34281a;padding:3px 7px;font-size:.69rem;font-weight:1000}.analysis-board{color:#eadbb8;clip-path:polygon(0 8%,8% 0,100% 0,100% 92%,92% 100%,0 100%);background:linear-gradient(135deg,#121b13ed,#322218d1),repeating-linear-gradient(90deg,#ffffff08 0 1px,#0000 1px 9px);border:1px solid #e6cd8b40;grid-area:1/2/3/3;place-self:center end;width:min(590px,100%);min-height:520px;padding:28px;box-shadow:-24px 30px 90px #0000006b,inset 0 0 0 8px #ffe89c0a}.board-title{color:#cdbb7e;letter-spacing:0;justify-content:space-between;align-items:baseline;gap:18px;font-size:1rem;font-weight:1000;display:flex}.board-title strong{color:#f2e8c9;font-family:Georgia,Times New Roman,serif;font-size:3.2rem;line-height:.9}.progress-rail{background:#060907c2;border:1px solid #e0c6853d;height:18px;margin:18px 0 12px;padding:4px}.progress-rail span{background:linear-gradient(90deg,#3aa867,#8ac98b 48%,#e6d183),#69aa76;width:0;height:100%;transition:width .18s;display:block;box-shadow:0 0 26px #61c6736b}.progress-message{color:#f5dfad;min-height:30px;margin:0 0 28px;font-size:1.05rem;font-weight:800}.key-ledger{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:54px;display:grid}.key-binding-rig{gap:10px;display:grid}.result-stack .key-ledger{margin-top:0}.key-ledger .keycap{aspect-ratio:1;color:#1c1912;cursor:pointer;background:radial-gradient(circle at 50% 22%,#f8e8b7,#b08d55 58%,#5a3e23);border:2px solid #21140b;align-content:center;justify-items:center;gap:5px;min-width:0;padding:8px;transition:transform .12s,filter .12s,box-shadow .12s;display:grid;position:relative;box-shadow:inset 0 -10px #2f1e1157,0 10px #170d08,0 24px 28px #00000073}.key-ledger .keycap:after{content:"";pointer-events:none;border:1px solid #23150a52;position:absolute;inset:9px}.key-ledger .keycap span{color:#563b21;text-align:center;text-transform:uppercase;max-width:100%;font-size:.58rem;font-weight:1000;line-height:1.05}.key-ledger .keycap strong{color:#19140d;overflow-wrap:anywhere;max-width:100%;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.45rem,3vw,2.55rem);font-weight:1000;line-height:.95}.key-ledger .keycap:hover,.key-ledger .keycap.is-binding{filter:brightness(1.12)saturate(1.1);transform:translateY(-5px)rotate(-1deg);box-shadow:inset 0 -10px #2f1e113d,0 14px #170d08,0 0 30px #7cd67438,0 30px 34px #0000007a}.key-ledger .keycap.is-binding{background:radial-gradient(circle at 50% 22%,#fff3c4,#80d47b 52%,#345d32 100%)}.binding-status{color:#d9c687;letter-spacing:0;text-transform:uppercase;min-height:21px;margin:0;font-size:.72rem;font-weight:1000}.settings-scrim{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle at 50% 52%,#f4c6661c,#0000 32%),#030503b8;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.settings-panel{color:#f7e8bd;clip-path:polygon(0 5%,5% 0,100% 0,100% 92%,93% 100%,0 100%);background:#080905;border:2px solid #debe6a61;width:min(1040px,100vw - 40px);min-height:min(650px,100vh - 42px);position:relative;overflow:hidden;box-shadow:0 38px 110px #000000a3,inset 0 0 0 8px #ffe2970a}.settings-panel:before,.settings-panel:after{z-index:1;content:"";pointer-events:none;position:absolute;inset:14px}.settings-panel:before{clip-path:polygon(0 5%,5% 0,100% 0,100% 92%,93% 100%,0 100%);border:1px solid #eccd8038}.settings-panel:after{background:linear-gradient(#00000029,#0000 44%,#0000006b),radial-gradient(circle at 50% 70%,#0000 0 40%,#0000003d 68%)}.settings-art{z-index:0;background:linear-gradient(90deg, #05050380, transparent 18%, transparent 78%, #0505038f), var(--asset-settings-regulator-bg,linear-gradient(135deg, #1b2114, #090a06)) center / cover no-repeat;filter:saturate(.95)contrast(1.05);position:absolute;inset:0}.settings-content{z-index:2;grid-template-rows:auto auto;grid-template-columns:minmax(280px,.56fr) minmax(340px,.62fr);align-items:end;gap:22px 34px;min-height:min(650px,100vh - 42px);padding:42px;display:grid;position:relative}.settings-header{text-shadow:0 5px #0000004d,0 24px 48px #000000ad;align-self:start;max-width:420px}.settings-header p{color:#172316;background:#cfb76e;margin:0 0 9px;padding:5px 11px;font-size:.72rem;font-weight:1000;display:inline-block}.settings-header h2{color:#f9e8b7;letter-spacing:0;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(4rem,9vw,7.3rem);line-height:.84}.settings-header span{color:#f2dc9f;background:#080c07a8;border:1px solid #e7c97f3d;margin-top:16px;padding:7px 12px;font-size:.82rem;font-weight:1000;display:inline-block}.volume-regulator{grid-area:1/2/3/3;align-content:end;place-self:center stretch;justify-items:center;min-height:420px;padding:18px 14px 30px;display:grid;position:relative}.volume-gauge{--needle-angle:0deg;aspect-ratio:1.55;filter:drop-shadow(0 20px 32px #00000070);border-bottom-right-radius:260px;border-bottom-left-radius:260px;width:min(500px,100%);position:relative}.volume-gauge:before{content:"";clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:.88;background:conic-gradient(from 232deg at 50% 100%,#303017 0deg,#7bd46f 44deg,#e7c364 78deg,#a53a2f 108deg,#0000 109deg),radial-gradient(at 50% 100%,#000000eb 0 17%,#0000 18%),radial-gradient(at 50% 100%,#f4de9933,#1c160cad 62%,#0000 64%);border:2px solid #e7c56b5c;border-bottom:0;border-top-left-radius:260px;border-top-right-radius:260px;height:62%;position:absolute;bottom:5%;left:8%;right:8%}.volume-gauge i{z-index:1;transform-origin:50% 100%;background:linear-gradient(#f5d78ad1,#f5d78a00);width:2px;height:47%;display:block;position:absolute;bottom:8%;left:50%}.volume-needle{z-index:3;width:8px;height:48%;transform:translateX(-50%) rotate(var(--needle-angle));transform-origin:50% 100%;background:linear-gradient(#d8332c,#f6d27a 55%,#2a120d);border:1px solid #170a06b3;display:block;position:absolute;bottom:8%;left:50%;box-shadow:0 0 18px #e54b3d61}.volume-needle:after{content:"";background:radial-gradient(circle at 36% 32%,#f6df9a,#9d6f2e 48%,#241109 74%);border:2px solid #150b07d1;border-radius:50%;width:42px;height:42px;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.volume-gauge strong{z-index:4;color:#f9e7b6;text-shadow:0 4px #160a05,0 0 24px #000000b3;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.6rem,6vw,4.8rem);line-height:1;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.volume-input{z-index:5;cursor:ew-resize;opacity:0;height:42%;position:absolute;bottom:24%;left:8%;right:8%}.volume-marks{z-index:2;color:#efdda8;text-shadow:0 2px #110805;justify-content:space-between;width:min(420px,86%);margin-top:-4px;font-size:.8rem;font-weight:1000;display:flex;position:relative}.settings-close-action{grid-column:1/2;place-self:end start}.result-stack{gap:24px;display:grid}.metric-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.metric{background:#f9e8b717;border:1px solid #f5dc9f2e;min-height:96px;padding:14px 12px}.metric span{color:#bbab7c;font-size:.7rem;font-weight:1000;display:block}.metric strong{color:#f7e8c2;margin-top:8px;font-family:Georgia,Times New Roman,serif;font-size:2rem;line-height:1;display:block}.beat-preview{background:#0205038a;border:1px solid #e7cd8e2e;gap:10px;padding:18px 14px;display:grid}.beat-lane{background:linear-gradient(90deg,#f2db9429,#0000),repeating-linear-gradient(90deg,#ffffff1a 0 1px,#0000 1px 36px);border-left:3px solid #b94331;height:44px;position:relative}.lane-key{z-index:2;color:#201810;background:#d8c17d;place-items:center;width:28px;height:28px;font-size:.8rem;font-weight:1000;display:grid;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.beat-dot{transform-origin:50%;background:#7ed67a;border:1px solid #f1e9c5c7;width:12px;height:24px;margin-left:42px;position:absolute;top:50%;translate:0 -50%;box-shadow:0 0 18px #71da6894,0 0 3px #f8efc8}.secondary-action{color:#7f7354;background:linear-gradient(#4c3c29,#221810),#2b2118;justify-self:start;box-shadow:0 7px #120d09,0 14px 24px #00000057}.secondary-action.is-live{color:#fbecc3;background:linear-gradient(#6f8c47,#2d4f32),#3f643b}.scene-selector{gap:12px;display:grid}.scene-select-shell{place-items:center;display:grid}.scene-select-stage{color:#eadbb8;clip-path:polygon(0 6%,6% 0,100% 0,100% 92%,92% 100%,0 100%);background:linear-gradient(135deg,#0d1711e6,#3e2519b8),repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 10px);border:1px solid #e6cd8b3d;align-content:center;gap:26px;width:min(980px,100vw - 56px);min-height:min(680px,100vh - 56px);padding:44px;display:grid;position:relative;box-shadow:0 34px 90px #00000085,inset 0 0 0 8px #ffe89c0a}.scene-select-header{max-width:720px}.scene-select-header p{color:#cdbb7e;letter-spacing:0;margin:0 0 8px;font-size:.8rem;font-weight:1000}.scene-select-header h2{color:#f8e7b7;letter-spacing:0;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,6vw,5.8rem);line-height:.9}.scene-select-metrics{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.scene-select-metrics span{color:#1f2117;background:#c9b574;padding:6px 10px;font-size:.76rem;font-weight:1000}.scene-start-error{color:#ffe0d2;background:#5b1410d1;border:1px solid #f6a0827a;max-width:620px;margin:14px 0 0;padding:10px 12px;font-size:.86rem;font-weight:900;box-shadow:0 12px 28px #0000003d}.difficulty-selector{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:min(660px,100%);display:grid}.difficulty-ticket{color:#f5e4b6;cursor:pointer;clip-path:polygon(0 0,88% 0,100% 22%,100% 100%,12% 100%,0 78%);background:radial-gradient(circle at 50% 26%,#eccf802e,#0000 42%),linear-gradient(145deg,#2f2215eb,#080c08e0);border:1px solid #e7c97f47;place-items:center;min-height:116px;transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .16s,filter .16s,border-color .16s;display:grid;position:relative;transform:translateY(0);box-shadow:inset 0 3px 5px #0000004d,inset 0 0 0 5px #ffe29708,0 4px #140f08b3,0 6px 14px #00000052}.difficulty-ticket:hover{filter:brightness(1.04);transform:translateY(-4px);box-shadow:inset 0 2px 4px #00000038,inset 0 -2px 4px #ffe29712,inset 0 0 0 5px #ffe2970d,0 6px #140f08a6,0 10px 22px #00000057}.difficulty-ticket:active{transition:transform 60ms,box-shadow 60ms;transform:translateY(1px);box-shadow:inset 0 4px 8px #00000059,inset 0 0 0 5px #ffe29705,0 2px #140f08bf,0 3px 8px #0000005c}.difficulty-ticket:before{content:"";pointer-events:none;clip-path:polygon(0 0,88% 0,100% 22%,100% 100%,12% 100%,0 78%);border:1px dashed #eed38b33;position:absolute;inset:9px}.difficulty-ticket strong{z-index:1;color:#f8e8b8;text-shadow:0 5px #00000052,0 0 26px #f1d68333;font-family:Bangers,Georgia,Times New Roman,serif;font-size:clamp(3.3rem,7vw,5.2rem);line-height:.9;position:relative}.difficulty-ticket.is-selected{color:#fff1bd;filter:brightness(1.08)saturate(1.08);background:radial-gradient(circle at 50% 30%,#83d3794d,#0000 42%),linear-gradient(145deg,#374b27f0,#132a1be6);border-color:#85db798a;transform:translateY(-9px)rotate(-.6deg);box-shadow:inset 0 -3px 6px #85db791a,inset 0 0 0 5px #ffe2970a,0 1px #85db7933,0 8px #140f088c,0 14px 16px #0003,0 22px 36px #0000005c}.difficulty-ticket.is-selected:hover{transform:translateY(-6px)rotate(-.3deg);box-shadow:inset 0 -3px 6px #85db791f,inset 0 0 0 5px #ffe2970f,0 1px #85db7940,0 6px #140f0880,0 18px 30px #00000061}.scene-back-action{top:auto;bottom:34px;right:44px}.scene-ticket{clip-path:polygon(0 0,96% 0,100% 18%,100% 100%,4% 100%,0 82%);background:linear-gradient(135deg,#f1dea429,#542b212e),#090d0994;border:1px solid #e8ce8b38;grid-template-columns:1fr auto;align-items:center;gap:18px;min-height:138px;padding:18px;display:grid;box-shadow:inset 0 0 0 6px #ffe2970a,0 20px 32px #00000038}.scene-ticket span,.report-kicker,.score-breakdown span{color:#cdbb7e;letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:1000}.scene-ticket strong{color:#f6e6bc;margin-top:4px;font-family:Georgia,Times New Roman,serif;font-size:1.95rem;line-height:1;display:block}.scene-ticket p{color:#e6d0a0;max-width:360px;margin:8px 0 0;font-size:.92rem;font-weight:800}.locked-scenes{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.locked-scenes span{color:#75694d;text-transform:uppercase;background:#0809068c;border:1px dashed #cdbb7e33;place-items:center;min-height:48px;font-size:.78rem;font-weight:1000;display:grid}.app-shell.is-playing{background:#050604}.game-shell{background:#050604;width:100%;height:100%;position:relative;overflow:hidden}.game-canvas-host{position:absolute;inset:0}.game-canvas-host canvas{width:100%;height:100%;display:block}.game-dom-overlay{pointer-events:none;position:absolute;inset:0}.ghost-action{color:#ead7ac;cursor:pointer;pointer-events:auto;background:#090c088a;border:1px solid #e8ce8b47;min-height:42px;padding:0 18px;font-size:.86rem;font-weight:1000;position:absolute;top:22px;right:28px;box-shadow:0 12px 28px #00000047}.ghost-action:active{transform:translateY(2px)}.ghost-action.scene-back-action{width:auto;height:auto;inset:auto 44px 34px auto}.game-exit-action{background:#090c086b;inset:auto auto 22px 28px}@media (width<=760px){.game-exit-action{opacity:.74;min-height:32px;padding:0 10px;font-size:.68rem;inset:154px 12px auto auto}}.stage-error{color:#ffe0d2;background:#5b1410e0;border:1px solid #f6a0827a;width:min(560px,100vw - 40px);margin:0;padding:16px 18px;font-weight:900;position:absolute;top:18%;left:50%;transform:translate(-50%)}.result-shell{place-items:center;display:grid}.result-report{color:#2d2316;filter:drop-shadow(0 34px 70px #0000007a);grid-template-columns:minmax(220px,.45fr) minmax(520px,1fr);gap:0;width:min(1040px,100vw - 48px);min-height:620px;display:grid;position:relative}.report-rank{color:#f8e7b7;clip-path:polygon(0 0,100% 0,90% 100%,0 100%);background:linear-gradient(160deg,#6e1913f2,#2f100df5),#5f1d18;border:2px solid #210d0ae6;align-content:center;justify-items:center;padding:28px;display:grid}.report-rank span{letter-spacing:0;font-size:.82rem;font-weight:1000}.report-rank strong{font-family:Georgia,Times New Roman,serif;font-size:clamp(5.2rem,11vw,9.2rem);line-height:.82;transform:rotate(-7deg)}.report-body{clip-path:polygon(0 0,100% 0,100% 88%,94% 100%,0 100%);background:linear-gradient(135deg,#fff4ccfa,#cfae70f5),repeating-linear-gradient(0deg,#50321614 0 1px,#0000 1px 9px);border:2px solid #312013b3;padding:44px 48px}.report-body h2{color:#26180f;letter-spacing:0;margin:8px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(4rem,8vw,7.2rem);line-height:.88}.report-song{color:#5a3d24;overflow-wrap:anywhere;margin:12px 0 28px;font-weight:900}.report-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.result-report .metric{color:#25190f;background:#472b151c;border-color:#4126133d;min-height:88px}.result-report .metric span{color:#6e4d2e}.result-report .metric strong{color:#271a10}.score-breakdown{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.score-breakdown span{color:#f1deb3;background:#2a2115;padding:6px 10px}.report-actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}@media (height<=760px){html,body,#root{min-height:650px}.start-scene{height:calc(100vh - 32px);margin:16px auto}.brand-lockup h1{font-size:5.2rem}.analysis-board{min-height:470px}.result-report{min-height:560px}.report-body{padding:34px 40px}}@media (width<=900px){html,body,#root{min-height:100%}body{overflow:auto}.app-shell{min-height:100%;overflow:auto}.scene-backdrop{position:fixed}.loading-curtain{padding:18px;overflow:auto}.loading-case{grid-template-columns:1fr;gap:18px;width:min(620px,100vw - 28px)}.loading-dossier{min-height:0;padding:24px 20px 28px}.loading-dossier h2{font-size:clamp(3rem,15vw,5rem)}.loading-message{margin:16px 0 22px;font-size:.96rem}.loading-meter{gap:12px;margin-right:0}.loading-meter strong{min-width:62px;font-size:2.4rem}.loading-steps{gap:8px;margin-top:24px}.loading-steps span{min-height:48px;font-size:.62rem}.loading-apparatus{width:min(230px,62vw)}.loading-apparatus-label{min-height:40px;font-size:.68rem}.start-scene{grid-template-rows:auto;grid-template-columns:1fr;gap:14px;width:min(680px,100vw - 28px);height:auto;min-height:100vh;margin:0 auto;padding:24px 0 28px;display:grid}.brand-lockup,.import-dossier,.analysis-board{grid-area:auto/1/auto/-1}.brand-lockup{padding:0 8px}.brand-lockup h1{font-size:clamp(3.5rem,15vw,5.8rem)}.brand-subtitle{max-width:100%}.import-dossier{justify-self:start;width:min(500px,100%);min-height:0;transform:none}.dossier-body{grid-template-columns:96px 1fr;gap:16px}.import-mark{width:96px;height:124px}.import-mark span:first-child{width:70px;height:70px}.import-mark span:nth-child(2){width:34px;height:48px;top:62px}.import-mark span:nth-child(3){width:76px}.dossier-actions{flex-direction:column;align-items:start}.analysis-board{justify-self:stretch;width:100%;min-height:0;padding:22px}.board-title strong{font-size:2.55rem}.metric-grid{grid-template-columns:repeat(2,1fr)}.key-ledger{gap:10px;margin-top:22px}.key-ledger .keycap{padding:6px}.key-ledger .keycap span{font-size:.52rem}.key-ledger .keycap strong{font-size:clamp(1.15rem,7vw,1.85rem)}.settings-scrim{padding:12px}.settings-panel{width:min(620px,100vw - 20px);min-height:min(760px,100vh - 20px);overflow:auto}.settings-content{grid-template-columns:1fr;gap:16px;min-height:min(760px,100vh - 20px);padding:26px 20px 30px}.settings-header{max-width:100%}.settings-header h2{font-size:clamp(3.4rem,20vw,5.4rem)}.volume-regulator{grid-area:auto/1/auto/-1;min-height:310px;padding:0 4px 12px}.volume-gauge{width:min(420px,100%)}.volume-marks{width:min(360px,90%)}.settings-close-action{grid-column:1/-1}.scene-ticket{grid-template-columns:1fr}.scene-select-shell{min-height:100%;padding:18px 0;overflow:auto}.scene-select-stage{width:min(620px,100vw - 28px);min-height:0;padding:30px 20px 96px}.scene-select-header h2{font-size:clamp(2.8rem,14vw,4.6rem)}.difficulty-selector{gap:8px}.difficulty-ticket{min-height:92px}.difficulty-ticket strong{font-size:clamp(2.8rem,16vw,4rem)}.ghost-action.scene-back-action{bottom:24px;right:20px}.locked-scenes{grid-template-columns:1fr}.result-shell{min-height:100%;padding:22px 0;overflow:auto}.result-report{grid-template-columns:1fr;width:min(620px,100vw - 28px);min-height:0}.report-rank{clip-path:polygon(0 0,100% 0,100% 82%,92% 100%,0 100%);min-height:190px}.report-rank strong{font-size:clamp(4.8rem,24vw,8rem)}.report-body{padding:30px 22px}.report-grid{grid-template-columns:repeat(2,1fr)}}