@font-face{font-family:Anton;src:url(/fonts/Anton.ttf) format("truetype");font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/Bricolage.ttf) format("truetype");font-weight:200 800;font-display:swap}:root{--ground: #13110F;--panel: #1F1B17;--panel2: #2A231D;--line: #3A332B;--chalk: #F4EEE3;--muted: #B8AE9F;--yellow: #F5C518;--red: #FF6B35;--blue: #4C8DFF;--green: #2E9E6B;--display: "Anton", Impact, sans-serif;--body: "Bricolage Grotesque", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--ground);color:var(--chalk);font-family:var(--body)}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{touch-action:manipulation;overscroll-behavior:none}body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body.fighting,body.fighting #stage,#touch{touch-action:none}#hud,#touch{overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted);font-weight:600}.red{color:var(--red)}.blue{color:var(--blue)}#stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}kbd{display:inline-block;padding:1px 8px;border:2px solid var(--line);border-bottom-width:4px;border-radius:4px;background:var(--ground);color:var(--chalk);font:800 13px var(--body);margin-right:2px}kbd.y{border-color:var(--yellow);color:var(--yellow)}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center}.screen.dim{background:#13110fc7}#menu{background:#13110f8c;flex-direction:column;overflow-y:auto;justify-content:flex-start}.stripe{width:100%;height:34px;flex:0 0 auto;background:var(--yellow);border-top:6px solid var(--ground);border-bottom:6px solid var(--ground);box-shadow:0 -6px 0 var(--yellow),0 6px 0 var(--yellow);margin-top:18px}.menu-inner{width:min(1040px,100% - 32px);display:flex;flex-direction:column;gap:14px;padding:18px 0 0;margin:auto 0}.menu-inner>.row{position:sticky;bottom:0;z-index:2;background:var(--ground);padding:12px 16px;margin:0 -16px;border-top:3px solid var(--line)}.brand .kicker{font-weight:800;letter-spacing:4px;font-size:14px;color:var(--yellow)}.brand h1{font-family:var(--display);font-weight:400;font-size:clamp(56px,9vw,96px);line-height:.9;margin:4px 0;letter-spacing:2px;text-shadow:6px 6px 0 var(--red)}.brand .sub{font-weight:600;color:var(--muted)}.pick-label{font-weight:800;letter-spacing:2px;font-size:14px;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}.pick-label .muted{letter-spacing:0;font-size:13px}.corners{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:center}.slot{display:flex;gap:12px;align-items:center;background:var(--panel);border:3px solid var(--line);border-radius:6px;padding:8px;text-align:left;min-width:0}.slot.cpu{justify-content:flex-end;text-align:right}.slot .ph{flex:0 0 auto;width:54px;height:64px;border-radius:4px;background:var(--panel2) center 12% / cover no-repeat}.slot>div:not(.ph){min-width:0}.slot .k{font-size:11px;font-weight:800;letter-spacing:2px}.slot.p1 .k{color:var(--red)}.slot.cpu .k{color:var(--blue)}.slot .nm{font-family:var(--display);font-size:30px;line-height:1;letter-spacing:1px}.slot .nk{color:var(--yellow);font-weight:800;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot.on.p1{border-color:var(--red);box-shadow:6px 6px 0 var(--red)}.slot.on.cpu{border-color:var(--blue);box-shadow:6px 6px 0 var(--blue)}.vs{font-family:var(--display);font-size:34px;color:var(--yellow);text-shadow:3px 3px 0 var(--red)}.select{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:16px;align-items:start}.picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pick{text-align:left;background:var(--panel);border:3px solid var(--line);border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:2px;transition:transform .08s;min-width:0}.pick:hover{transform:translate(-2px,-2px)}.pick.on{border-color:var(--yellow);box-shadow:6px 6px 0 var(--red)}.pick .ph{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:4px;background:var(--panel2) center 18% / cover no-repeat;margin-bottom:4px}.pick .no{position:absolute;right:6px;top:2px;font-family:var(--display);font-size:22px;color:#f4eee38c;text-shadow:0 2px 0 var(--ground)}.pick .tags{position:absolute;left:4px;bottom:4px;display:flex;gap:4px}.pick .tags i{font-style:normal;font-size:10px;font-weight:800;letter-spacing:1px;padding:1px 6px;border-radius:3px;color:var(--ground)}.pick .tags .t1{background:var(--red)}.pick .tags .t2{background:var(--blue)}.pick .nm{font-family:var(--display);font-size:24px;line-height:1;letter-spacing:1px}.pick .nk{color:var(--yellow);font-weight:800;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick .meta{color:var(--muted);font-size:12px;font-weight:600}.detail{background:var(--panel);border:3px solid var(--line);border-radius:6px;padding:16px;display:flex;flex-direction:column;gap:8px}.d-dist{color:var(--yellow);font-size:11px;font-weight:800;letter-spacing:3px}.d-name{font-family:var(--display);font-size:32px;line-height:1;letter-spacing:1px}.d-nick{color:var(--yellow);font-weight:800;font-size:14px}.d-bio{margin:0;font-size:13px;color:var(--muted);line-height:1.4}.d-style{font-size:13px}.detail .stats{display:grid;grid-template-columns:70px minmax(0,1fr) 16px;gap:3px 8px;font-size:11px;font-weight:800;letter-spacing:1px;color:var(--muted);align-items:center}.detail .stats b{color:var(--chalk);text-align:right}.detail .bar{height:8px;background:var(--panel2);border-radius:3px;overflow:hidden}.detail .bar i{display:block;height:100%;background:var(--yellow)}.detail .sig{background:var(--ground);border-radius:4px;padding:8px 10px;font-size:13px}.detail .sig span{display:block;color:var(--red);font-size:11px;font-weight:800;letter-spacing:2px;margin-bottom:2px}.detail .unlock{font-size:12px;color:var(--muted);font-weight:600}.row{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.seg{display:inline-flex;border:3px solid var(--line);border-radius:4px;overflow:hidden}.seg button{background:var(--panel);border:0;padding:10px 16px;font-weight:800;letter-spacing:2px;font-size:13px;color:var(--muted);min-height:44px}.seg button.on{background:var(--yellow);color:var(--ground)}.btn-primary{background:var(--yellow);color:var(--ground);border:3px solid var(--ground);border-radius:4px;box-shadow:6px 6px 0 var(--red);font-family:var(--display);font-size:28px;letter-spacing:3px;padding:6px 40px;min-height:52px}.btn-primary:active{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--red)}.btn-primary:disabled{opacity:.5}.btn-ghost{background:transparent;border:3px solid var(--line);border-radius:4px;padding:10px 20px;font-weight:800;letter-spacing:2px;min-height:44px}.btn-outline{background:transparent;border:3px solid var(--ground);color:var(--ground);border-radius:4px;padding:0 20px;min-height:48px;font-weight:800;letter-spacing:1px}.btn-dark{background:var(--ground);color:var(--yellow);border:3px solid var(--ground);border-radius:4px;padding:0 28px;min-height:48px;font-family:var(--display);font-size:24px;letter-spacing:2px}.legend{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;font-size:13px;font-weight:600;color:var(--muted)}.legend span{display:inline-flex;gap:4px;align-items:center}.loading{position:fixed;bottom:18px;left:50%;transform:translate(-50%);font-weight:800;letter-spacing:2px;font-size:13px;color:var(--yellow)}.card{background:var(--ground);border:3px solid var(--line);border-radius:6px;box-shadow:10px 10px 0 var(--red);padding:28px 36px;display:flex;flex-direction:column;gap:14px;align-items:stretch;min-width:260px}.card h2{font-family:var(--display);font-weight:400;font-size:54px;margin:0;text-align:center;letter-spacing:3px}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.hud-top{position:absolute;left:24px;right:24px;top:max(16px,env(safe-area-inset-top));display:grid;grid-template-columns:minmax(0,1fr) 132px minmax(0,1fr);gap:18px;align-items:start}.side{display:flex;flex-direction:column;gap:6px}.side .name{display:flex;justify-content:space-between;gap:8px;font-size:14px;font-weight:800;letter-spacing:1px;text-shadow:0 2px 0 var(--ground);white-space:nowrap}.side .name>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.side .name>span[id$=t]{flex-shrink:0}.hp{position:relative;height:26px;background:var(--panel2);border:3px solid var(--chalk);border-radius:4px;overflow:hidden}.hp.low{border-color:var(--red)}.hp i{position:absolute;top:0;bottom:0}.p1 .hp i{left:0}.p2 .hp i{right:0}.hp .trail{background:var(--red);transition:width .6s ease-in .35s}.hp .fill{background:var(--yellow)}.sub-row{display:flex;gap:10px;align-items:center}.p2 .sub-row{flex-direction:row-reverse}.st{flex:1;height:8px;background:var(--panel2);border-radius:3px;display:flex;overflow:hidden}.p2 .st{justify-content:flex-end}.st i{display:block;height:100%;background:var(--green);border-radius:3px}.st.tired i{background:var(--muted)}.pips{display:flex;gap:4px}.pips i{width:26px;height:12px;background:var(--line);transform:skew(-20deg)}.p2 .pips i{transform:skew(20deg)}.pips i.on{background:var(--yellow)}.pips.full i{background:var(--yellow);animation:pulse .6s infinite alternate}@keyframes pulse{to{background:#ffe27a;box-shadow:0 0 10px var(--yellow)}}.dots{display:flex;gap:6px}.p2 .dots{justify-content:flex-end}.dots i{width:14px;height:14px;border-radius:50%;border:2px solid var(--line);background:#13110f99}.dots i.on{background:var(--yellow);border-color:var(--yellow)}.clock{display:flex;flex-direction:column;align-items:center;background:var(--yellow);color:var(--ground);border-radius:4px;padding:8px 0 10px;box-shadow:6px 6px 0 var(--ground)}.clock #round-l{font-size:12px;font-weight:800;letter-spacing:3px}.clock #clock-t{font-family:var(--display);font-size:46px;line-height:1}.icon-btn{pointer-events:auto;position:absolute;right:24px;top:128px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--ground);border:2px solid var(--line);border-radius:4px}.legend-fight{position:absolute;left:0;right:0;bottom:14px}.callout{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%) rotate(-6deg) scale(.6);display:flex;flex-direction:column;align-items:center;opacity:0;transition:opacity .15s,transform .15s}.callout.show{opacity:1;transform:translate(-50%,-50%) rotate(-6deg) scale(1)}.callout .big{font-family:var(--display);font-size:clamp(36px,7vw,64px);line-height:1;color:var(--yellow);text-shadow:4px 4px 0 var(--ground);white-space:nowrap}.callout .tag{font-size:14px;font-weight:800;letter-spacing:3px;background:var(--ground);padding:2px 10px}.callout .tag:empty{display:none}.count{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font-family:var(--display);font-size:clamp(90px,18vw,180px);color:var(--chalk);text-shadow:8px 8px 0 var(--red);display:none;text-align:center;line-height:1}.count small{display:block;font:800 16px var(--body);letter-spacing:3px;color:var(--yellow);text-shadow:none;margin-top:10px}.banner{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);background:var(--yellow);color:var(--ground);border-top:6px solid var(--ground);border-bottom:6px solid var(--ground);text-align:center;font-family:var(--display);font-size:clamp(40px,8vw,84px);letter-spacing:4px;padding:6px 0;display:none}.banner small{display:block;font:800 14px var(--body);letter-spacing:4px}#touch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;pointer-events:none}.t-btn{pointer-events:auto;touch-action:none;border:3px solid var(--line);border-bottom-width:6px;border-radius:50%;background:#13110fb8;color:var(--chalk);font-weight:800;font-size:12px;letter-spacing:1px;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.t-btn.down{background:var(--yellow);color:var(--ground);border-color:var(--ground);transform:translateY(2px)}.pad-l{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(22px,env(safe-area-inset-bottom));display:flex;gap:14px}.t-move{width:74px;height:74px;font-size:24px;border-radius:10px}.t-duck{font-size:12px;border-color:var(--blue)}.pad-r{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,64px);gap:10px}.t-jab{border-color:var(--red)}.t-def{border-color:var(--blue)}.t-sig{border-color:var(--yellow);color:var(--yellow)}.t-sig.ready{background:var(--yellow);color:var(--ground)}body.touch .legend-fight{display:none}body.touch .icon-btn{bottom:auto;top:112px}.screen.yellow{background:var(--yellow);color:var(--ground);flex-direction:column;justify-content:center;overflow-y:auto}.rules{position:absolute;left:0;right:0;top:40px}.rules i{display:block;height:6px;background:var(--ground);margin-bottom:12px}.res-inner{width:min(1180px,100% - 40px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:32px;align-items:center;margin-top:70px}.res-big{font-family:var(--display);font-size:clamp(90px,17vw,210px);line-height:.85;letter-spacing:4px}.res-meta{font-size:15px;font-weight:800;letter-spacing:4px;margin-top:12px}.res-name{font-family:var(--display);font-size:clamp(30px,4.5vw,48px);line-height:1}.res-line{font-weight:600;margin-top:4px}.res-stats{display:grid;grid-template-columns:minmax(0,1fr) 70px 70px;gap:6px 12px;max-width:420px;margin-top:22px;font-size:14px;font-weight:600}.res-stats .h{font-weight:800;letter-spacing:1px}.res-card{background:var(--ground);color:var(--chalk);border-radius:6px;box-shadow:10px 10px 0 var(--red);padding:22px 24px;display:flex;flex-direction:column;gap:10px}.res-card .k{font-size:13px;font-weight:800;letter-spacing:3px;color:var(--yellow)}.res-card table{width:100%;border-collapse:collapse;font-size:14px}.res-card td,.res-card th{padding:6px 4px;border-bottom:2px solid var(--line);text-align:center}.res-card td:first-child,.res-card th:first-child{text-align:left;color:var(--muted);font-weight:600}.res-card .tot td{font-family:var(--display);font-size:22px;border-bottom:0}.res-actions{width:min(1180px,100% - 40px);display:flex;gap:12px;justify-content:flex-end;margin:28px 0 24px}.rotate{display:none}@media (max-width: 760px){.select{grid-template-columns:minmax(0,1fr)}.d-bio{display:none}.slot .nm{font-size:24px}.slot .ph{width:44px;height:54px}.slot .k{font-size:10px;letter-spacing:1px}.vs{font-size:24px}.corners{gap:8px}.pick{padding:6px}.pick .nm{font-size:20px}.pick .meta,.slot .k span{display:none}.pick .ph{aspect-ratio:5 / 4}.legend-menu{display:none}.res-inner{grid-template-columns:minmax(0,1fr)}}@media (max-height: 520px){.hud-top{grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);gap:10px;left:14px;right:14px;top:8px}.clock #clock-t{font-size:32px}.side .name{font-size:12px}.hp{height:20px}.icon-btn{top:92px!important;right:14px}.t-btn{width:56px;height:56px}.pad-r{grid-template-columns:repeat(3,56px)}.t-move{width:64px;height:64px}.menu-inner{gap:10px;padding:10px 0 0}.brand h1{font-size:54px}.stripe{margin-top:10px;height:22px}.picks{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.select{grid-template-columns:minmax(0,1fr)}.pick{padding:5px}.pick .nm{font-size:18px}.pick .meta,.pick .nk,.pick .no,.d-bio{display:none}.detail{padding:10px 12px;gap:6px}.detail .stats{grid-template-columns:64px minmax(0,1fr) 16px 64px minmax(0,1fr) 16px}.menu-inner>.row{padding-top:8px;padding-bottom:8px}.legend-menu,.brand .sub,.brand .kicker,.pick-label .muted{display:none}.brand h1{font-size:40px}.slot{padding:5px}.slot .ph{width:36px;height:44px}.slot .nm{font-size:22px}.pick .ph{aspect-ratio:3 / 2}.res-inner{margin-top:40px}}@media (orientation: portrait) and (pointer: coarse){body.fighting .rotate{display:block;position:fixed;left:50%;bottom:210px;transform:translate(-50%);z-index:15;background:var(--ground);border:2px solid var(--yellow);color:var(--yellow);font-weight:800;font-size:12px;letter-spacing:1px;padding:6px 12px;border-radius:4px;white-space:nowrap;pointer-events:none}.hud-top{grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr);gap:8px;left:10px;right:10px}.clock #clock-t{font-size:28px}.clock #round-l{font-size:10px;letter-spacing:1px}.side .name{font-size:11px;letter-spacing:0}.pips i{width:16px}.icon-btn{top:104px!important;right:10px}.pad-l{display:grid;grid-template-columns:repeat(2,60px);gap:8px;left:max(12px,env(safe-area-inset-left))}.pad-l .t-move{width:60px;height:60px}.pad-l .t-duck{grid-column:1 / -1;order:-1;width:auto;height:46px}.pad-r{grid-template-columns:repeat(3,60px);gap:8px;right:max(12px,env(safe-area-inset-right))}.pad-r .t-btn{width:60px;height:60px}}#modes,#story{background:#13110f9e;flex-direction:column;overflow-y:auto;justify-content:flex-start}.modes-inner,.story-inner{width:min(1040px,100% - 32px);display:flex;flex-direction:column;gap:16px;padding:18px 0 24px;margin:auto 0}.modes-head,.story-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.modes-title{font-family:var(--display);font-weight:400;font-size:clamp(44px,7vw,80px);line-height:.9;margin:4px 0;letter-spacing:2px;text-shadow:5px 5px 0 var(--red)}.chip-saved{display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:2px solid var(--line);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:800;letter-spacing:1px;color:var(--muted)}.chip-saved i{width:8px;height:8px;border-radius:50%;background:var(--green)}.chip-saved.warn i{background:var(--red)}.mode-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mode-card{position:relative;text-align:left;background:var(--panel);border:3px solid var(--line);border-radius:6px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;min-height:170px;transition:transform .08s}.mode-card:not(:disabled):hover{transform:translate(-2px,-2px);border-color:var(--yellow);box-shadow:6px 6px 0 var(--red)}.mode-card:not(:disabled):active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--red)}.mode-card.soon{opacity:.55;cursor:default}.mc-top{display:flex;justify-content:space-between;align-items:flex-start}.mc-no{font-family:var(--display);font-size:28px;color:#f4eee359;line-height:1}.mc-name{font-family:var(--display);font-size:34px;line-height:1;letter-spacing:1px}.mc-desc{font-size:14px;color:var(--muted);font-weight:600;line-height:1.35}.mc-foot{margin-top:auto;display:flex;gap:6px;font-size:12px;font-weight:800;letter-spacing:2px;padding-top:6px}.mc-foot.blue{color:var(--blue)}.mc-foot.red{color:var(--red)}.pill{border:2px solid var(--line);border-radius:3px;padding:1px 8px;font-size:11px;color:var(--muted)}.pill.on{background:var(--yellow);border-color:var(--yellow);color:var(--ground)}.mode-card.story{background:var(--yellow);color:var(--ground);border-color:var(--ground);box-shadow:6px 6px 0 var(--red)}.mode-card.story .mc-no{color:#13110f59}.mode-card.story .mc-desc{color:#13110fc7}.mode-card.story .mc-foot{flex-direction:column;gap:4px}.mc-prog{display:flex;justify-content:space-between;gap:8px}.mc-bar{height:8px;background:#13110f33;border-radius:3px;overflow:hidden}.mc-bar i{display:block;height:100%;width:0;background:var(--ground)}.btn-back{align-self:flex-start;background:transparent;border:0;padding:6px 0;font-weight:800;letter-spacing:2px;font-size:13px;color:var(--muted);min-height:36px}.btn-back:hover{color:var(--yellow)}.story-head .sub{font-weight:600;color:var(--muted)}.rep-box{background:var(--yellow);color:var(--ground);border-radius:4px;padding:8px 18px;box-shadow:6px 6px 0 var(--red);text-align:center;min-width:120px}.rep-n{font-family:var(--display);font-size:40px;line-height:1}.rep-l{font-size:11px;font-weight:800;letter-spacing:3px}.rep-r{font-size:12px;font-weight:800;letter-spacing:1px;opacity:.7}.route{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;position:relative}.stop{position:relative;text-align:left;background:var(--panel);border:3px solid var(--line);border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:3px;min-width:0;transition:transform .08s}.stop:not(:disabled):hover{transform:translate(-2px,-2px)}.stop:disabled{cursor:default}.stop .ph{position:relative;width:100%;aspect-ratio:4 / 5;border-radius:4px;background:var(--panel2) center 15% / cover no-repeat;margin-bottom:4px}.stop .ph.recolor{filter:grayscale(1) sepia(.5) hue-rotate(220deg) saturate(1.6)}.stop.locked .ph{filter:brightness(.25) grayscale(1)}.stop .n{position:absolute;left:6px;top:2px;font-family:var(--display);font-size:26px;color:var(--chalk);text-shadow:0 2px 0 var(--ground)}.stop .badge{position:absolute;left:4px;right:4px;bottom:4px;text-align:center;font-size:10px;font-weight:800;letter-spacing:2px;padding:2px 0;border-radius:3px;background:var(--ground);color:var(--muted)}.stop.next{border-color:var(--yellow);box-shadow:6px 6px 0 var(--red)}.stop.next .badge{background:var(--yellow);color:var(--ground)}.stop.done .badge{background:var(--green);color:var(--chalk)}.stop .dist{color:var(--yellow);font-size:11px;font-weight:800;letter-spacing:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stop .ttl{font-family:var(--display);font-size:20px;line-height:1;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stop .vs-l{color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stop .star{position:absolute;right:6px;top:4px;color:var(--yellow);font-size:18px;text-shadow:0 2px 0 var(--ground)}.story-note{font-size:13px;font-weight:600;color:var(--muted);display:flex;flex-direction:column;gap:4px}.story-note b{color:var(--yellow)}.story-note .warn{color:var(--red)}.story-bar{position:sticky;bottom:0;display:flex;gap:12px;justify-content:flex-end;align-items:center;flex-wrap:wrap;background:var(--ground);padding:12px 16px;margin:0 -16px;border-top:3px solid var(--line)}.story-bar #story-back{margin-right:auto}#scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}#scene:before,#scene:after{content:"";position:absolute;left:0;right:0;height:9vh;background:var(--ground);pointer-events:none}#scene:before{top:0}#scene:after{bottom:0}.scene-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.scene-tag{font-size:12px;font-weight:800;letter-spacing:3px;color:var(--yellow)}.scene-skip{min-height:36px;padding:4px 14px;font-size:12px;background:#13110fb3}.scene-panel{position:relative;z-index:1;align-self:center;width:min(760px,100% - 32px);margin-bottom:calc(9vh + max(14px,env(safe-area-inset-bottom)));background:var(--ground);border:3px solid var(--chalk);border-radius:6px;box-shadow:8px 8px 0 var(--red);padding:14px 18px 12px;display:flex;flex-direction:column;gap:6px;animation:panel-in .18s ease-out}.scene-panel.p2{box-shadow:8px 8px 0 var(--blue)}@keyframes panel-in{0%{transform:translateY(10px);opacity:0}}.scene-cap{font-style:italic;font-weight:600;color:var(--muted);font-size:15px;line-height:1.35}.scene-cap.big{font-style:normal;color:var(--chalk)}.scene-cap.title{font-style:normal;text-align:center}.scene-cap.title b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(40px,7vw,72px);line-height:1;letter-spacing:2px;color:var(--yellow);text-shadow:4px 4px 0 var(--red)}.scene-who{font-size:12px;font-weight:800;letter-spacing:3px;color:var(--red)}.scene-panel.p2 .scene-who{color:var(--blue)}.scene-panel.both .scene-who{color:var(--yellow)}.scene-line{font-size:clamp(17px,2.4vw,22px);font-weight:700;line-height:1.3}.scene-who:empty,.scene-line:empty,.scene-cap:empty{display:none}.scene-next{align-self:flex-end;font-size:11px;font-weight:800;letter-spacing:2px;color:var(--yellow);animation:blink 1s infinite alternate}@keyframes blink{to{opacity:.3}}#movie{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;pointer-events:none}#movie:before,#movie:after{content:"";position:absolute;left:0;right:0;height:11vh;background:#000}#movie:before{top:0}#movie:after{bottom:0}.mv-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));pointer-events:auto}.mv-title{position:absolute;z-index:2;left:max(24px,env(safe-area-inset-left));top:calc(11vh + 18px);display:flex;flex-direction:column;animation:panel-in .5s ease-out}.mv-title b{font-family:var(--display);font-weight:400;font-size:clamp(40px,7vw,76px);line-height:.95;letter-spacing:2px;color:var(--yellow);text-shadow:4px 4px 0 var(--red)}.mv-title span{font-size:12px;font-weight:800;letter-spacing:3px;color:var(--chalk);text-shadow:0 2px 4px #000}.mv-cap{position:absolute;z-index:2;left:50%;bottom:calc(11vh + 14px);transform:translate(-50%);width:min(760px,100% - 32px);text-align:center;font-style:italic;font-weight:600;font-size:clamp(15px,2.1vw,20px);line-height:1.35;color:var(--chalk);text-shadow:0 2px 6px #000,0 0 2px #000}.mv-sub{position:absolute;z-index:2;left:50%;bottom:max(10px,calc(11vh - 64px));transform:translate(-50%);width:min(820px,100% - 32px);display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;animation:panel-in .2s ease-out}.mv-sub b{font-size:12px;font-weight:800;letter-spacing:3px;color:var(--yellow)}.mv-sub b.p1{color:var(--red)}.mv-sub b.p2{color:var(--blue)}.mv-sub span{font-size:clamp(16px,2.3vw,22px);font-weight:700;line-height:1.3;color:var(--chalk)}.mv-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:1;z-index:1}.ch-card{width:min(520px,100% - 32px);max-height:calc(100% - 24px);overflow-y:auto}.ch-kicker{text-align:center;font-size:12px;font-weight:800;letter-spacing:3px;color:var(--yellow)}.ch-body{display:flex;flex-direction:column;gap:8px;font-size:15px;font-weight:600}.ch-body .reward{display:flex;justify-content:space-between;gap:12px;background:var(--panel);border-radius:4px;padding:8px 12px}.ch-body .reward b{color:var(--yellow)}.ch-body .reward.dim{color:var(--muted)}.ch-body p{margin:0;color:var(--muted);text-align:center}.ch-body p.end{color:var(--chalk)}.ch-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.ch-actions .btn-primary{padding:6px 28px;font-size:24px}.save-card{width:min(560px,100% - 32px);max-height:calc(100% - 24px);overflow-y:auto;gap:10px}.save-card h2{font-size:44px}.muted-p{margin:0;font-size:13px;font-weight:600;color:var(--muted)}.save-card textarea{width:100%;resize:none;background:var(--panel);color:var(--chalk);border:2px solid var(--line);border-radius:4px;padding:8px 10px;font:600 13px/1.4 ui-monospace,Menlo,monospace;word-break:break-all;-webkit-user-select:text;user-select:text}.save-msg{min-height:18px;font-size:13px;font-weight:800;letter-spacing:1px}.save-msg.ok{color:var(--green)}.save-msg.bad{color:var(--red)}.story-goal{position:absolute;left:50%;top:calc(max(16px,env(safe-area-inset-top)) + 96px);transform:translate(-50%);background:var(--ground);border:2px solid var(--yellow);border-radius:999px;padding:3px 14px;font-size:12px;font-weight:800;letter-spacing:2px;color:var(--yellow);white-space:nowrap}.story-goal.met{background:var(--yellow);color:var(--ground)}.story-tip{position:absolute;left:50%;bottom:52px;transform:translate(-50%);background:var(--yellow);color:var(--ground);border:3px solid var(--ground);border-radius:4px;box-shadow:5px 5px 0 var(--red);padding:6px 16px;font-size:15px;font-weight:800;letter-spacing:1px;white-space:nowrap;animation:panel-in .18s ease-out}.story-tip.warn{background:var(--red);color:var(--chalk);box-shadow:5px 5px 0 var(--ground)}.story-line{position:absolute;left:24px;top:46%;max-width:min(360px,40vw);background:var(--ground);border-left:5px solid var(--yellow);border-radius:0 4px 4px 0;padding:6px 12px;display:flex;flex-direction:column;gap:2px;animation:panel-in .18s ease-out}.story-line b{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--yellow)}.story-line span{font-size:14px;font-weight:700;line-height:1.3}.story-line.p2{left:auto;right:24px;border-left:0;border-right:5px solid var(--blue);border-radius:4px 0 0 4px;text-align:right}.story-line.p2 b{color:var(--blue)}.story-line.p1 b{color:var(--red)}.story-line.p1{border-left-color:var(--red)}.hp .quit-mark{display:none;left:15%!important;width:3px;background:var(--red);box-shadow:0 0 6px var(--red);z-index:2}.hp.quit .quit-mark{display:block}body.touch .story-tip{bottom:auto;top:calc(max(16px,env(safe-area-inset-top)) + 130px)}@media (max-width: 760px){.mode-cards{grid-template-columns:minmax(0,1fr);gap:10px}.mode-card{min-height:0;padding:12px 14px}.mc-name{font-size:28px}.mc-top svg{width:28px;height:28px}.route{grid-template-columns:repeat(3,minmax(0,1fr))}.rep-box{padding:6px 12px;min-width:96px}.rep-n{font-size:30px}.story-line{max-width:60vw;top:40%}.stop .ttl{font-size:16px;white-space:normal}.stop .vs-l{font-size:11px}.modes-title{font-size:46px}}@media (max-height: 520px){.modes-inner,.story-inner{gap:10px;padding:8px 0 0}.modes-title{font-size:40px}.mode-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mode-card{min-height:0;padding:10px;gap:4px}.mc-name{font-size:22px}.mc-desc{font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mc-top svg{width:24px;height:24px}.mc-no{font-size:20px}.mode-card.story .mc-prog{flex-direction:column;gap:0}.mc-foot{letter-spacing:1px}.route{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.stop .ph{aspect-ratio:1 / 1}.stop .vs-l{display:none}.stop .ttl{font-size:16px}.story-head .sub{display:none}.rep-box{padding:4px 12px}.rep-n{font-size:26px}.story-bar{padding-top:8px;padding-bottom:8px}#scene:before,#scene:after{height:6vh}.scene-panel{margin-bottom:calc(6vh + 8px);padding:10px 14px 8px}.scene-line{font-size:16px}.story-goal{top:76px;font-size:10px;letter-spacing:1px;padding:2px 10px}.story-line{top:38%}body.touch .story-tip{top:104px}.save-card h2{font-size:32px}.save-card .muted-p{font-size:12px}}@media (orientation: portrait){#movie:before,#movie:after{height:16vh}.mv-title{top:calc(16vh + 14px)}.mv-cap{bottom:calc(16vh + 14px)}.mv-sub{bottom:max(14px,calc(16vh - 96px))}}@media (orientation: portrait) and (pointer: coarse){.story-goal{top:calc(max(16px,env(safe-area-inset-top)) + 84px);font-size:10px;letter-spacing:1px}body.touch .story-tip{top:calc(max(16px,env(safe-area-inset-top)) + 112px);font-size:13px;white-space:normal;text-align:center;max-width:calc(100% - 24px)}.story-line{left:10px;right:10px;max-width:none;top:auto;bottom:280px}.story-line.p2{left:10px;right:10px}}