:root{--bg: #0e3b2e;--bg2: #135140;--felt: #1c6b54;--tile: #f4f1e6;--tile-edge: #ccc6ad;--ink: #2b2b2b;--accent: #ffcb05;--accent2: #3d7dca;--safe: #34c759;--danger: #e0392b;--shadow: rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at 50% 0%,var(--bg2),var(--bg));color:#f5f5f5;min-height:100vh}.app{width:100%;max-width:560px;margin:0 auto;padding:18px 14px 40px}.app-header{text-align:center}.app-header h1{margin:6px 0 0;font-size:2.4rem;letter-spacing:1px;color:var(--accent);text-shadow:2px 2px 0 var(--accent2),3px 3px 0 var(--shadow)}.tagline{margin:2px 0 14px;opacity:.85;font-size:.95rem}.tabs{display:inline-flex;gap:6px;margin-bottom:14px}.tab{background:var(--bg2);color:#e9e9e9;border:2px solid rgba(255,255,255,.15);padding:8px 22px;border-radius:999px;font-size:1rem;cursor:pointer;transition:all .15s}.tab.active{background:var(--accent);color:#2b2b2b;border-color:var(--accent);font-weight:700}.statusbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}.badge{background:var(--bg2);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:6px 12px;font-weight:600;font-size:.9rem}.badge-ok{background:#1e6e378c;border-color:#50dc8280}.badge-warn{background:#96540c99;border-color:#ffb4508c}.toggle{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;cursor:pointer}.btn{background:var(--accent2);color:#fff;border:none;border-radius:8px;padding:7px 14px;font-weight:600;cursor:pointer;font-size:.9rem}.btn:hover{filter:brightness(1.08)}.board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) minmax(0,1.1fr);gap:7px;width:100%;background:var(--felt);padding:10px;border-radius:14px;box-shadow:inset 0 0 0 3px #0003,0 8px 24px var(--shadow)}.tile{aspect-ratio:1 / 1;min-width:0;border-radius:9px;border:none;background:linear-gradient(160deg,var(--tile),var(--tile-edge));box-shadow:0 2px #00000040;position:relative;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:800;color:var(--ink);padding:0;overflow:hidden}.tile.clickable{cursor:pointer}.tile.clickable:hover{filter:brightness(1.04)}.tile.facedown{background:linear-gradient(160deg,#d23b3b,#a52121);color:#fff}.tile .back{font-size:1.1rem;opacity:.6}.tile .num{font-size:1.8rem}.tile.revealed{background:var(--tile)}.tile.revealed.voltorb,.tile.boom{background:radial-gradient(circle at 50% 38%,#c0392b 0,#c0392b 52%,#1b1b1b 53%,#1b1b1b);color:#fff}.volt-icon{font-size:1.7rem}.tile.val-1{color:#6b6b6b}.tile.val-2{color:#2a8f3c}.tile.val-3{color:#c47f00}.tile.revealed.autofilled{background:#d4d2cb}.tile.boom.autofilled{filter:grayscale(.45) brightness(.97)}.tile.hint-safe{box-shadow:0 0 0 3px var(--safe),0 2px #00000040}.tile.recommended{box-shadow:0 0 0 3px #fff,0 0 14px 3px #ffffffd9;animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 4px #fff,0 0 24px 7px #fffffff2}}.hints{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:4px;pointer-events:none}.pips{display:flex;gap:2px;flex-wrap:wrap}.pip{font-size:.62rem;line-height:1;background:#00000059;border-radius:3px;padding:1px 3px;font-weight:700}.pip-0{color:#ffd0d0}.risk{align-self:flex-end;font-size:.66rem;font-weight:800;background:#00000073;border-radius:4px;padding:1px 4px}.risk-low{background:#1e913ea8;color:#eafff0}.risk-mid{background:#ce9208ad;color:#fffaea}.risk-high{background:#580804b8;color:#ffdedb}.risk-zero{background:var(--safe);color:#07320f}.level-field{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:3px 6px 3px 12px}.level-field select{font:inherit;color:var(--ink);background:#fff;border:none;border-radius:999px;padding:3px 6px;cursor:pointer}.clue{background:#fff;color:#222;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;min-width:0;box-shadow:0 2px #00000040;aspect-ratio:1 / 1}.clue-sum-display{font-size:1.5rem;font-weight:800;line-height:1}.clue-volt{display:flex;align-items:center;gap:2px;border-top:2px solid #e3a300;margin-top:3px;padding-top:2px}.volt-mini{font-size:.8rem}.clue-vc-display{font-weight:700}.clue-sum,.clue-vc{width:100%;min-width:0;max-width:46px;text-align:center;border:1px solid #cbb682;border-radius:5px;font-size:1rem;font-weight:700;padding:2px 0;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.clue-vc{max-width:30px}.clue-sum::-webkit-outer-spin-button,.clue-sum::-webkit-inner-spin-button,.clue-vc::-webkit-outer-spin-button,.clue-vc::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.corner{background:transparent}.banner{border-radius:10px;padding:10px 14px;margin-bottom:12px;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.banner-hint{background:#3d7dca40;border:1px solid var(--accent2)}.banner-win{background:#34c75938;border:1px solid var(--safe)}.banner-lose{background:#e0392b38;border:1px solid var(--danger)}.banner-warn{background:#e0392b33;border:1px solid var(--danger)}.banner-info{background:#ffcb0529;border:1px solid var(--accent)}.hint-note{font-size:.85rem;opacity:.8;line-height:1.4;margin-top:14px}.hint-note.inline{flex:1;margin:0}.content{margin-top:34px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);font-size:.9rem;line-height:1.6;color:#f5f5f5db}.content h2{font-size:1.06rem;margin:22px 0 8px;color:var(--accent);letter-spacing:.2px}.content h2:first-child{margin-top:0}.content p{margin:0 0 10px}.content ul,.content ol{margin:0 0 10px;padding-left:20px}.content li{margin-bottom:7px}.content strong{color:#fff}.app-footer{text-align:center;font-size:.78rem;opacity:.6;margin-top:26px}@media(max-width:420px){.app{padding:14px 8px 32px}.board{gap:4px;padding:6px;border-radius:11px}.tile{border-radius:7px;font-size:1.2rem}.tile .num{font-size:1.3rem}.volt-icon{font-size:1.25rem}.clue{border-radius:7px;padding:2px}.clue-sum-display{font-size:1.05rem}.clue-sum,.clue-vc{font-size:.8rem;border-radius:4px}.clue-volt{gap:1px;margin-top:2px;padding-top:1px}.volt-mini{font-size:.62rem}.pip{font-size:.5rem;padding:0 2px}.risk{font-size:.55rem;padding:0 3px}.app-header h1{font-size:2rem}.tab{padding:7px 16px}}