@font-face{font-family:Archivo;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/archivo-latin-600-normal.woff2) format("woff2")}@font-face{font-family:Archivo;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/archivo-latin-700-normal.woff2) format("woff2")}@font-face{font-family:Chivo Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/chivo-mono-latin-400-normal.woff2) format("woff2")}:root{color-scheme:light dark;--bg: #fbfaf5;--grid-line: #dce9ef;--fg: #22262b;--fg-muted: #6b7076;--card-bg: #ffffff;--card-border: #c6ccd0;--card-shadow: 0 1px 3px rgb(30 40 50 / .14);--accent: #e0631f;--accent-fg: #ffffff;--green: #2f7d5a;--yellow: #c07f16;--red: #c2452e;--slot-outline: #c9d8e0;--link: #3a7ca5;font-family:Archivo,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.4;-webkit-text-size-adjust:100%}@media(prefers-color-scheme:dark){:root{--bg: #16283a;--grid-line: #1f3549;--fg: #e7eef4;--fg-muted: #92a5b5;--card-bg: #1c3145;--card-border: #38536b;--card-shadow: 0 1px 3px rgb(0 0 0 / .5);--accent: #f0813a;--accent-fg: #16283a;--green: #5cb98d;--yellow: #d9a13f;--red: #e0705a;--slot-outline: #2c4459;--link: #8ab4d8}}*{box-sizing:border-box}html{height:100%}body{margin:0;height:100%;background:repeating-linear-gradient(to right,transparent 0,transparent 23px,var(--grid-line) 23px,var(--grid-line) 24px),repeating-linear-gradient(to bottom,transparent 0,transparent 23px,var(--grid-line) 23px,var(--grid-line) 24px),var(--bg);color:var(--fg)}.mono,.card .value,.reveal-card .values,.reveal-card .badge,#result-panel .squares,#result-panel .share-preview,.stat-grid .num,.histo-row{font-family:Chivo Mono,ui-monospace,Consolas,monospace}#app{max-width:480px;margin:0 auto;padding:0 16px calc(12px + env(safe-area-inset-bottom))}#app.ranking{height:100dvh;overflow:hidden;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;padding:8px 0;flex:0 0 auto}.mode-tabs{display:flex;gap:16px;border-bottom:1px solid var(--card-border);margin-bottom:8px;flex:0 0 auto}.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(--accent)}header h1{font-size:1.35rem;font-weight:700;letter-spacing:.02em;margin:0;text-transform:uppercase}header .puzzle-num{color:var(--fg-muted);font-weight:600}.icon-btn{background:var(--card-bg);border:1px solid var(--card-border);border-radius:4px;color:var(--fg);font-size:1.15rem;font-family:Chivo Mono,ui-monospace,monospace;padding:2px 10px 4px;cursor:pointer}.tagline{color:var(--fg-muted);font-size:.85rem;margin:0 0 10px;flex:0 0 auto}.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:5px 0;flex:0 0 auto}.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{flex:1 1 auto;min-height:0;display:flex;align-items:center;overflow:hidden}#card-track{position:relative;width:100%;touch-action:none}.slot-ghost{position:absolute;left:0;right:0;border:1.5px dashed var(--slot-outline);border-radius:4px;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:4px;box-shadow:var(--card-shadow);padding:6px 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:1px;overflow:hidden}.card.dragging{transition:none;z-index:10;cursor:grabbing;box-shadow:0 8px 20px #00000040;border-color:var(--accent)}.card .statement{font-size:.8rem;line-height:1.25;color:var(--fg-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .value{font-size:1.05rem;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.card .value .unit{font-size:.85rem;font-weight:400;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%;flex:0 0 auto;margin:10px 0 0;padding:12px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:none;border-radius:4px;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:4px;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:.78rem;font-weight:700;padding:2px 8px;border-radius:3px;color:#fff;background:var(--red);white-space:nowrap}.reveal-card .badge.exact{background:var(--green)}.reveal-card .values{font-size:.95rem;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:700}.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:4px;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:700;text-transform:uppercase;letter-spacing:.05em;margin:0}#result-panel .squares{font-size:1.5rem;letter-spacing:6px;margin:8px 0;color:var(--accent)}#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:4px;font-size:.85rem;color:var(--fg-muted);white-space:pre}#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:4px;background:none;color:var(--fg);cursor:pointer}dialog#stats-modal{border:1.5px solid var(--card-border);border-top:4px solid var(--accent);border-radius:4px;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:400}.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:2px;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(--accent);color:var(--accent-fg)}#stats-modal .close-btn{width:100%;padding:10px;border:none;border-radius:4px;background:var(--fg);color:var(--bg);font-weight:700;cursor:pointer}.error-box{margin-top:24px;padding:16px;border:1.5px solid var(--red);border-radius:4px;color:var(--red)}