:root{--ink:#f4f0ff;--muted:#b8b0e0;--bg:#0b0e24;--panel:#120e2ce0;--line:#ffd27a59;--gold:#ffd27a;--pumpkin:#ff8a2a;--mint:#5dffc0;--hp:#ff5d7a;--xp:#7ad7ff;--font:"DotGothic16", system-ui, "Hiragino Sans", "Noto Sans JP", sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#app{touch-action:none;position:fixed;inset:0}#gl,#overlay{width:100%;height:100%;display:block;position:absolute;inset:0}#overlay{pointer-events:none}.hidden{display:none!important}button{color:inherit;cursor:pointer;font-family:inherit}.hud{pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:absolute;inset:0}.hud button{pointer-events:auto}.xp-bar{top:env(safe-area-inset-top);background:#0a081ebf;border-bottom:2px solid #7ad7ff66;height:14px;position:absolute;left:0;right:0}.xp-fill{background:linear-gradient(90deg, #4aa8ff, var(--xp));width:0;height:100%;box-shadow:0 0 10px var(--xp);transition:width .15s}.lv{right:calc(8px + env(safe-area-inset-right));text-shadow:0 1px 2px #000;font-size:12px;line-height:14px;position:absolute;top:0}.hud-top{top:calc(20px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute}.hud-left{flex-direction:column;gap:6px;min-width:0;display:flex}.hp-bar{background:#0a081ebf;border:2px solid #ffffff40;border-radius:3px;width:min(220px,34vw);height:16px;position:relative;overflow:hidden}.hp-fill{background:linear-gradient(90deg, #d8345a, var(--hp));height:100%;transition:width .15s}.hp-text{text-align:center;text-shadow:0 1px 2px #000;font-size:11px;line-height:13px;position:absolute;inset:0}.slots{flex-wrap:wrap;gap:4px;max-width:min(260px,40vw);display:flex}.slot{background:#0a081eb3;border:1px solid #ffffff2e;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:34px;height:40px;display:flex}.slot.evolved{border-color:var(--gold);box-shadow:0 0 8px var(--gold)}.slot img{object-fit:contain;width:26px;height:26px;image-rendering:pixelated}.pips{gap:1px;display:flex}.pips i{background:#fff3;width:4px;height:4px}.pips i.on{background:var(--gold)}.slot-sep{width:100%;height:0}.hud-center{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.invite{color:#8fffd8;background:#143c3273;border:1px solid #5dffc080;border-radius:8px;margin:6px 0 10px;padding:6px 10px;font-size:14px}.invite.hidden{display:none}.clock-label{letter-spacing:1px;color:#d8c8ff;text-shadow:0 1px 2px #000;margin-bottom:-4px;font-size:11px}.clock{letter-spacing:2px;color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:0 0 12px #ffb450b3,0 2px #2a1030;font-size:clamp(26px,5vw,40px)}.clock.urgent{color:#ffe9a8;animation:1s ease-in-out infinite clock-pulse}@keyframes clock-pulse{50%{text-shadow:0 0 18px #ffdc78f2,0 2px #2a1030;transform:scale(1.08)}}.night-bar{background:#0a081ebf;border-radius:3px;align-items:center;width:min(240px,40vw);height:6px;display:flex;position:relative}.night-fill{background:linear-gradient(90deg,#4c4ca8,#ff9a4a);border-radius:3px;position:absolute;top:0;bottom:0;left:0}.night-bar .moon,.night-bar .sun{font-size:12px;position:absolute;top:-4px}.night-bar .moon{left:-16px}.night-bar .sun{color:var(--gold);right:-16px}.boss-bar{border:1px solid var(--pumpkin);background:#0a081ecc;width:min(320px,60vw);height:10px;margin-top:20px;position:relative}.boss-fill{background:var(--pumpkin);height:100%;box-shadow:0 0 8px var(--pumpkin)}.boss-name{color:#ffd0a0;text-shadow:0 1px 2px #000;margin-bottom:2px;font-size:12px;position:absolute;bottom:100%;left:0;right:0}.hud-right{align-items:center;gap:8px;display:flex}.kills{text-shadow:0 1px 2px #000;font-size:16px}.hud-right-col{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.room-count{color:#bfe3ff;text-shadow:0 1px 2px #000;font-size:13px}.pause-btn{background:#0a081e99;border:2px solid #ffffff4d;border-radius:50%;width:44px;height:44px;font-size:14px}.toasts{top:calc(126px + env(safe-area-inset-top));flex-direction:column;align-items:center;gap:6px;width:min(92vw,520px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line);background:#0e0a24d1;border-radius:6px;align-items:center;gap:8px;padding:6px 14px;font-size:15px;transition:opacity .5s,transform .5s;animation:.25s ease-out toast-in;display:flex}.toast.big{color:var(--gold);border-color:var(--gold);font-size:20px}.toast img{width:28px;height:28px;image-rendering:pixelated;object-fit:contain}.toast.out{opacity:0;transform:translateY(-8px)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)scale(.95)}}.skill-btn{right:calc(20px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));background:radial-gradient(circle,#ffdc8c59,#1e143cd9);border:3px solid #fff0c880;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:78px;height:78px;display:flex;position:absolute;overflow:hidden}.skill-btn.ready{border-color:var(--gold);box-shadow:0 0 18px #ffd27acc}.skill-icon{color:#fff6d8;font-size:28px}.skill-key{opacity:.7;font-size:9px}.skill-cd{border-radius:50%;position:absolute;inset:0}.stick{pointer-events:none;background:#1410324d;border:2px solid #ffffff40;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;display:none;position:absolute}.stick.on{display:block}.stick-knob{background:#ffdca08c;border-radius:50%;width:46px;height:46px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.screen{z-index:10;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.panel{background:var(--panel);border:2px solid var(--line);text-align:center;border-radius:10px;width:100%;max-width:560px;padding:20px 22px;box-shadow:0 10px 40px #00000080}.panel.wide{max-width:720px;max-height:calc(100vh - 96px);overflow-y:auto}.panel h2{color:var(--gold);margin:0 0 6px;font-size:28px}.panel h2.lost{color:#9fe8ff}.panel .sub{color:var(--muted);margin:0 0 14px}.btn{border:2px solid var(--gold);background:linear-gradient(#3a2470,#24164a);border-radius:8px;margin:4px;padding:10px 18px;font-size:16px}.btn:hover{filter:brightness(1.15)}.btn:disabled{opacity:.4;cursor:default}.btn.big{text-shadow:0 2px #7a2a00;background:linear-gradient(#ff9a3a,#d4581a);border-color:#ffe0a0;padding:14px 30px;font-size:22px;box-shadow:0 0 22px #ff8c3273}.btn.ghost{background:0 0;border-color:#ffffff4d}.btn.tiny{padding:4px 10px;font-size:12px}.btn.x{background:#000;border-color:#fff}.cards{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.card{text-align:left;background:#281c50d9;border:2px solid #fff3;border-radius:8px;align-items:center;gap:14px;padding:12px 14px;font-size:15px;transition:transform .1s,border-color .1s;display:flex;position:relative}.card:hover{border-color:var(--gold);transform:scale(1.02)}.card img{object-fit:contain;width:48px;height:48px;image-rendering:pixelated;flex:none}.card-name{color:var(--gold);font-size:18px}.card-desc{color:var(--muted);font-size:14px}.card-recipe{color:#c8b8ff;flex-wrap:wrap;align-items:center;gap:4px;margin-top:3px;font-size:12px;display:flex}.card-recipe img{width:18px;height:18px;image-rendering:pixelated}.card-recipe .have{color:var(--mint)}.card-key{opacity:.5;font-size:10px;position:absolute;top:4px;left:6px}.card-badge{color:var(--mint);font-size:12px;position:absolute;top:8px;right:10px}.loading .logo,.title .logo{letter-spacing:4px;color:#fff;text-shadow:0 0 18px #ffa03ce6,0 4px #6a2a00,0 8px #2a1030;font-size:clamp(36px,8vw,68px)}.load-box{text-align:center}.load-bar{background:#ffffff1a;border-radius:4px;width:240px;height:8px;margin:18px auto 0;overflow:hidden}.load-bar i{background:var(--pumpkin);width:0;height:100%;display:block}.title{background:radial-gradient(at 50% 30%,#2a2060 0%,#0b0e24 70%);flex-direction:column;justify-content:safe center;padding-top:40px;padding-bottom:72px;overflow-y:auto}.title-art{opacity:.85;background-position:50%;background-size:cover;position:absolute;inset:0}.title-art:after{content:"";background:linear-gradient(#0b0e2440 0%,#0b0e248c 55%,#0b0e24eb 100%);position:absolute;inset:0}.title-box{text-align:center;max-width:640px;position:relative}.logo-sub{color:var(--gold);margin-top:4px;font-size:clamp(16px,3vw,22px)}.goal{text-shadow:0 1px 3px #000;max-width:480px;margin:10px auto;line-height:1.6}.name-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;display:flex}.name-row .nick{color:var(--mint)}.hero-label{color:var(--gold);text-shadow:0 1px 2px #000;margin-top:6px;font-size:14px}.heroes{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-width:520px;margin:6px auto 10px;display:grid}.hero-card{background:#181234d9;border:2px solid #fff3;border-radius:8px;flex-direction:column;align-items:center;gap:1px;padding:6px 2px;font-size:12px;transition:transform .1s,border-color .1s;display:flex}.hero-card img{object-fit:contain;width:52px;height:52px;image-rendering:pixelated}.hero-card b{font-size:15px}.hero-card .costume{color:var(--muted)}.hero-card .trait{color:var(--mint);font-size:11px}.hero-card.on{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 0 14px #ffd27a99}.daily,.howto{color:var(--muted);text-shadow:0 1px 2px #000;font-size:13px}.opts{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;font-size:13px;display:flex}.opts .vol{align-items:center;gap:6px;display:inline-flex}.opts input[type=range]{width:90px;accent-color:var(--pumpkin)}.opts .btn.on{border-color:var(--gold);color:var(--gold)}.opts select{color:var(--ink);background:#1c1440;border:1px solid #ffffff4d;border-radius:4px;padding:3px;font-family:inherit}.credit{top:calc(10px + env(safe-area-inset-top));color:var(--muted);z-index:2;font-size:13px;text-decoration:none;position:absolute;left:14px}.credit:hover{color:var(--gold)}.kana-wave{right:12px;bottom:calc(8px + env(safe-area-inset-bottom));color:var(--muted);z-index:2;align-items:center;gap:6px;font-size:13px;text-decoration:none;display:flex;position:absolute}.kana-wave img{border-radius:50%;width:54px;height:54px}.kana-wave:hover{color:var(--gold)}.card-preview canvas{border:1px solid #fff3;border-radius:6px;width:100%;height:auto}.score-line{color:var(--muted);justify-content:center;align-items:baseline;gap:10px;margin-top:10px;font-size:13px;display:flex}.score-line b{color:var(--gold);font-size:30px}.score-line em{color:#ffe9a8;border:1px solid var(--gold);border-radius:10px;padding:1px 8px;font-style:normal;animation:1.2s ease-in-out infinite clock-pulse}.stats{grid-template-columns:repeat(6,1fr);gap:6px;margin:12px 0;display:grid}.stats div{color:var(--muted);flex-direction:column;font-size:12px;display:flex}.stats b{color:var(--ink);font-size:22px}.rise{color:var(--mint);margin:6px 0 10px}.row{flex-wrap:wrap;justify-content:center;display:flex}.pause,.levelup{background:#0504108c}.levelup .panel{background:radial-gradient(ellipse at 50% 0%, #ff8c282e, transparent 60%), var(--panel);border-color:#ff9a3cbf;position:relative;box-shadow:0 0 24px #ff8c2840,0 10px 40px #00000080}.levelup h2{color:var(--gold);text-shadow:0 0 12px #ffa03c99}.levelup .trim{width:58px;height:auto;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 0 6px #ff9632b3);position:absolute;top:-22px}.levelup .trim-left{left:-16px}.levelup .trim-right{right:-16px;transform:scaleX(-1)}.pick-timer{background:#0a081ebf;border-radius:3px;height:6px;margin:-4px 0 12px;overflow:hidden}.pick-timer i{background:linear-gradient(90deg, #ff9a3c, var(--gold));width:100%;height:100%;display:block}.pick-timer.hidden{display:none}@media (min-width:1000px) and (min-aspect-ratio:5/4){.title{align-items:flex-start;padding-left:5vw}.title-art{background-position:0 40%}.title-art:after{background:linear-gradient(90deg,#0b0e24e0 0%,#0b0e2499 42%,#0b0e240d 70%),linear-gradient(#0b0e2400 60%,#0b0e24b3 100%)}.title-box{width:min(640px,52vw)}}@media (max-width:600px){.title{justify-content:flex-start;padding-top:0;padding-bottom:16px}.title-art{opacity:1;background-position:62% 38%;flex-shrink:0;width:calc(100% + 32px);height:36vh;min-height:210px;margin:0 -16px;position:relative;inset:auto}.title-art:after{background:linear-gradient(#0b0e2459 0%,#0b0e2400 25% 60%,#0b0e24 100%)}.title-box{margin-top:-58px}.title .kana-wave{align-self:flex-end;margin-top:12px;position:relative;bottom:auto;right:auto}}@media (max-width:380px){.heroes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (hover:none){.skill-key,.card-key{display:none}}@media (max-width:600px){.night-bar{width:26vw}.night-bar .moon,.night-bar .sun{display:none}.hud-right{flex-direction:column-reverse;align-items:flex-end;gap:4px}.kills{font-size:13px}.stats{grid-template-columns:repeat(3,1fr)}.hud-top{left:8px;right:8px}.slot{width:28px;height:34px}.slot img{width:20px;height:20px}.kana-wave span{display:none}}