:root{--bg: #16181f;--bg-2: #1e212a;--card: #262a33;--card-edge: #3a3f4b;--text: #e6e8ec;--muted: #9aa0ab;--heading: #e8cfa0;--green: #6cc79a;--green-deep: #4a9e78;--green-bg: #26382f;--red: #e08a7a;--red-deep: #b8543f;--red-bg: #3a2a26;--link: #e07ab0;--sheet: #2c303a;--sheet-edge: #454b58;--radius: 10px;color-scheme:dark}:root[data-theme=midnight]{--bg: #0a0c10;--bg-2: #12141a;--card: #171a21;--card-edge: #2b2f3a;--sheet: #1c2029;--sheet-edge: #333947}:root[data-theme=slate]{--bg: #232833;--bg-2: #2b313d;--card: #333a48;--card-edge: #4a5263;--sheet: #3a4150;--sheet-edge: #545d70;--muted: #a8aeba}:root[data-theme=light]{--bg: #f4eddc;--bg-2: #faf5e9;--card: #fdfaf2;--card-edge: #d9cdb2;--text: #2c2620;--muted: #8a8070;--heading: #7a5c1f;--green: #2f7d3f;--green-deep: #3e8a5a;--green-bg: #e8f2e4;--red: #c23b2b;--red-deep: #b8543f;--red-bg: #f7e6e0;--link: #b0447e;--sheet: #faf5e9;--sheet-edge: #d9cdb2;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Comic Sans MS,Chalkboard SE,Comic Neue,Segoe UI,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}ul{list-style:none;margin:0;padding:0}h1,h2,h3,p{margin:.3em 0}.home{max-width:560px;margin:0 auto;padding:20px 14px 60px}.brand h1{font-size:1.6rem;letter-spacing:.5px;color:var(--heading)}.tagline{color:var(--muted);font-size:.95rem}.feature-cards{display:flex;gap:10px;margin:18px 0;flex-wrap:wrap}.feature-card{flex:1 1 220px;background:var(--card);border:1px solid var(--card-edge);border-radius:var(--radius);padding:14px;text-align:left;transition:transform .15s,border-color .15s}.feature-card:hover{transform:translateY(-2px);border-color:var(--green-deep)}.daily-card{border-color:var(--green-deep)}.feature-label{color:var(--heading);font-size:.78rem;text-transform:uppercase;letter-spacing:1px}.feature-main{font-size:1.6rem;font-weight:700;margin:4px 0;display:flex;align-items:center;gap:8px}.feature-sub{color:var(--muted);font-size:.9rem}.diff-chip{font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:3px 8px;border-radius:20px;text-transform:uppercase;color:#fff;background:#555}.diff-1{background:#35704a}.diff-2{background:#4a7a38}.diff-3,.diff-4{background:#86762a}.diff-5{background:#96562a}.diff-6{background:#8f3a30}.diff-7{background:#6d2a52}.weeks{margin-top:18px}.weeks-head,.week-row{display:grid;grid-template-columns:44px repeat(7,1fr);gap:6px;margin-bottom:6px;align-items:center}.day-head{text-align:center;color:var(--muted);font-size:.75rem}.day-weekend{color:var(--heading);font-weight:700}.week-label{color:var(--muted);font-size:.75rem}.level-chip{display:flex;align-items:center;justify-content:center;height:38px;border-radius:8px;background:var(--card);border:1px solid var(--card-edge);font-size:.8rem;color:var(--muted)}.level-chip:hover{border-color:var(--green-deep);color:var(--text)}.chip-done{background:var(--green-bg);color:var(--green);border-color:#3c5c4a}.chip-perfect{background:#3a3324;color:var(--heading);border-color:#6d5c34}.chip-daily{outline:2px solid var(--heading);outline-offset:1px}.foot{margin-top:28px;color:var(--muted);font-size:.8rem;text-align:center;line-height:1.6}.brand-row{display:flex;align-items:center;justify-content:space-between}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat{background:var(--card);border:1px solid var(--card-edge);border-radius:9px;padding:8px 4px;text-align:center;display:flex;flex-direction:column}.stat strong{font-size:1.3rem}.stat span{color:var(--muted);font-size:.7rem}.stats-days li{display:flex;justify-content:space-between;padding:4px 2px;border-bottom:1px solid var(--card-edge);font-size:.88rem}.stats-days span{color:var(--muted)}.game{max-width:560px;margin:0 auto;padding:6px 8px 40px}.screen-msg{padding:40px;text-align:center;color:var(--muted)}.topbar{display:flex;align-items:center;gap:8px;padding:6px 2px 8px}.back{font-size:1.4rem;padding:2px 10px;border-radius:8px}.back:hover{background:var(--card)}.topbar-title{flex:1;font-size:.92rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--heading)}.topbar-actions{display:flex;align-items:center;gap:8px}.progress-counter{color:var(--muted);font-size:.82rem}.mistake-counter{color:var(--red);font-size:.85rem;min-width:14px;text-align:right}.icon-btn{font-size:1.1rem;padding:6px 8px;border-radius:8px}.icon-btn:hover{background:var(--card)}.board{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:7px;align-items:stretch}.card{position:relative;display:flex;flex-direction:column;min-height:clamp(96px,16dvh,150px);user-select:none;-webkit-user-select:none;border-radius:var(--radius);background:var(--card);border:1px solid var(--card-edge);overflow:hidden;transition:border-color .15s,background .2s}.card-person{width:100%;padding:clamp(9px,1.6dvh,14px) 4px 3px;display:flex;flex-direction:column;align-items:center;gap:1px}.avatar{border-radius:8px;width:clamp(28px,4.4dvh,44px);height:clamp(28px,4.4dvh,44px)}.card-name{font-weight:700;font-size:clamp(.62rem,1.55dvh,.84rem);margin-top:2px}.name-unknown{color:var(--text)}.name-innocent{color:var(--green)}.name-criminal{color:var(--red)}.cb-mark{font-size:.75em}.card-occ{color:var(--muted);font-size:clamp(.55rem,1.3dvh,.7rem);text-transform:lowercase}.card-innocent{background:var(--green-bg);border-color:#3c5c4a}.card-criminal{background:var(--red-bg);border-color:#6a4038}.card-clue{width:100%;text-align:center;padding:3px 5px 6px;font-size:clamp(.55rem,1.25dvh,.72rem);line-height:1.28;color:var(--text);transition:opacity .2s;position:relative;cursor:pointer}.hl-name{font-style:normal;font-weight:700;color:#86b8e8}.hl-occ{font-style:normal;font-weight:700;color:#c39ae0}.hl-loc{font-style:normal;font-weight:700;color:var(--heading)}.clue-dimmed{opacity:.3}.clue-new{animation:clueIn .5s ease-out}@keyframes clueIn{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}.cell-coord{position:absolute;top:4px;left:6px;font-size:.62rem;font-weight:600;color:var(--muted);letter-spacing:.5px;z-index:2;pointer-events:none;opacity:.8}.tag-dot{position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--card-edge);background:transparent;z-index:2}.tag-dot-b{top:auto;bottom:4px}.tag-yellow{background:#e0c34e;border-color:#b89a2c}.tag-red{background:#d0604e;border-color:#a53f2f}.tag-green{background:#56b273;border-color:#3a8a54}.tag-blue{background:#5583c9;border-color:#3a5f9a}.tag-purple{background:#9a6bbf;border-color:#714a90}.tag-orange{background:#e0954e;border-color:#b06f2c}.tag-none{background:transparent}.tag-palette{position:absolute;top:22px;right:3px;z-index:15;display:flex;flex-wrap:wrap;gap:5px;width:78px;background:var(--bg-2);border:1px solid var(--card-edge);border-radius:9px;padding:6px;box-shadow:0 4px 14px #0006}.tag-palette-bottom{top:auto;bottom:22px}.tag-dot-static{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--card-edge)}.left-handed .tag-dot{right:auto;left:4px}.left-handed .cell-coord{left:auto;right:6px}.left-handed .tag-palette{right:auto;left:3px}.left-handed .tag-dot-b{right:auto;left:4px}.txt-bounce{animation:nameBounce .55s ease}.card-name,.card-occ{display:inline-block}@keyframes nameBounce{0%,to{transform:translateY(0)}30%{transform:translateY(-4px)}60%{transform:translateY(1.5px)}}.card-clue-selected{border-color:#86b8e8}.card-clue-selected .card-clue{background:#2a3442}.card-hint-clue{border-color:var(--heading);animation:hintPulse 1s ease-in-out infinite}.card-hint-target{border-color:var(--heading);border-width:2px;animation:hintPulse 1s ease-in-out infinite}@keyframes hintPulse{0%,to{box-shadow:0 0 #e8cfa055}50%{box-shadow:0 0 0 7px #e8cfa018}}.card-shake{animation:shake .45s}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.no-motion .card-hint-clue,.no-motion .card-hint-target,.no-motion .card-shake,.no-motion .clue-new,.no-motion .txt-bounce{animation:none!important}.card-picking{z-index:12}.pick-backdrop{position:fixed;inset:0;z-index:10;background:#0009}.pick-overlay{position:absolute;inset:0;z-index:13;display:flex;flex-direction:column}.pick-btn{flex:1;font-weight:800;font-size:.72rem;letter-spacing:.5px}.pick-criminal{background:#b8543fee;color:#fff}.pick-innocent{background:#4a9e78ee;color:#fff}.pick-btn:hover{filter:brightness(1.1)}.toolbar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 6px}.tool-btn{padding:8px 14px;border-radius:8px;background:var(--card);border:1px solid var(--card-edge);font-size:.85rem;color:var(--text);transition:border-color .12s}.tool-btn:hover:not(:disabled){border-color:var(--muted)}.tool-btn:disabled{color:#5a5f6a;border-color:#2c3038;cursor:default}.tool-btn.tool-active{border-color:#86b8e8;color:#86b8e8}.hint-count{font-size:.6rem;color:var(--heading);font-weight:700}.daily-line{text-align:center;color:var(--heading);font-size:.95rem;margin-top:14px}.daily-line strong{color:var(--text)}.week-note{text-align:center;color:var(--muted);font-size:.85rem}.weekday-row{display:flex;justify-content:center;gap:7px;margin:8px 0 4px}.weekday-btn{padding:7px 10px;border-radius:8px;background:var(--card);border:1px solid var(--card-edge);font-size:.8rem;color:var(--text)}.weekday-btn:hover:not(:disabled){border-color:var(--muted)}.weekday-btn:disabled{color:#5a5f6a;border-color:#2c3038;cursor:default}.weekday-today{text-decoration:underline;text-underline-offset:3px;color:var(--heading);font-weight:700}.archive-link{display:block;text-align:center;color:var(--muted);font-size:.85rem;margin-top:10px}.archive-link em{color:var(--link);font-style:normal}.daily-chip{font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:3px 8px;border-radius:20px;text-transform:uppercase;color:var(--heading);border:1px solid var(--heading)}.coach-bar{position:fixed;bottom:10px;left:50%;transform:translate(-50%);z-index:22;max-width:92vw;width:540px;background:var(--green-bg);color:var(--text);border:1.5px solid var(--green-deep);font-size:.85rem;line-height:1.45;padding:10px 14px;border-radius:10px;box-shadow:0 4px 14px #0007}.coach-bar strong{color:var(--green)}.inspect-note{position:fixed;bottom:10px;left:50%;transform:translate(-50%);z-index:20;max-width:92vw;background:var(--bg-2);color:var(--text);border:1px solid var(--card-edge);font-size:.78rem;line-height:1.4;padding:8px 14px;border-radius:10px;box-shadow:0 4px 14px #0007}.dim-collapse .card-clue.clue-dimmed{height:15px;overflow:hidden;padding-top:1px;padding-bottom:0;opacity:.55}.dim-collapse .card-clue.clue-dimmed em,.dim-collapse .card-clue.clue-dimmed span{opacity:.25}.overlay{position:fixed;inset:0;z-index:50;background:#0009;display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(2px)}.sheet{width:100%;max-width:380px;background:var(--sheet);border:1px solid var(--sheet-edge);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 40px #000a;text-align:center;max-height:calc(100dvh - 36px);overflow-y:auto}.sheet h2,.sheet h3{color:var(--text)}.sheet-sub{color:var(--muted)}.verdict-row{display:flex;gap:10px}.btn{flex:1;padding:12px 10px;border-radius:8px;font-weight:700;letter-spacing:.3px;border:1.5px solid var(--card-edge);background:transparent;color:var(--text);transition:transform .1s,filter .1s}.btn:hover{filter:brightness(1.2)}.btn:active{transform:scale(.97)}.btn-gold{background:var(--green-deep);border-color:var(--green-deep);color:#fff}.btn-outline-green{border-color:var(--green-deep);color:var(--green);background:transparent}.btn-primary{background:#2c3a52;border-color:#5583c9;color:#a9c4ec}.btn-ghost{border-color:transparent;color:var(--muted)}.btn-criminal-solid{background:var(--red-deep);border-color:var(--red-deep);color:#fff}.sheet-win{text-align:center}.win-sub{color:var(--muted)}.win-stats{font-size:1.05rem}.copied-note{color:var(--green);font-size:.85rem}.setting-row{display:flex;gap:8px;align-items:center;padding:6px 0;text-align:left}.theme-row{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.rules{color:var(--muted);font-size:.86rem;line-height:1.5;padding-left:18px;list-style:disc;text-align:left}@media (max-width: 460px){.game{padding:4px 5px 24px}.board{gap:5px}.topbar{padding:4px 2px 6px;gap:6px}.topbar-title{font-size:.82rem;gap:6px}.toolbar{gap:6px;margin:10px 0 4px}.tool-btn{padding:7px 10px;font-size:.78rem}.weekday-btn{padding:6px 8px;font-size:.75rem}.cell-coord{font-size:.55rem;top:3px;left:4px}.tag-dot{width:14px;height:14px}}