:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080915;--stage:#101427;--stage-2:#1a1028;--ink:#f7fbff;--muted:#aab6cf;--line:#ffffff24;--cyan:#22f6df;--pink:#ff3d7f;--orange:#ff8b3d;--yellow:#ffd456;--green:#54ef9d;--blue:#68a7ff;--red:#ff3f3f}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at 16% 18%,#22f6df24,#0000 30%),radial-gradient(circle at 86% 12%,#ff3d7f2b,#0000 28%),linear-gradient(135deg,#071827 0%,#080915 55%,#1b0919 100%);font-family:Inter,Noto Sans JP,Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;overflow-x:hidden}button{font:inherit;cursor:pointer;border:0}.game-root{min-height:100vh;padding:22px}.game-root:before{pointer-events:none;content:"";background-color:#0000;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000);mask-image:linear-gradient(#000000e6,#0000)}.screen-shake{animation:.2s screen-shake}.arcade-title,.briefing-screen,.arcade-stage,.result-scene{z-index:1;border:1px solid var(--line);background:radial-gradient(circle at 22% 18%,#22f6df1f,#0000 26%),radial-gradient(circle at 76% 70%,#ff3d7f26,#0000 30%),linear-gradient(160deg,#12182ff5,#050812fa);border-radius:34px;width:min(1500px,100vw - 44px);min-height:calc(100vh - 44px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 28px 90px #00000080}.arcade-title{grid-template-rows:1fr auto;grid-template-columns:minmax(440px,1fr) 520px;gap:28px;padding:clamp(34px,5vw,76px);display:grid}.title-logo{align-content:center;display:grid}.title-logo span,.arena-title span,.hud-center span,.rank-label{color:var(--cyan);font-size:.84rem;font-weight:950}.title-logo h1{text-shadow:0 20px 46px #00000075;max-width:820px;margin:0;font-size:clamp(5rem,12vw,12.5rem);font-weight:950;line-height:.88}.title-logo p{color:#dce8ff;max-width:680px;margin:30px 0 0;font-size:1.22rem;font-weight:850;line-height:1.75}.howto-entry{color:#fff;text-align:left;background:radial-gradient(circle at 88% 22%,#22f6df2e,#0000 24%),#ffffff0e;border:1px solid #22f6df38;border-radius:28px;align-self:center;gap:10px;padding:24px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.howto-entry:hover,.howto-entry:focus-visible{border-color:#22f6dfc2;outline:none;transform:translateY(-6px);box-shadow:0 20px 44px #0000004d,0 0 26px #22f6df1f}.howto-entry span{color:var(--cyan);font-size:.84rem;font-weight:950}.howto-entry strong{font-size:1.8rem;font-weight:950}.howto-entry small{color:var(--muted);font-size:.94rem;font-weight:850;line-height:1.5}.case-select{z-index:4;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid;position:relative}.case-button{z-index:1;color:#fff;pointer-events:auto;text-align:left;background:radial-gradient(circle at 85% 20%,#ff8b3d47,#0000 24%),linear-gradient(135deg,#ff3d7f29,#22f6df0f),#1b2438;border:1px solid #ffffff29;border-radius:28px;min-height:150px;padding:24px;transition:transform .16s,border-color .16s,box-shadow .16s;position:relative}.case-button:hover,.case-button:focus-visible{border-color:#22f6dfbf;outline:none;transform:translateY(-8px);box-shadow:0 22px 46px #00000057}.case-button span{color:var(--pink);margin-bottom:10px;font-size:1.55rem;font-weight:950;display:block}.case-button strong{color:#fff;font-size:1rem;line-height:1.45;display:block}.case-button small{color:var(--muted);margin-top:12px;font-size:.86rem;font-weight:800;display:block}.briefing-screen{place-items:center;padding:clamp(24px,5vw,76px);display:grid}.brief-back{color:#fff;background:#ffffff17;border-radius:999px;min-width:120px;min-height:46px;font-weight:950;position:absolute;top:clamp(24px,4vw,56px);left:clamp(24px,4vw,56px)}.brief-card{background:radial-gradient(circle at 88% 16%,#ff3d7f38,#0000 28%),radial-gradient(circle at 12% 82%,#22f6df2e,#0000 30%),#080e1cdb;border:1px solid #22f6df38;border-radius:32px;gap:20px;width:min(760px,100%);padding:clamp(28px,4vw,48px);display:grid;box-shadow:0 26px 70px #0000005c}.brief-card>span{color:var(--cyan);font-size:.88rem;font-weight:950}.brief-card h2{color:#fff;margin:0;font-size:clamp(3rem,7vw,7rem);font-weight:950;line-height:.92}.brief-card>strong{color:#fff;font-size:1.35rem}.brief-card>p{color:#dce8ff;margin:0;font-size:1.08rem;font-weight:850;line-height:1.8}.brief-rules{gap:12px;margin:6px 0;display:grid}.brief-rules div{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:18px;align-items:center;gap:14px;padding:14px 16px;display:flex}.brief-rules b{background:linear-gradient(135deg, var(--pink), var(--orange));color:#fff;border-radius:12px;flex:none;place-items:center;min-width:36px;height:36px;padding:0 8px;display:grid}.brief-rules p{color:#fff;margin:0;font-size:1rem;font-weight:900}.start-button{background:linear-gradient(135deg, var(--pink), var(--orange));color:#fff;border-radius:999px;justify-self:start;min-width:180px;min-height:54px;font-weight:950;box-shadow:0 18px 34px #ff3d7f42}.story-card .brief-rules{margin-top:10px}.arcade-stage{grid-template-rows:auto minmax(0,1fr) auto auto;gap:14px;padding:16px;display:grid}.game-hud{grid-template-columns:120px 1fr 120px;align-items:center;gap:12px;display:grid}.game-hud button,.result-buttons button{color:#fff;background:#ffffff17;border-radius:999px;min-height:44px;font-weight:950}.hud-center{text-align:center;justify-items:center;display:grid}.hud-center strong{color:#fff;font-size:1.1rem}.playfield{grid-template-rows:auto auto minmax(0,1fr);gap:12px;display:grid}.boss-gauge{background:#ff3d7f1a;border:1px solid #ff3d7f59;border-radius:22px;grid-template-columns:150px 1fr;align-items:center;gap:12px;padding:14px 18px;display:grid}.boss-gauge span,.top-counters span,.selected-skill span,.result-stats span{color:var(--muted);font-size:.76rem;font-weight:950;display:block}.boss-gauge strong{color:#fff;font-size:2.3rem;line-height:1}.boss-gauge i{background:#ffffff1f;border-radius:999px;height:26px;display:block;overflow:hidden}.boss-gauge b{border-radius:inherit;background:linear-gradient(90deg, var(--orange), var(--pink), var(--red));height:100%;transition:width .25s;display:block}.top-counters{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.top-counters div{border:1px solid var(--line);background:#ffffff0e;border-radius:20px;padding:12px 16px}.top-counters strong{color:#fff;font-size:2rem;line-height:1.1;display:block}.arena{border:1px solid var(--line);background:radial-gradient(circle at 50% 82%,#ff8b3d29,#0000 28%),linear-gradient(#ffffff0a 1px,#0000 1px) 0 0/52px 52px,linear-gradient(90deg,#ffffff0a 1px,#0000 1px) 0 0/52px 52px,linear-gradient(#111a31,#070b17);border-radius:32px;min-height:520px;position:relative;overflow:hidden}.arena:after{content:"";background:radial-gradient(circle,#ff8b3d47,#0000 70%);border-radius:50%;width:620px;height:210px;position:absolute;bottom:-90px;left:50%;transform:translate(-50%)}.arena-title{z-index:3;position:absolute;top:20px;left:24px}.arena-title strong{color:#ffffff47;font-size:clamp(2.2rem,5vw,6.8rem);line-height:1;display:block}.threat{--threat:var(--pink);--threat-soft:#ff3d7f38;z-index:4;background:radial-gradient(circle at 50% 62%, #fff1a1 0 9%, transparent 10%), radial-gradient(circle at 50% 48%, var(--orange) 0 24%, var(--threat) 25% 48%, transparent 49%);color:#fff;text-align:center;filter:drop-shadow(0 0 20px #ff59329e);border-radius:999px;place-items:center;width:132px;height:132px;animation:.22s both threat-pop,1.8s ease-in-out infinite threat-float;display:grid;position:absolute}.threat:before{border:3px solid var(--threat);background:radial-gradient(circle, var(--threat-soft), transparent 62%);content:"";opacity:.74;border-radius:999px;transition:opacity .16s,transform .16s,filter .16s;position:absolute;inset:-11px}.threat:hover,.threat:focus-visible{filter:drop-shadow(0 0 34px #ffd456e6)brightness(1.16);outline:none}.threat i{background:linear-gradient(135deg,#ffd456f2,#ff3d7feb);border-radius:60% 42% 62% 38%;animation:.72s ease-in-out infinite alternate flame-core;position:absolute;inset:12px;transform:rotate(45deg)}.danger-low i{background:linear-gradient(135deg,#ffe66d,#ffae42);box-shadow:0 0 18px #ffd4566b}.danger-mid i{background:linear-gradient(135deg,#ffd456,#ff7a2f);box-shadow:0 0 26px #ff8b3d94}.danger-high i{background:linear-gradient(135deg,#ff8b3d,#ff3131);box-shadow:0 0 34px #ff3f3fb8}.danger-critical i{background:linear-gradient(135deg,#ff3f3f,#ff3d7f 52%,#9b5cff);animation:.38s ease-in-out infinite alternate flame-core,.6s ease-in-out infinite critical-pulse;box-shadow:0 0 46px #ff3d7fdb}.danger-low{filter:drop-shadow(0 0 16px #ffd45670)}.danger-mid{filter:drop-shadow(0 0 22px #ff8b3d99)}.danger-high{filter:drop-shadow(0 0 30px #ff3f3fb8)}.danger-critical{filter:drop-shadow(0 0 38px #ff3d7fe6);animation:.22s both threat-pop,.85s ease-in-out infinite threat-float,.32s infinite critical-shake}.danger-chip{background:#111827f0;border:3px solid #111827;border-radius:16px;place-items:center;min-width:68px;padding:5px 7px 6px;font-style:normal;display:grid;position:absolute;top:-12px;right:-14px;box-shadow:0 10px 22px #00000057}.danger-chip small{color:var(--yellow);font-size:.58rem;font-weight:950;line-height:1.1}.danger-chip span{color:#fff;font-size:1.05rem;font-weight:950;line-height:1}.danger-low .danger-chip{border-color:#ffcf4c}.danger-mid .danger-chip{border-color:#ff8b3d}.danger-high .danger-chip{border-color:#ff3f3f}.danger-critical .danger-chip{background:linear-gradient(135deg,#ff3f3feb,#7b3aedeb);border-color:#ff3d7f;animation:.52s ease-in-out infinite alternate warning-blink}.danger-critical .danger-chip small{color:#fff}.threat-rumor{--threat:#38d9ff;--threat-soft:#38d9ff33}.threat-clip{--threat:#ffb13d;--threat-soft:#ffb13d33}.threat-anger{--threat:#ff416d;--threat-soft:#ff416d3d}.threat-sponsor{--threat:#ffd35a;--threat-soft:#ffd35a38}.threat-legal{--threat:#a56bff;--threat-soft:#a56bff3d}.threat-press{--threat:#3df2a0;--threat-soft:#3df2a033}.skill-apology{--match:#ff416d;--match-soft:#ff416d3d}.skill-fact{--match:#38d9ff;--match-soft:#38d9ff38}.skill-delete{--match:#a56bff;--match-soft:#a56bff3d}.skill-sponsor{--match:#ffd35a;--match-soft:#ffd35a3d}.skill-legal{--match:#5f86ff;--match-soft:#5f86ff3d}.skill-press{--match:#3df2a0;--match-soft:#3df2a038}.threat strong,.threat span{z-index:1;text-shadow:0 2px 8px #000c;max-width:110px;position:relative}.threat strong{margin-top:8px;font-size:1rem;line-height:1.1}.threat span{color:#ffffffeb;align-self:start;font-size:.68rem;font-weight:850;line-height:1.2}.category-chip{z-index:2;background:linear-gradient(135deg, var(--threat), #07111fe0);min-width:78px;box-shadow:0 8px 18px #0000004d, 0 0 18px var(--threat-soft);color:#fff;border:2px solid #ffffff2e;border-radius:999px;padding:6px 11px;font-size:.7rem;font-weight:950;line-height:1;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.float-text{z-index:8;pointer-events:none;text-shadow:0 5px 14px #0000008c;font-size:2.2rem;font-weight:950;animation:.68s forwards float-score;position:absolute;transform:translate(-50%,-50%)}.float-good{color:var(--green)}.float-bad{color:var(--red)}.skill-bar{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.skill-card{--match:var(--cyan);--match-soft:#22f6df29;border:2px solid color-mix(in srgb, var(--match), transparent 48%);background:linear-gradient(135deg, var(--match-soft), #22f6df12), #1a2235;color:#fff;text-align:left;border-radius:22px;min-height:112px;padding:16px;transition:transform .16s,border-color .16s,box-shadow .16s;position:relative}.skill-card:hover,.skill-card:focus-visible,.skill-card.active{border-color:var(--match);box-shadow:0 18px 38px #00000042, 0 0 28px var(--match-soft);outline:none;transform:translateY(-6px)}.skill-card.active:after{background:var(--match);color:#07111f;content:"SELECT";letter-spacing:0;border-radius:999px;padding:4px 9px;font-size:.62rem;font-weight:950;position:absolute;top:12px;right:12px}.skill-type{border:1px solid color-mix(in srgb, var(--match), white 24%);background:var(--match);min-height:28px;box-shadow:0 0 18px var(--match-soft);color:#07111f;border-radius:999px;align-items:center;margin-bottom:12px;padding:5px 11px;font-size:.76rem;font-weight:950;line-height:1;display:inline-flex}.skill-card strong{margin-bottom:6px;font-size:1.16rem;display:block}.skill-card span{color:var(--muted);font-size:.78rem;font-weight:780;line-height:1.35}.selected-skill{background:#030812d1;border:1px solid #22f6df38;border-radius:20px;align-items:center;gap:14px;padding:12px 16px;display:flex}.selected-skill strong{color:#fff;font-size:1.28rem}.selected-skill p{color:var(--muted);margin:0;font-weight:800}.result-scene{text-align:center;align-content:center;place-items:center;gap:18px;padding:48px;display:grid}.rank-label{background:#22f6df1f;border-radius:999px;padding:10px 18px}.result-scene h2{margin:0;font-size:clamp(4rem,10vw,10rem);line-height:.95}.result-scene>p{color:#dce8ff;max-width:720px;margin:0;font-size:1.2rem;font-weight:850;line-height:1.7}.result-stats{grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px;width:min(820px,100%);display:grid}.result-stats div{border:1px solid var(--line);background:#ffffff0f;border-radius:22px;padding:18px}.result-stats strong{color:#fff;font-size:2rem;display:block}.result-buttons{gap:12px;display:flex}.result-buttons button{min-width:130px}@keyframes threat-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}to{opacity:1}}@keyframes threat-float{0%,to{margin-top:0}50%{margin-top:-8px}}@keyframes flame-core{0%{filter:brightness(.95);transform:rotate(38deg)scale(.92)}to{filter:brightness(1.25);transform:rotate(50deg)scale(1.08)}}@keyframes critical-pulse{0%{opacity:.86}to{opacity:1}}@keyframes critical-shake{0%,to{margin-left:0}50%{margin-left:3px}}@keyframes warning-blink{0%{filter:brightness(.9);transform:scale(.96)}to{filter:brightness(1.24);transform:scale(1.04)}}@keyframes float-score{0%{opacity:0;transform:translate(-50%,-30%)scale(.7)}24%{opacity:1}to{opacity:0;transform:translate(-50%,-120%)scale(1.12)}}@keyframes screen-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@media (width<=1100px){.arcade-title,.case-select,.top-counters,.skill-bar,.result-stats{grid-template-columns:1fr}.arena{min-height:620px}}@media (width<=720px){.game-root{padding:10px}.arcade-title,.arcade-stage,.result-scene{border-radius:22px;width:calc(100vw - 20px);min-height:calc(100vh - 20px)}.arcade-title{padding:24px}.title-logo h1{font-size:4.6rem}.game-hud{grid-template-columns:1fr}.selected-skill{flex-direction:column;align-items:flex-start}}
