@font-face{font-family:DotGothic16;src:url(../../../fonts/dotgothic16.woff2)format("woff2");font-display:swap}:root{--bg:#0b1026;--bg2:#070a1c;--panel:#141a38;--line:#3a447a;--text:#eef0ff;--muted:#97a0cc;--accent:#ffce4a;--frame:#eef0ff;--super:#2f9e44;--weak:#c0392b;--none:#5b6478;--neutral:#2a3252}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:none;font-smooth:never;background-image:radial-gradient(120% 90% at 50% -10%, #1a2350 0%, var(--bg) 55%, var(--bg2) 100%);min-height:100vh;margin:0;font-family:DotGothic16,Hiragino Kaku Gothic ProN,monospace}body:after{content:"";pointer-events:none;z-index:9999;opacity:.35;background:repeating-linear-gradient(0deg,#0000001a 0 1px,#0000 1px 3px);position:fixed;inset:0}.card,.detail-card,.stats-summary,details.howto,.chart-wrap,.result-banner{background:var(--panel);border:3px solid var(--frame);box-shadow:0 0 0 3px var(--bg2), 5px 5px 0 0 #00000073;border-radius:6px}header{max-width:980px;margin:0 auto;padding:18px 18px 0}header h1{letter-spacing:.04em;text-shadow:2px 2px #000,0 0 12px #ffce4a59;color:var(--accent);margin:0 0 2px;font-size:26px}.sub{color:var(--muted);margin:0 0 14px;font-size:12px;line-height:1.5}.tabs-wrap{max-width:980px;margin:0 auto;padding:0 18px}.tabs{background:var(--bg2);border:2px solid var(--line);border-radius:8px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.tab{color:var(--muted);cursor:pointer;border-radius:6px;padding:8px 15px;font-family:inherit;font-size:14px;text-decoration:none}.tab.active{color:#2a1d00;background:var(--accent)}main{max-width:980px;margin:0 auto;padding:16px 18px 80px}.hidden{display:none!important}.legend{color:var(--muted);flex-wrap:wrap;gap:12px;margin:14px 0 4px;font-size:12px;display:flex}.legend span{align-items:center;gap:5px;display:inline-flex}.swatch{border:1px solid #00000080;width:14px;height:14px;display:inline-block}.axis-note{color:var(--muted);margin:6px 2px 14px;font-size:13px;line-height:1.6}.detail-grid{grid-template-columns:1fr 1fr;gap:16px;margin:16px 0 22px;display:grid}@media (width<=640px){.detail-grid{grid-template-columns:1fr}}.detail-card{padding:16px}.detail-card h4{align-items:center;gap:8px;margin:0 0 14px;font-size:15px;display:flex}.rel-row{border-top:2px dotted var(--line);align-items:flex-start;gap:10px;padding:9px 0;display:flex}.rel-row:first-of-type{border-top:none}.rel-label{flex:none;width:96px;padding-top:5px;font-size:12px;line-height:1.4}.rel-label b{color:var(--text);font-size:13px;display:block}.rel-chips{flex-wrap:wrap;gap:6px;min-height:26px;display:flex}.rel-chips .none-txt{color:var(--muted);padding-top:4px;font-size:12px}.mini{color:#fff;text-shadow:1px 1px #00000080;border:2px solid #00000080;border-radius:4px;align-items:center;gap:5px;padding:4px 9px;font-size:12px;display:inline-flex}.mini .dot{width:7px;height:7px}.lbl-super b{color:#6cdc7e}.lbl-weak b{color:#ff8a8a}.lbl-none b{color:#c0b5ff}details.grid-fold{margin-top:8px}details.grid-fold>summary{cursor:pointer;color:var(--accent);padding:8px 0;font-size:13px}.chart-wrap{width:fit-content;max-width:100%;max-height:72vh;margin-top:10px;padding:4px;overflow:auto}table.chart{border-collapse:separate;border-spacing:0;font-size:12px}table.chart th,table.chart td{text-align:center;width:34px;min-width:34px;height:34px}table.chart th{color:#fff;background:var(--panel);text-shadow:1px 1px #0009;position:sticky}table.chart thead th{z-index:2;cursor:pointer;padding:0 4px;top:0}table.chart tbody th{z-index:1;text-align:right;white-space:nowrap;cursor:pointer;padding:0 8px;left:0}table.chart .corner{z-index:3;color:var(--muted);background:var(--panel);font-size:10px;top:0;left:0}table.chart td{border-right:1px solid var(--bg2);border-bottom:1px solid var(--bg2)}td.m0{color:#c7ccd3;background:#4a4f57}td.m05{color:#fff;background:#b23b3b}td.m1{color:#5a6493;background:#1a2147}td.m2{color:#fff;background:#2f9e44}table.chart th.hl{outline:2px solid var(--accent);outline-offset:-2px;filter:brightness(1.15)}td.hl{outline:2px solid var(--accent);outline-offset:-2px}td.rowhl,td.colhl{filter:brightness(1.4)}.chips{grid-template-columns:repeat(auto-fill,minmax(min(100%,104px),1fr));gap:8px;display:grid}.chip{cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;white-space:nowrap;text-shadow:1px 1px #00000080;border:2px solid #0000008c;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:9px 10px;font-family:inherit;font-size:14px;display:flex;position:relative;box-shadow:inset 0 -4px #00000047,2px 2px #0006}.chip:hover{filter:brightness(1.12)}.chip:active{transform:translateY(2px);box-shadow:inset 0 -1px #00000047,1px 1px #0006}.chip.sel{outline:3px solid var(--accent);outline-offset:1px}.chip.dim{opacity:.3}.chip.elim{opacity:.34;filter:grayscale();text-decoration:line-through;text-decoration-thickness:2px}.chip.elim:hover{opacity:.55;filter:grayscale(.6)}.memo-toggle{border:2px solid var(--line);border-radius:6px;margin-bottom:8px;display:inline-flex;overflow:hidden}.memo-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;min-height:38px;padding:7px 16px;font-family:inherit;font-size:13px}.memo-btn+.memo-btn{border-left:2px solid var(--line)}.memo-btn.active{background:var(--accent);color:#2a1d00}.chip.best{box-shadow:0 0 0 2px var(--accent), 0 0 12px var(--accent), inset 0 -4px 0 #00000047;animation:1s ease-in-out infinite pulse}.chip .star{font-size:14px;position:absolute;top:-10px;right:-6px}.dot{background:#ffffffe6;border-radius:1px;width:9px;height:9px}@keyframes pulse{0%,to{filter:brightness()}50%{filter:brightness(1.3)}}.setup{max-width:600px;margin:0 auto}.start-area{margin-bottom:22px}.start-btns{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.start-main{justify-content:center;width:100%;min-height:62px;padding:17px 18px;font-size:18px}#startBtn.start-main{color:#fff;border-color:var(--frame);text-shadow:1px 1px #0006;background:#3f72c4}#startBtn.start-main:before{content:"▷ "}#rankedBtn.start-main{color:#fff;border-color:var(--frame);text-shadow:1px 1px #0006;background:#6d5ae0}#rankedBtn.start-main:before{content:"★ "}.btn-tag{letter-spacing:.08em;vertical-align:middle;text-shadow:none;border:1px solid;border-radius:3px;margin-left:8px;padding:2px 6px;font-size:11px}#dailyBtn.start-main{color:#fff;border-color:var(--frame);text-shadow:1px 1px #0006;background:#2f9e57}#dailyBtn.start-main:before{content:"▶ "}.settings-head{color:var(--muted);border-top:2px dotted var(--line);margin:24px 0 14px;padding-top:18px;font-size:14px}.settings-head:before{content:"⚙ "}.opt-group{margin-bottom:18px}.opt-group>label{color:var(--accent);margin-bottom:8px;font-size:13px;display:block}.opt-group>label:before{content:"◆ "}.seg{flex-wrap:wrap;gap:8px;display:flex}.seg button{background:var(--panel);color:var(--text);border:3px solid var(--frame);box-shadow:0 0 0 3px var(--bg2);text-align:left;cursor:pointer;border-radius:6px;min-height:44px;padding:11px 16px;font-family:inherit;font-size:14px}.seg button:before{content:"○ ";color:var(--muted)}.seg button:active{box-shadow:0 0 0 3px var(--bg2);transform:translate(2px,2px)}.seg button.on{background:var(--accent);color:#2a1d00}.seg button.on:before{content:"● ";color:#2a1d00}.opt-desc{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.6}.log-twocol{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=720px){.log-twocol{grid-template-columns:1fr 1fr;align-items:start;gap:20px}.opt-side{border-left:2px dotted var(--line);padding-left:20px}}.opt-side h4{color:var(--accent);margin:0 0 8px;font-size:13px}.opt-side h4:before{content:"★ "}.opt-side .hint-line{margin:0 0 10px}.game-mode{color:#fff;border:3px solid var(--frame);text-shadow:1px 1px #0006;box-shadow:0 0 0 3px var(--bg2);border-radius:6px;margin-bottom:12px;padding:9px 14px;font-size:15px;font-weight:700}.game-mode.casual{background:#3f72c4}.game-mode.ranked{background:#6d5ae0}.game-mode.daily{background:#2f9e57}.game-mode.shared{background:#b5622f}.game-mode:before{content:"● ";opacity:.7}.mode-badge{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.mbpill{border:2px solid var(--line);color:var(--muted);border-radius:4px;padding:4px 9px;font-size:11px}.game-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.stat{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.stat b{color:var(--accent);min-width:1.5em;font-size:18px;display:inline-block}button.btn{background:var(--panel);color:var(--text);border:3px solid var(--frame);cursor:pointer;box-shadow:0 0 0 3px var(--bg2), 3px 3px 0 #0006;border-radius:6px;min-height:44px;padding:11px 18px;font-family:inherit;font-size:14px}button.btn:active{box-shadow:0 0 0 3px var(--bg2);transform:translate(2px,2px)}button.btn.primary{background:var(--accent);border-color:var(--frame);color:#2a1d00}button.btn:disabled{opacity:.45;cursor:default;transform:none}.card{margin-bottom:16px;padding:14px 16px}.card h3{color:var(--accent);margin:0 0 12px;font-size:14px}.card h3:before{content:"■ "}.log{flex-direction:column;gap:8px;min-height:24px;display:flex}.log-row{align-items:center;gap:10px;font-size:14px;animation:.18s ease-out appear;display:flex}@keyframes appear{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.tag{text-shadow:1px 1px #00000080;border:2px solid #00000080;border-radius:4px;padding:3px 9px;font-size:12px}.tag.super{background:var(--super)}.tag.weak{background:var(--weak)}.tag.none{background:var(--none)}.tag.neutral{background:var(--neutral)}.init-badge{color:#2a1d00;background:var(--accent);border-radius:4px;padding:2px 7px;font-size:11px}.candidates{color:var(--muted);font-size:13px;line-height:1.8}.answer-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.result-banner{margin-bottom:16px;padding:14px 16px;font-size:15px;line-height:1.7}.result-banner.win{border-color:var(--accent);box-shadow:0 0 0 3px var(--bg2), 0 0 22px #ffce4a73;animation:.5s cubic-bezier(.2,.9,.25,1.2) winpop}.result-banner.lose{border-color:var(--weak)}@keyframes winpop{0%{filter:brightness(1.5);transform:scale(.92)}60%{transform:scale(1.02)}to{filter:brightness();transform:scale(1)}}#fx{pointer-events:none;z-index:9998;width:100vw;height:100vh;position:fixed;inset:0}.foot-lang{text-align:center;margin:2px 0 44px}.foot-lang button{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;font-family:inherit;font-size:12px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.foot-lang button:hover{color:var(--text)}.hint-line{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.6}.foot{color:var(--muted);text-align:center;padding:24px 12px;font-size:11px;line-height:1.8}.foot a{color:var(--accent)}summary{list-style:none}summary::-webkit-details-marker{display:none}details.howto{margin-bottom:16px;padding:4px 16px}details.howto>summary{cursor:pointer;color:var(--accent);padding:12px 0;font-size:14px}details.howto>summary:before{content:"▶ "}details.howto ol{color:var(--text);margin:4px 0 12px;padding-left:20px;font-size:13px;line-height:2}.home-stats{color:var(--muted);background:var(--bg2);border:2px solid var(--line);border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:16px;margin-bottom:14px;padding:12px 16px;font-size:12px;display:flex}.home-stats b{color:var(--accent);margin-left:5px;font-size:18px}.home-stats .hs-rating b{color:#b9a6ff;font-size:22px}.home-stats .hs-hint{text-align:center;width:100%;color:var(--muted);margin-top:2px;font-size:11px}.home-stats .hs-name{color:var(--text);cursor:pointer;border-bottom:1px dotted var(--muted);font-size:14px;font-weight:700}.home-stats .hs-setname{color:var(--accent);border-bottom-color:var(--accent)}.skel{background:linear-gradient(90deg, var(--line) 25%, #2b3557 50%, var(--line) 75%);background-size:200% 100%;border-radius:5px;animation:1.2s ease-in-out infinite skel-shimmer;display:inline-block}.skel-avatar{border-radius:50%;width:30px;height:30px}.rank-head,.rank-row{grid-template-columns:40px 1fr 66px 44px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;display:grid}.rank-head{color:var(--muted);border-bottom:2px solid var(--line);font-size:11px}.rank-head span:nth-child(n+3),.rk-rating,.rk-games{text-align:right}.rank-row{border-bottom:1px solid var(--line)}.rank-row .rk-pos{color:var(--muted);font-weight:700}.rank-row .rk-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-row .rk-rating{color:#b9a6ff;font-weight:700}.rank-row.me{background:#6d5ae02e;border-radius:6px}.rank-me{border-top:2px dashed var(--line);margin-top:10px;padding-top:6px}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stats-summary{color:var(--muted);grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;margin-bottom:16px;padding:16px;font-size:12px;display:grid}.stats-summary>span{text-align:center;border:2px solid var(--line);background:var(--bg2);border-radius:6px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;display:flex}.stats-summary b{color:var(--accent);font-size:24px}.streak-wrap{margin:6px 0 16px}.streak-head{color:var(--accent);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:10px;font-size:14px;display:flex}.streak-head .btn{min-height:0;padding:7px 12px;font-size:12px}.streak-cal{flex-wrap:wrap;gap:5px;display:flex}.scell{border:2px solid var(--line);width:24px;height:24px;color:var(--muted);border-radius:4px;justify-content:center;align-items:center;font-size:11px;display:flex}.scell.win{background:var(--super);color:#fff;border-color:var(--frame)}.scell.lose{background:var(--weak);color:#fff}.scell.today{outline:2px solid var(--accent);outline-offset:1px}.result-actions{gap:10px;margin-top:14px;display:flex}.toast{background:var(--panel);border:3px solid var(--frame);box-shadow:0 0 0 3px var(--bg2);color:var(--text);opacity:0;pointer-events:none;z-index:10000;border-radius:6px;padding:12px 20px;font-size:13px;transition:opacity .2s;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.hdr-btn{background:var(--panel);color:var(--text);border:3px solid var(--frame);box-shadow:0 0 0 3px var(--bg2);cursor:pointer;border-radius:6px;padding:8px 12px;font-family:inherit;font-size:13px}.modal{z-index:10001;background:#03050fbd;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{background:var(--panel);border:3px solid var(--frame);box-shadow:0 0 0 3px var(--bg2), 6px 6px 0 #00000080;border-radius:8px;width:100%;max-width:480px;padding:22px}.modal-card h2{color:var(--accent);text-shadow:2px 2px #000;margin:0 0 6px;font-size:20px}.ob-lead{color:var(--muted);margin:0 0 14px;font-size:13px;line-height:1.6}.ob-steps{margin:0 0 14px;padding-left:20px;font-size:14px;line-height:1.9}.ob-steps li{margin-bottom:6px}.ob-example{background:var(--bg2);border:2px dotted var(--line);border-radius:6px;margin-bottom:18px;padding:12px 14px;font-size:14px;line-height:2.1}.ob-chip,.ob-tag{color:#fff;text-shadow:1px 1px #00000080;white-space:nowrap;border:2px solid #00000080;border-radius:4px;padding:3px 9px}.modal-card .btn{justify-content:center;width:100%}.name-input{box-sizing:border-box;background:var(--bg2);border:2px solid var(--frame);width:100%;color:var(--text);border-radius:6px;margin-bottom:10px;padding:12px;font-family:inherit;font-size:16px}.name-input:focus{border-color:var(--accent);outline:none}.name-error{color:#e88;margin:0 0 10px;font-size:12px}[class*=cl-]{letter-spacing:normal!important;-webkit-font-smoothing:antialiased!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Noto Sans JP,Arial,sans-serif!important}@media (width<=560px){h1{font-size:22px}main{padding:12px 12px 96px}header,.tabs{padding-left:12px;padding-right:12px}.tab{padding:8px 11px;font-size:13px}.chip{padding:9px 6px;font-size:13px}.chips{gap:6px}.seg{flex-direction:column}.seg button{width:100%}.answer-row{background:var(--panel);border-top:3px solid var(--frame);box-sizing:border-box;justify-content:space-between;width:auto;margin:12px -16px -14px;padding:12px 16px;position:sticky;bottom:0}.answer-row #submitAnswer{flex:1}}.chart-modal.svelte-1i7omju{flex-direction:column;max-width:820px;max-height:88vh;padding:16px;display:flex}.chart-modal-head.svelte-1i7omju{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.chart-modal-head.svelte-1i7omju h2:where(.svelte-1i7omju){white-space:nowrap;margin:0}.chart-modal-close.svelte-1i7omju{white-space:nowrap;flex:none;width:auto;padding:8px 12px;font-size:13px}.chart-modal-body.svelte-1i7omju{overflow-y:auto}