:root{color-scheme:light dark;--bg: #ffffff;--fg: #1a1a1b;--fg-muted: #6e6e73;--card-bg: #ffffff;--card-border: #d3d6da;--card-shadow: 0 1px 3px rgb(0 0 0 / .12);--accent: #1a1a1b;--accent-fg: #ffffff;--green: #6aaa64;--yellow: #c9b458;--red: #d05c5c;--slot-outline: #e3e5e8;--link: #3a6ea8;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.4;-webkit-text-size-adjust:100%}@media(prefers-color-scheme:dark){:root{--bg: #121213;--fg: #f5f5f6;--fg-muted: #9a9a9f;--card-bg: #1e1e20;--card-border: #3a3a3c;--card-shadow: 0 1px 3px rgb(0 0 0 / .5);--accent: #f5f5f6;--accent-fg: #121213;--green: #538d4e;--yellow: #b59f3b;--red: #b05050;--slot-outline: #2a2a2c;--link: #8ab4e8}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}#app{max-width:480px;margin:0 auto;padding:0 16px 48px}header{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.mode-tabs{display:flex;gap:18px;border-bottom:1px solid var(--card-border);margin-bottom:10px}.mode-tab{text-decoration:none;color:var(--fg-muted);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:6px 2px 7px;border-bottom:2.5px solid transparent;margin-bottom:-1px}.mode-tab:hover{color:var(--fg)}.mode-tab.active{color:var(--fg);border-bottom-color:var(--green)}header h1{font-size:1.35rem;font-weight:800;letter-spacing:.02em;margin:0;text-transform:uppercase}header .puzzle-num{color:var(--fg-muted);font-weight:600}.icon-btn{background:none;border:1px solid var(--card-border);border-radius:8px;color:var(--fg);font-size:1.1rem;padding:4px 10px;cursor:pointer}.tagline{color:var(--fg-muted);font-size:.9rem;margin:0 0 14px}.rank-label{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);margin:8px 0}.rank-label:after{content:"";flex:1;height:1px;background:var(--card-border)}.rank-label.top{color:var(--green)}.rank-label.bottom{color:var(--red)}#card-area{position:relative;touch-action:none}.slot-ghost{position:absolute;left:0;right:0;border:1.5px dashed var(--slot-outline);border-radius:12px;display:flex;align-items:center;justify-content:flex-end;padding-right:12px;color:var(--slot-outline);font-weight:800;font-size:1.1rem;pointer-events:none}.card{position:absolute;left:0;right:0;background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:12px;box-shadow:var(--card-shadow);padding:10px 14px;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;transition:transform .18s ease;display:flex;flex-direction:column;justify-content:center;gap:2px}.card.dragging{transition:none;z-index:10;cursor:grabbing;box-shadow:0 8px 20px #00000040;border-color:var(--fg-muted)}.card .statement{font-size:.86rem;color:var(--fg-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .value{font-size:1.15rem;font-weight:800;font-variant-numeric:tabular-nums}.card .value .unit{font-size:.85rem;font-weight:600;color:var(--fg-muted)}.card .grip{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--card-border);font-size:1rem;letter-spacing:2px}.primary-btn{display:block;width:100%;margin:18px 0 0;padding:14px;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border:none;border-radius:12px;background:var(--accent);color:var(--accent-fg);cursor:pointer}.primary-btn:active{transform:scale(.99)}#reveal-list{display:flex;flex-direction:column;gap:10px}.reveal-card{background:var(--card-bg);border:1.5px solid var(--card-border);border-left:6px solid var(--card-border);border-radius:12px;box-shadow:var(--card-shadow);padding:10px 14px;opacity:0;transform:perspective(600px) rotateX(-90deg);animation:flip-in .45s ease forwards}.reveal-card.sq-green{border-left-color:var(--green)}.reveal-card.sq-yellow{border-left-color:var(--yellow)}.reveal-card.sq-red{border-left-color:var(--red)}@keyframes flip-in{0%{opacity:0;transform:perspective(600px) rotateX(-90deg)}to{opacity:1;transform:perspective(600px) rotateX(0)}}.reveal-card .top-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.reveal-card .statement{font-size:.86rem;color:var(--fg-muted)}.reveal-card .badge{flex-shrink:0;font-size:.8rem;font-weight:800;padding:2px 8px;border-radius:999px;color:#fff;background:var(--red);white-space:nowrap}.reveal-card .badge.exact{background:var(--green)}.reveal-card .values{font-size:.98rem;margin:4px 0 2px;font-variant-numeric:tabular-nums}.reveal-card .values .shown{text-decoration:line-through;color:var(--fg-muted)}.reveal-card .values .shown.was-exact{text-decoration:none}.reveal-card .values .truth{font-weight:800}.reveal-card .source{font-size:.78rem;color:var(--fg-muted)}.reveal-card .source a{color:var(--link);text-decoration:none}.reveal-card .source a:hover{text-decoration:underline}#result-panel{margin-top:20px;padding:16px;border:1.5px solid var(--card-border);border-radius:12px;background:var(--card-bg);text-align:center;opacity:0;animation:fade-up .4s ease forwards}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#result-panel .tier{font-size:1.3rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin:0}#result-panel .squares{font-size:1.6rem;letter-spacing:3px;margin:8px 0}#result-panel .streak{color:var(--fg-muted);font-size:.9rem;margin:0 0 6px}#result-panel .share-preview{text-align:left;display:inline-block;margin:8px auto;padding:8px 14px;border:1px dashed var(--card-border);border-radius:8px;font-size:.85rem;color:var(--fg-muted);white-space:pre;font-family:inherit}#result-panel .btn-row{display:flex;gap:10px;margin-top:8px}#result-panel .btn-row .primary-btn{margin:0;flex:1}#result-panel .secondary-btn{flex:1;padding:14px;font-size:.95rem;font-weight:700;border:1.5px solid var(--card-border);border-radius:12px;background:none;color:var(--fg);cursor:pointer}dialog#stats-modal{border:1.5px solid var(--card-border);border-radius:16px;background:var(--bg);color:var(--fg);padding:20px;width:min(90vw,360px)}dialog#stats-modal::backdrop{background:#00000080}#stats-modal h2{margin:0 0 12px;font-size:1.05rem;text-transform:uppercase;letter-spacing:.06em}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center;margin-bottom:16px}.stat-grid .num{font-size:1.5rem;font-weight:800}.stat-grid .lbl{font-size:.68rem;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em}.histo{display:flex;flex-direction:column;gap:3px;margin-bottom:16px}.histo-row{display:flex;align-items:center;gap:8px;font-size:.78rem;font-variant-numeric:tabular-nums}.histo-row .pts{width:18px;text-align:right;color:var(--fg-muted)}.histo-row .bar{height:16px;min-width:20px;border-radius:3px;background:var(--card-border);color:var(--fg);display:flex;align-items:center;justify-content:flex-end;padding-right:5px;font-weight:700}.histo-row .bar.filled{background:var(--green);color:#fff}#stats-modal .close-btn{width:100%;padding:10px;border:none;border-radius:10px;background:var(--accent);color:var(--accent-fg);font-weight:700;cursor:pointer}.error-box{margin-top:24px;padding:16px;border:1.5px solid var(--red);border-radius:12px;color:var(--red)}