:root{--ink: #1d1530;--paper: #fff8e7;--left: #ff6b3d;--right: #13b8a6;--gold: #ffcc00;--up: #ffcc00;--down: #8fa3bf;--weird: #ff4fd8;--display: "Dela Gothic One", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;--body: "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:#a8dcff;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;user-select:none}button{font-family:inherit;color:var(--ink)}:root{color-scheme:light}.hidden{display:none!important}#app{position:fixed;inset:0}#stage,#stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#hud{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:center;gap:12px;pointer-events:none}.hud-age{display:flex;align-items:baseline;gap:2px;background:var(--ink);color:#fff;padding:6px 14px 4px;border-radius:12px;font-family:var(--display)}.hud-age b{font-size:26px;font-weight:400}.hud-age span{font-size:14px}.hud-career{background:linear-gradient(180deg,#fffdf6,var(--paper));border:3px solid var(--ink);border-radius:12px;padding:6px 14px;font-weight:900;font-size:18px;box-shadow:0 4px 0 var(--ink);max-width:50vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-career.bump{animation:bump .5s ease-out}.hud-steps{list-style:none;margin:0 0 0 auto;padding:0;display:flex;gap:8px}.hud-steps li{width:16px;height:16px;border-radius:50%;border:3px solid var(--ink);background:var(--paper)}.hud-steps li.done{background:var(--gold)}.hud-steps li.now{background:#fff;animation:blink .8s infinite alternate}#choices{position:absolute;left:0;right:0;top:17vh;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:0 max(16px,4vw);pointer-events:none}.choice{justify-self:center;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:230px;padding:12px 26px 10px;border:4px solid var(--ink);border-radius:22px;color:#fff;cursor:pointer;box-shadow:0 8px 0 var(--ink),0 22px 34px #140a2859;pointer-events:none;opacity:0;transition:scale .18s cubic-bezier(.3,1.6,.5,1),opacity .15s,rotate .18s,translate .22s cubic-bezier(.3,1.4,.5,1),box-shadow .1s}.choice.left{background:linear-gradient(180deg,#ff8a5c 0%,var(--left) 55%,#e8552a 100%);translate:-60px 0}.choice.right{background:linear-gradient(180deg,#3fd6c4 0%,var(--right) 55%,#0e9a8b 100%);translate:60px 0}.choice:before{content:"";position:absolute;inset:4px 6px auto;height:42%;border-radius:16px 16px 40% 40%/16px 16px 24px 24px;background:linear-gradient(180deg,#ffffff61,#fff0);pointer-events:none}.choice .dir{position:absolute;top:50%;translate:0 -50%;font-size:28px;color:var(--ink)}.choice.left .dir{left:-40px}.choice.right .dir{right:-40px}.choice .icon{font-size:42px;line-height:1.1;filter:drop-shadow(0 3px 0 rgba(0,0,0,.2))}.choice .label{font-family:var(--display);font-size:34px;line-height:1.15;white-space:nowrap;text-shadow:0 3px 0 rgba(0,0,0,.22)}.choice .key{margin-top:4px;font-size:12px;font-weight:800;letter-spacing:.08em;background:#00000038;padding:2px 10px;border-radius:99px}.choice.show{opacity:1;translate:0 0;pointer-events:auto}.choice.show:hover{scale:1.08;rotate:-2deg}.choice.right.show:hover{rotate:2deg}.choice.show:active{box-shadow:0 3px 0 var(--ink);translate:0 5px}.choice.chosen{opacity:1;scale:1.2;rotate:0deg;pointer-events:none;translate:0 0}.choice.rejected{opacity:0;scale:.6;pointer-events:none}.timer{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;transition:opacity .15s}.timer.show{opacity:1}.timer-q{font-family:var(--display);font-size:30px;color:#fff;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;animation:wobble .5s ease-in-out infinite alternate}.timer-bar{width:150px;height:18px;border:3px solid var(--ink);border-radius:99px;background:var(--paper);overflow:hidden}.timer-fill{height:100%;width:100%;background:var(--gold);transform-origin:left}.timer.hurry .timer-fill{background:#ff3b3b}.timer.hurry .timer-q{color:#ff3b3b;animation-duration:.12s}#toast{position:absolute;left:50%;top:9%;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;opacity:0;scale:.6;transition:opacity .15s,scale .25s cubic-bezier(.3,1.7,.5,1);text-align:center;width:min(92vw,760px)}#toast.show{opacity:1;scale:1}.toast-badge{font-family:var(--display);font-size:22px;padding:4px 18px;border:3px solid var(--ink);border-radius:99px;rotate:-4deg;box-shadow:0 4px 0 var(--ink)}.toast-badge.up{background:var(--up)}.toast-badge.down{background:var(--down);color:#fff}.toast-badge.weird{background:var(--weird);color:#fff}.toast-result{font-weight:900;font-size:22px;background:var(--paper);border:3px solid var(--ink);border-radius:14px;padding:6px 16px}.toast-career{font-family:var(--display);font-size:clamp(30px,5vw,52px);line-height:1.1;color:#fff;-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink)}.toast-career .arrow{font-size:.55em;margin-right:.2em;vertical-align:.2em;color:var(--gold)}#pops{position:absolute;inset:0;pointer-events:none;overflow:hidden}.pop{position:absolute;translate:-50% -50%;font-size:54px;animation:pop-up 1s ease-out forwards;filter:drop-shadow(0 4px 0 rgba(0,0,0,.25))}#title-screen{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:7vh;background:linear-gradient(to bottom,#fff8e7d9,#fff8e759 45%,#fff8e700 70%)}.title-wrap{text-align:center;display:flex;flex-direction:column;align-items:center}.title-kicker{margin:0 0 10px;font-weight:900;font-size:18px;background:var(--ink);color:#fff;padding:4px 14px;border-radius:99px;rotate:-2deg}.title-logo{margin:0;font-family:var(--display);font-weight:400;display:flex;flex-direction:column;align-items:center;line-height:1;color:#fff;-webkit-text-stroke:10px var(--ink);paint-order:stroke fill;text-shadow:0 8px 0 var(--ink)}.title-logo span:nth-child(1){font-size:clamp(64px,10vw,128px);color:var(--left);rotate:-4deg;translate:-.35em 0}.title-logo span:nth-child(2){font-size:clamp(76px,12vw,152px);color:var(--gold);rotate:3deg;translate:.35em -.08em}#start,#retry{margin-top:22px;font-family:var(--display);font-size:32px;letter-spacing:.06em;padding:12px 54px 10px;border:4px solid var(--ink);border-radius:99px;background:var(--gold);color:var(--ink);cursor:pointer;box-shadow:0 8px 0 var(--ink);transition:scale .15s,translate .08s,box-shadow .08s;animation:breathe 1.4s ease-in-out infinite}#start:hover,#retry:hover{scale:1.06}#start:active,#retry:active{translate:0 5px;box-shadow:0 3px 0 var(--ink)}.title-hint{margin:16px 0 0;font-weight:800;font-size:15px;background:var(--paper);padding:4px 12px;border-radius:8px}#ending{position:absolute;inset:0;pointer-events:none}.end-top{position:absolute;top:5vh;left:0;right:0;text-align:center;animation:drop-in .5s cubic-bezier(.3,1.5,.5,1) both}.end-kicker{display:inline-block;font-family:var(--display);font-size:18px;letter-spacing:.15em;background:var(--ink);color:var(--gold);padding:4px 16px;border-radius:99px}.end-epithet{margin-top:10px;font-weight:900;font-size:clamp(16px,2.2vw,24px);color:var(--ink);background:var(--gold);display:inline-block;padding:2px 14px;border:3px solid var(--ink);border-radius:10px;rotate:-1.5deg}#end-title{margin:10px 16px 0;font-family:var(--display);font-weight:400;font-size:clamp(36px,6vw,76px);line-height:1.1;color:#fff;-webkit-text-stroke:10px var(--ink);paint-order:stroke fill;text-shadow:0 8px 0 var(--ink)}.end-bottom{position:absolute;left:50%;bottom:3.5vh;translate:-50% 0;width:min(94vw,980px);display:flex;gap:16px;align-items:stretch;pointer-events:auto;animation:rise-in .5s .35s cubic-bezier(.3,1.4,.5,1) both}.end-card{flex:1;background:var(--paper);border:4px solid var(--ink);border-radius:20px;padding:14px 20px;box-shadow:0 8px 0 var(--ink)}.end-card dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 20px}.end-card dt{font-size:12px;font-weight:800;opacity:.6}.end-card dd{margin:0;font-weight:900;font-size:20px}#end-title{text-wrap:balance}.end-quote{margin:10px 0 8px;font-family:var(--display);font-size:22px;border-top:3px dashed rgba(29,21,48,.25);padding-top:10px}.end-quote:before{content:"\300c"}.end-quote:after{content:"\300d"}.end-route{list-style:none;max-height:64px;overflow-y:auto;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px;font-size:13px;font-weight:800}.end-route li{background:#fff;border:2px solid var(--ink);border-radius:99px;padding:1px 10px}.end-route li.l{background:#ffe1d6}.end-route li.r{background:#d4f5f1}.end-actions{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.end-actions #retry{margin-top:0;font-size:26px;padding:12px 30px 10px;white-space:nowrap}.end-found{font-weight:800;font-size:14px;background:var(--paper);border:3px solid var(--ink);border-radius:12px;padding:4px 12px}#controls{position:absolute;top:14px;right:14px;z-index:5;display:flex;gap:8px}.ctl{width:46px;height:46px;border-radius:14px;border:3px solid var(--ink);background:var(--paper);color:var(--ink);font-family:var(--display);font-size:18px;cursor:pointer;box-shadow:0 4px 0 var(--ink);transition:translate .08s,box-shadow .08s}.ctl:active{translate:0 3px;box-shadow:0 1px 0 var(--ink)}.ctl.off{background:#c9c3d6;text-decoration:line-through}#hud{right:130px}#pause{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;background:#1d15308c}.pause-card{background:var(--paper);border:4px solid var(--ink);border-radius:24px;box-shadow:0 10px 0 var(--ink);padding:22px 30px;text-align:center;min-width:min(420px,90vw);animation:drop-in .3s cubic-bezier(.3,1.5,.5,1) both}.pause-card h2{margin:0;font-family:var(--display);font-weight:400;font-size:38px}.pause-sub{margin:6px 0 16px;font-weight:800}.pause-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.pause-actions button,#to-title{font-family:var(--display);font-size:20px;padding:10px 22px 8px;border:4px solid var(--ink);border-radius:99px;cursor:pointer;box-shadow:0 6px 0 var(--ink);transition:translate .08s,box-shadow .08s,scale .15s}.pause-actions button:hover,#to-title:hover{scale:1.05}.pause-actions button:active,#to-title:active{translate:0 4px;box-shadow:0 2px 0 var(--ink)}#resume{background:var(--gold);color:var(--ink)}#abort,#to-title{background:#fff;color:var(--ink)}#to-title{font-size:15px;padding:6px 16px 4px;box-shadow:0 4px 0 var(--ink)}.pause-hint{margin:14px 0 0;font-size:13px;font-weight:800;opacity:.6}button:focus-visible{outline:4px solid var(--right);outline-offset:3px}#flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}#fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;font-weight:900;font-size:20px;background:var(--paper)}@keyframes wobble{0%{rotate:-5deg}to{rotate:5deg}}@keyframes blink{0%{background:#fff}to{background:var(--gold)}}@keyframes bump{0%{scale:1}40%{scale:1.18}to{scale:1}}@keyframes breathe{0%,to{scale:1}50%{scale:1.05}}@keyframes pop-up{0%{opacity:0;scale:.3}20%{opacity:1;scale:1.2}to{opacity:0;scale:1;translate:-50% -160%}}@keyframes drop-in{0%{opacity:0;translate:0 -40px;scale:.8}to{opacity:1;translate:0 0;scale:1}}@keyframes rise-in{0%{opacity:0;translate:-50% 40px}to{opacity:1;translate:-50% 0}}@media(max-width:720px){#choices{gap:8px;top:14vh}.choice{min-width:0;padding:8px 10px 6px}.choice .dir{display:none}.timer-bar{width:64px}.timer-q{font-size:18px}.choice .label{font-size:24px}.choice .icon{font-size:32px}.end-bottom{flex-direction:column}.end-card dl{grid-template-columns:1fr}.hud-career{font-size:15px}}@media(prefers-reduced-motion:reduce){#start,#retry{animation:none}}.title-sub{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.sub-btn{font-family:var(--body);font-weight:900;font-size:16px;padding:8px 16px;border:3px solid var(--ink);border-radius:99px;background:var(--paper);color:var(--ink);cursor:pointer;box-shadow:0 4px 0 var(--ink);transition:translate .08s,box-shadow .08s,scale .15s}.sub-btn b{margin-left:4px;font-size:13px;background:var(--ink);color:var(--gold);padding:1px 8px;border-radius:99px}.sub-btn:hover{scale:1.05}.sub-btn:active{translate:0 3px;box-shadow:0 1px 0 var(--ink)}.end-row{display:flex;gap:8px;align-items:center}.end-stamp{display:inline-block;margin:8px 0 0 10px;vertical-align:middle;font-family:var(--display);font-size:18px;color:#fff;letter-spacing:.04em;background:#e8344f;border:3px solid var(--ink);border-radius:10px;padding:3px 12px;rotate:-6deg;box-shadow:0 4px 0 var(--ink);animation:stamp .5s .6s cubic-bezier(.3,1.8,.5,1) both}.end-stamp.repeat{background:#8b84a6}@keyframes stamp{0%{opacity:0;scale:2.4}to{opacity:1;scale:1}}#zukan{position:absolute;inset:0;z-index:7;display:flex;align-items:center;justify-content:center;padding:16px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px));background:#1d15309e}.zk-panel{width:min(1180px,100%);height:min(760px,100%);display:flex;flex-direction:column;background:#fffaf0;border:4px solid var(--ink);border-radius:24px;box-shadow:0 10px 0 var(--ink);overflow:hidden;animation:drop-in .3s cubic-bezier(.3,1.4,.5,1) both}.zk-head{display:flex;align-items:center;gap:20px;padding:14px 18px;border-bottom:3px solid var(--ink);background:linear-gradient(180deg,#fff3d1,#ffe8a8)}.zk-head h2{margin:0;font-family:var(--display);font-weight:400;font-size:30px;white-space:nowrap}.zk-progress{flex:1;min-width:0}.zk-nums{display:flex;gap:18px;font-weight:800;font-size:14px;font-variant-numeric:tabular-nums}.zk-nums b{font-size:18px}.zk-bar{margin-top:6px;height:14px;border:3px solid var(--ink);border-radius:99px;background:#fff;overflow:hidden}.zk-fill{height:100%;width:0;background:linear-gradient(90deg,var(--left),var(--gold),var(--right));transition:width .6s}.zk-close{width:44px;height:44px;border-radius:12px;border:3px solid var(--ink);background:#fff;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 3px 0 var(--ink)}.zk-body{flex:1;min-height:0;display:grid;grid-template-columns:1fr 330px}.zk-grid{list-style:none;margin:0;padding:14px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;align-content:start}.zk-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 7px;border:3px solid var(--ink);border-radius:14px;background:#fff;cursor:pointer;text-align:center;font-family:var(--body);color:var(--ink);transition:translate .12s,box-shadow .12s;box-shadow:0 3px 0 var(--ink)}.zk-cell:hover{translate:0 -2px;box-shadow:0 5px 0 var(--ink)}.zk-cell.on{outline:4px solid var(--right);outline-offset:2px}.zk-cell.locked{background:repeating-linear-gradient(45deg,#ece7f5 0 8px,#e2dcef 8px 16px);color:#8b84a6;cursor:default}.zk-cell .no{align-self:flex-start;font-size:11px;font-weight:800;opacity:.6;font-variant-numeric:tabular-nums}.zk-cell .ic{font-size:30px;line-height:1.1;height:34px}.zk-cell.locked .ic{filter:grayscale(1) brightness(.4);opacity:.35}.zk-cell .nm{font-size:12px;font-weight:900;line-height:1.25;min-height:30px;display:flex;align-items:center;text-wrap:balance}.zk-cell .dots{display:grid;grid-template-columns:repeat(8,7px);gap:2px}.zk-cell .dots i{width:7px;height:7px;border-radius:50%;background:#ddd6ea}.zk-cell .dots i.f{background:var(--gold);box-shadow:0 0 0 1px #b38600 inset}.zk-cell .new{position:absolute;top:-9px;right:-6px;font-size:11px;font-weight:900;color:#fff;background:#e8344f;border:2px solid var(--ink);border-radius:99px;padding:0 6px;rotate:8deg}.zk-detail{border-left:3px solid var(--ink);padding:16px;overflow-y:auto;background:#fff;min-width:0}.zk-detail .d-no{font-weight:800;font-size:13px;opacity:.6}.zk-detail .d-ic{font-size:54px;line-height:1.2}.zk-detail h3{margin:2px 0 8px;font-family:var(--display);font-weight:400;font-size:24px;line-height:1.25;text-wrap:balance}.zk-detail dl{margin:0 0 8px;display:grid;gap:6px}.zk-detail dt{font-size:11px;font-weight:800;opacity:.55}.zk-detail dd{margin:0;font-weight:900}.zk-detail .d-quote{font-family:var(--display);font-size:16px;border-top:2px dashed #d8d0e6;padding-top:8px;margin:10px 0}.zk-detail .d-quote:before{content:"\300c"}.zk-detail .d-quote:after{content:"\300d"}.zk-detail h4{margin:12px 0 6px;font-size:13px}.zk-detail ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.zk-detail li{font-size:12.5px;font-weight:800;padding:3px 8px;border-radius:8px;background:#fff6d6;border:2px solid #f0d67a}.zk-detail li.x{background:#f2eff7;border-color:#e2dcef;color:#a49cb9}.zk-detail .d-empty{color:#8b84a6;font-weight:800;line-height:1.7}#movie{position:absolute;inset:0;z-index:6;pointer-events:none}.mv-bars i{position:absolute;left:0;right:0;height:9vh;background:#07050d;transition:height .8s}.mv-bars i:first-child{top:0}.mv-bars i:last-child{bottom:0}#movie.final .mv-bars i{height:0}.mv-caption{position:absolute;left:0;right:0;top:18vh;text-align:center;font-family:var(--display);font-size:clamp(30px,5vw,64px);color:#fff;line-height:1.2;-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);opacity:0;transition:opacity .6s,translate .6s;translate:0 20px}.mv-caption small{display:block;font-size:.42em;-webkit-text-stroke-width:5px;color:var(--gold);margin-bottom:.3em;letter-spacing:.1em}.mv-caption.show{opacity:1;translate:0 0}.mv-credits{position:absolute;right:4vw;top:9vh;bottom:9vh;width:min(340px,40vw);overflow:hidden;mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent);opacity:0;transition:opacity .8s}.mv-credits.show{opacity:1}.mv-roll{position:absolute;left:0;right:0;top:100%;display:flex;flex-direction:column;gap:10px}.mv-roll .r{font-weight:900;color:#fff;font-size:15px;text-shadow:0 2px 6px rgba(0,0,0,.8);display:flex;gap:10px;align-items:baseline}.mv-roll .r span{font-variant-numeric:tabular-nums;color:var(--gold);font-size:12px;min-width:2.6em}.mv-roll .r.x{color:#fff6}.mv-roll .h{font-family:var(--display);color:var(--gold);font-size:22px;margin:6px 0;text-shadow:0 2px 6px rgba(0,0,0,.8)}.mv-final{position:absolute;left:50%;top:4vh;bottom:4vh;translate:-50% 0;text-align:center;width:min(94vw,900px);pointer-events:none;display:flex;flex-direction:column;align-items:center}.mv-final>*{pointer-events:auto}.mv-badge{display:inline-block;font-family:var(--display);font-size:22px;letter-spacing:.3em;padding:4px 18px 4px 24px;background:var(--ink);color:var(--gold);border-radius:99px;animation:drop-in .5s cubic-bezier(.3,1.6,.5,1) both}.mv-title{margin:8px 0 4px;font-family:var(--display);font-weight:400;font-size:clamp(28px,5.6vw,72px);line-height:1.1;white-space:nowrap;color:var(--gold);-webkit-text-stroke:10px var(--ink);paint-order:stroke fill;text-shadow:0 8px 0 var(--ink);animation:title-pop .7s .2s cubic-bezier(.3,1.7,.5,1) both}.mv-line{margin:0 auto;font-family:var(--display);font-size:clamp(18px,2.6vw,28px);color:#fff;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;animation:drop-in .6s .7s both}.mv-stats{margin:auto auto 0;display:inline-block;font-weight:900;background:var(--paper);border:3px solid var(--ink);border-radius:12px;padding:4px 14px;animation:drop-in .6s 1s both}.mv-actions{margin-top:16px;display:flex;gap:12px;justify-content:center;animation:drop-in .6s 1.3s both}#mv-exit{font-family:var(--display);font-size:20px;padding:8px 26px 6px;border:4px solid var(--ink);border-radius:99px;background:var(--gold);cursor:pointer;box-shadow:0 6px 0 var(--ink)}.mv-skip{position:absolute;right:16px;bottom:calc(9vh + 14px);pointer-events:auto;font-weight:900;font-size:14px;color:#fff;background:#00000073;border:2px solid rgba(255,255,255,.6);border-radius:99px;padding:6px 14px;cursor:pointer}#movie.final .mv-skip{display:none}@keyframes title-pop{0%{opacity:0;scale:.3;rotate:-8deg}to{opacity:1;scale:1;rotate:0deg}}@media(max-width:720px){.zk-body{grid-template-columns:1fr;grid-template-rows:1fr auto}.zk-detail{border-left:0;border-top:3px solid var(--ink);max-height:40%}.zk-head h2{font-size:22px}.mv-credits{display:none}}.zk-grid li{display:flex}.zk-cell{width:100%}.hud-speed{display:flex;align-items:center;gap:6px;background:var(--ink);color:#fff;padding:5px 12px;border-radius:12px;font-weight:900}.hud-speed span{font-size:12px;opacity:.75}.hud-speed b{font-family:var(--display);font-weight:400;font-size:18px;color:var(--gold);font-variant-numeric:tabular-nums;min-width:2.6em}.hud-speed i{display:block;width:70px;height:8px;border-radius:99px;background:#fff3;overflow:hidden}.hud-speed em{display:block;height:100%;background:linear-gradient(90deg,var(--gold),#ff5d3a);transform-origin:left;transform:scaleX(0);transition:transform .3s}#speedlines{position:absolute;inset:-10%;pointer-events:none;opacity:0;transition:opacity .6s;background:repeating-conic-gradient(from 0deg at 50% 46%,#fff0 0deg 3.2deg,#ffffff8c 3.2deg 3.6deg);-webkit-mask-image:radial-gradient(ellipse at 50% 46%,transparent 38%,#000 75%);mask-image:radial-gradient(ellipse at 50% 46%,transparent 38%,#000 75%);animation:lines-spin .4s steps(3) infinite}@keyframes lines-spin{to{rotate:3deg}}#speedup{position:absolute;left:50%;top:40%;translate:-50% -50%;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0}#speedup b{font-family:var(--display);font-weight:400;font-size:clamp(30px,4.6vw,56px);color:var(--gold);white-space:nowrap;-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);font-style:italic}#speedup span{font-weight:900;font-size:16px;color:#fff;background:var(--ink);padding:2px 12px;border-radius:99px}#speedup.show{animation:speedup 1.3s ease-out both}@keyframes speedup{0%{opacity:0;translate:30% -50%;scale:.8}15%{opacity:1;translate:-50% -50%;scale:1.05}70%{opacity:1;translate:-50% -50%;scale:1}to{opacity:0;translate:-130% -50%;scale:1}}@media(max-width:720px){.hud-speed i{display:none}}@media(prefers-reduced-motion:reduce){#speedlines{animation:none}}.zk-detail .d-route{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}.zk-detail .d-route li{font-size:12.5px;font-weight:800;padding:2px 9px;border-radius:99px;background:#fff6d6;border:2px solid #f0d67a}.zk-detail .d-route li+li:before{content:"\2192  ";opacity:.5}.zk-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.zk-tabs{display:flex;gap:6px;padding:8px 14px;border-bottom:3px solid var(--ink);background:#fffaf0;overflow-x:auto;scrollbar-width:thin}.zk-tab{flex:none;display:flex;align-items:center;gap:5px;padding:5px 11px;border-radius:99px;border:2px solid var(--ink);background:#fff;font:inherit;font-weight:900;font-size:13px;cursor:pointer;white-space:nowrap}.zk-tab small{font-size:11px;font-weight:800;opacity:.6;font-variant-numeric:tabular-nums}.zk-tab.on{background:var(--ink);color:#fff}.zk-tab.on small{opacity:.8}.zk-tab.done{box-shadow:inset 0 0 0 2px var(--gold)}.zk-bar{position:relative}.zk-marks{position:absolute;inset:0;pointer-events:none}.zk-marks i{position:absolute;top:-3px;bottom:-3px;width:3px;background:var(--ink);translate:-50% 0}.zk-marks i b{position:absolute;top:-21px;left:50%;translate:-50% 0;font-style:normal;font-size:13px;filter:grayscale(1) opacity(.45)}.zk-marks i.got b{filter:none}.zk-marks i:last-child{display:none}.zk-rank{font-weight:900;font-size:13px;white-space:nowrap}.zk-sep{grid-column:1 / -1;display:flex;align-items:center;gap:8px;font-weight:900;font-size:14px;padding:6px 2px 0}.zk-sep small{opacity:.55;font-size:12px;font-variant-numeric:tabular-nums}.zk-sep:after{content:"";flex:1;border-top:2px dashed #d8d0e6}.title-rank{margin:10px 0 0;font-weight:900;font-size:14px;color:var(--ink);background:#ffffffbf;border:2px solid var(--ink);border-radius:99px;padding:3px 14px;display:inline-block}.title-rank:empty{display:none}.end-share{display:flex;gap:8px}.share-btn{flex:1;font:inherit;font-weight:900;font-size:14px;padding:8px 12px;border-radius:12px;border:3px solid var(--ink);background:#fff;cursor:pointer;box-shadow:0 3px 0 var(--ink);white-space:nowrap}.share-btn.x{background:#111;color:#fff}.share-btn:active{translate:0 2px;box-shadow:0 1px 0 var(--ink)}.mv-roll.cols{display:grid;grid-template-columns:1fr 1fr;column-gap:14px;row-gap:7px}.mv-roll.cols .h{grid-column:1 / -1}.mv-roll.cols .r{font-size:12.5px;gap:6px}.mv-roll.cols .r span{font-size:10.5px;min-width:2.4em}.mv-credits.wide{width:min(560px,46vw)}.zk-bar{overflow:visible}.zk-fill{border-radius:99px}.zk-progress{padding-top:14px}.zk-progress{padding-top:0;padding-bottom:16px}.zk-marks i b{top:calc(100% + 1px)}@media(max-width:720px){.zk-head{gap:10px;padding:10px 12px}.zk-nums{flex-wrap:wrap;gap:2px 12px;font-size:12px}.zk-nums b{font-size:15px}.zk-tabs{padding:6px 10px}.zk-tab{font-size:12px;padding:4px 9px}.zk-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.zk-sep{font-size:12.5px}.end-share .share-btn{font-size:13px;padding:6px 8px}}@media(max-width:720px){.zk-body{display:flex;flex-direction:column}.zk-grid{flex:1;min-height:0}.zk-detail{flex:none;max-height:40%}}.zk-cell.sp:not(.locked){border-width:3px}.zk-cell.sp-neet:not(.locked){background:linear-gradient(180deg,#fff,#eef0f4);border-color:#6b7280}.zk-cell.sp-maou:not(.locked){background:linear-gradient(180deg,#3a1050,#1a0a26);color:#f3e8ff;border-color:#9b111e}.zk-cell.sp-kami:not(.locked){background:linear-gradient(180deg,#fffbe6,#ffe9a8);border-color:#d9a400;box-shadow:0 3px 0 var(--ink),0 0 12px #ffd23f}.zk-cell .sp-tag{position:absolute;top:4px;right:6px;font-size:13px}.zk-cell.locked .sp-tag{filter:grayscale(1);opacity:.5}.zk-cell.sp-ghost:not(.locked){background:linear-gradient(180deg,#f4f7ff,#dfe6f7);border-color:#7c8db5}.zk-cell.sp-ninja:not(.locked){background:linear-gradient(180deg,#2a2a3a,#15151f);color:#eee;border-color:#c8102e}.zk-cell.sp-robo:not(.locked){background:linear-gradient(180deg,#eef2f5,#c9d2db);border-color:#5c6b7a}.zk-cell.sp-alien:not(.locked){background:linear-gradient(180deg,#e9ffe0,#b9f5a0);border-color:#3c9b2a}.zk-cell.sp-time:not(.locked){background:linear-gradient(180deg,#f3ecff,#d9c9ff);border-color:#7b2cbf}.zk-cell.sp-cat:not(.locked){background:linear-gradient(180deg,#fff3e0,#ffd59a);border-color:#c97a1e}:root{--rim: 3px 0 0 var(--ink), -3px 0 0 var(--ink), 0 3px 0 var(--ink), 0 -3px 0 var(--ink), 2px 2px 0 var(--ink), -2px 2px 0 var(--ink), 2px -2px 0 var(--ink), -2px -2px 0 var(--ink);--rim-thin: 2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 2px 0 var(--ink), 0 -2px 0 var(--ink), 1.5px 1.5px 0 var(--ink), -1.5px 1.5px 0 var(--ink), 1.5px -1.5px 0 var(--ink), -1.5px -1.5px 0 var(--ink)}.timer-q{text-shadow:var(--rim)}.toast-career{text-shadow:var(--rim),0 6px 0 var(--ink)}.title-logo,#end-title{text-shadow:var(--rim),0 8px 0 var(--ink)}.mv-caption{text-shadow:var(--rim),0 6px 0 var(--ink)}.mv-line{text-shadow:var(--rim-thin)}#speedup b{text-shadow:var(--rim),0 6px 0 var(--ink)}.choice .label{text-shadow:var(--rim-thin),0 3px 0 rgba(0,0,0,.25)}.choice .key{background:#0006}.choice.rejected .label,.choice.rejected .key{color:var(--ink);text-shadow:none}.mv-roll .r,.mv-roll .h{text-shadow:var(--rim-thin),0 2px 6px rgba(0,0,0,.8)}.mv-roll .r.x{color:#ffffff8c}.zk-close,.zk-tab,.share-btn,#to-title,#resume,#abort,#mv-exit{color:var(--ink)}.zk-tab.on,.share-btn.x{color:#fff}@media(min-width:721px){.zk-tabs{flex-wrap:wrap;overflow:visible}}