.guess-the-rule-page{--gtr-green: #35e39a;--gtr-green-ink: #0b0d0f;--gtr-red: #c62828;--gtr-blue: #53a6ff;--gtr-yellow: #ffe872;--gtr-card-ground: #121317;--gtr-box-body: #17181c;--gtr-box-bevel: #2a2d33;--gtr-surprise-face: #efeae0;--gtr-surprise-ink: #7a1f1f;--gtr-hairline: #050506;--gtr-box-body-end: #101114;--gtr-slot-bg: #0c0d10;--gtr-lens-dark: #1c1e22;--gtr-lens-lit: #7dffcb;--color-primary: var(--gtr-green);--color-on-primary: var(--gtr-green-ink);--guess-the-rule-frame-width: 720px}.guess-the-rule-page .tool-frame{max-width:var(--guess-the-rule-frame-width)}.guess-the-rule-page .tool-header-block{max-width:560px}.guess-the-rule-page .page-title{max-width:12ch;font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.05}.guess-the-rule-page .page-subtitle{max-width:46ch}.gtr{display:flex;flex-direction:column;gap:12px}.guess-the-rule-page .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.gtr button,.gtr-shape-slot{touch-action:manipulation;user-select:none}.gtr-topline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.gtr-daily-info{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--color-text-muted);flex-wrap:wrap}.gtr-daily-info strong{color:var(--color-text);font-variant-numeric:tabular-nums}.gtr-daily-stat{white-space:nowrap}.gtr-daily-sep{opacity:.5;margin-right:8px}.gtr-mode-switch{display:flex;gap:4px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:999px;padding:3px}.gtr-mode-btn{border:none;background:transparent;color:var(--color-text-muted);font-size:.9rem;font-weight:600;padding:6px 14px;border-radius:999px;cursor:pointer;min-height:44px;touch-action:manipulation}.gtr-mode-btn.is-active{background:var(--color-surface-3);color:var(--color-text)}.gtr-mode-btn[data-mode-btn=daily]{font-weight:700}.gtr-mode-btn[data-mode-btn=practice]{font-weight:500;font-size:.875rem}.gtr-tier-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.gtr-tier-caption{font-size:.875rem;color:var(--color-text-faint);margin-right:2px}.gtr-tier-chip{border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-muted);border-radius:8px;padding:5px 11px;font-size:.875rem;cursor:pointer;min-height:32px}.gtr-tier-chip.is-active{border-color:var(--gtr-green);color:var(--color-text)}.gtr-tier-progress{margin-left:auto;font-size:.8125rem;color:var(--color-text-faint);font-variant-numeric:tabular-nums}.gtr-storage-note{margin:0;padding:8px 12px;border-radius:10px;border:1px solid var(--color-warning);color:var(--color-text);background:color-mix(in srgb,var(--color-warning) 14%,transparent);font-size:.875rem}.gtr-box{position:relative;background:linear-gradient(180deg,var(--gtr-box-body),var(--gtr-box-body-end));border:1px solid var(--gtr-hairline);border-radius:20px;padding:14px 14px 16px;box-shadow:inset 0 1px 0 var(--gtr-box-bevel),0 10px 28px #00000073}.gtr-box[data-jolt="1"]{animation:gtr-jolt .32s ease}@keyframes gtr-jolt{0%{transform:translate(0)}20%{transform:translate(-4px) rotate(-.4deg)}45%{transform:translate(3px) rotate(.3deg)}70%{transform:translate(-2px)}to{transform:translate(0) rotate(0)}}.gtr-box-warming{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:20px;background:#0a0b0db8;color:var(--color-text-muted);font-size:.875rem;z-index:3;animation:gtr-breathe 1.6s ease-in-out infinite}.gtr-box-warming[hidden]{display:none}@keyframes gtr-breathe{0%,to{opacity:.55}50%{opacity:.95}}@media(prefers-reduced-motion:reduce){.gtr-box-warming{animation:none}}.gtr-box-lid{display:flex;flex-direction:column;gap:6px}.gtr-examples-label{margin:0;font-size:.875rem;color:var(--color-text-faint);text-align:center}.gtr-examples{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.gtr-examples .gtr-mini-card{border-color:var(--gtr-green);box-shadow:0 0 0 1px #35e39a40}.gtr-slots{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}.gtr-slots[hidden]{display:none}.gtr-slot{min-height:48px;border:none;border-radius:10px;background:var(--gtr-slot-bg);color:var(--color-text);font-size:.875rem;font-weight:700;cursor:pointer;box-shadow:inset 0 2px 6px #000c,inset 0 -1px #ffffff08;border:1px solid var(--gtr-hairline);transition:transform .12s ease,box-shadow .12s ease}.gtr-slot:not(:disabled):active{transform:translateY(2px) scale(.99)}.gtr-slot:disabled{color:var(--color-text-faint);cursor:not-allowed;opacity:.55}.gtr-declare-hint{margin:0;font-size:.875rem;color:var(--color-text-faint);text-align:center}.gtr-slots-done{display:none;width:100%;min-height:48px;margin-top:2px;border-radius:10px;border:1px solid var(--gtr-green);background:transparent;color:var(--gtr-green);font-size:.9375rem;font-weight:700;cursor:pointer}.gtr-slots-done:not([hidden]){display:block}.gtr-slot--yes{box-shadow:inset 0 2px 6px #000c,inset 0 0 0 1px #35e39a26}.gtr-box-face{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.gtr-lens{height:34px;border-radius:50%;width:34px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,var(--gtr-lens-dark),var(--gtr-hairline) 70%);border:1px solid var(--gtr-hairline);color:transparent;font-weight:800;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.gtr-lens.is-lit{color:var(--gtr-green-ink);background:radial-gradient(circle at 35% 30%,var(--gtr-lens-lit),var(--gtr-green) 70%);box-shadow:0 0 16px 2px #35e39aa6}.gtr-composer{display:flex;flex-direction:column;align-items:center;gap:8px}.gtr-card{display:flex;align-items:center;justify-content:center;gap:8px;min-height:62px;min-width:220px;padding:8px 16px;background:var(--gtr-card-ground);border:1px solid #05060a;border-radius:14px;box-shadow:inset 0 0 0 1px #ffffff05}.gtr-card--composer{width:100%;max-width:340px;cursor:default;position:relative}.gtr-card--empty:after{content:""}.gtr-shape-slot{border:none;background:transparent;padding:4px;border-radius:8px;display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;cursor:pointer}.gtr-shape-slot.is-selected{box-shadow:0 0 0 2px var(--gtr-lens-lit),0 0 0 5px #7dffcb4d;background:#7dffcb29}.gtr-mini-card{display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:6px 8px;background:var(--gtr-card-ground);border:1px solid #05060a;border-radius:8px;min-height:40px}.gtr-inline-hint{margin:0;color:var(--color-text-muted);font-size:.875rem;text-align:center}.gtr-inline-hint[data-tone=warn]{color:var(--color-warning)}.gtr-inline-hint[data-tone=editing]{color:var(--gtr-lens-lit)}#gtrEmptyHint{font-size:1rem;font-weight:700;color:var(--color-text)}#gtrEmptyHint[data-tone=warn]{color:var(--color-warning)}.gtr-composer-label{margin:0;color:var(--color-text-faint);font-size:.875rem;text-align:center}.gtr-composer-controls{display:flex;flex-direction:column;gap:8px;align-items:center}.gtr-control-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center}.gtr-control-sep{width:1px;height:24px;background:var(--color-border);margin:0 2px}.gtr-swatch{display:inline-flex;align-items:center;justify-content:center;min-width:60px;height:32px;min-height:44px;padding:0 12px;border-radius:999px;border:2px solid transparent;cursor:pointer}.gtr-swatch[data-colour="0"]{background:var(--gtr-red)}.gtr-swatch[data-colour="1"]{background:var(--gtr-blue)}.gtr-swatch[data-colour="2"]{background:var(--gtr-yellow)}.gtr-swatch.is-active{border-color:var(--color-text)}.gtr-swatch-name{font-size:.875rem;font-weight:700}.gtr-swatch[data-colour="0"] .gtr-swatch-name{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.35)}.gtr-swatch[data-colour="1"] .gtr-swatch-name,.gtr-swatch[data-colour="2"] .gtr-swatch-name{color:#1a1400}.gtr-size-btn,.gtr-kind-btn,.gtr-mini-btn{min-width:44px;min-height:44px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);cursor:pointer;font-size:1rem}.gtr-size-btn{width:auto;padding:0 12px;font-size:.9rem;font-weight:600}.gtr-size-btn.is-active,.gtr-kind-btn:focus-visible{border-color:var(--gtr-green)}.gtr-kind-btn:disabled{opacity:.4;cursor:not-allowed}.gtr-kind-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0}.gtr-kind-plus{position:absolute;right:2px;bottom:0;font-size:11px;line-height:1;font-weight:800;color:var(--gtr-green);pointer-events:none}.gtr-kind-swap{position:absolute;right:2px;bottom:0;font-size:11px;line-height:1;font-weight:800;color:var(--gtr-lens-lit);pointer-events:none}.gtr-mini-btn{font-size:.875rem;padding:0 12px}.gtr-declare-btn{align-self:center;min-height:44px;padding:0 20px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-muted);font-size:.9rem;cursor:pointer;touch-action:manipulation}.gtr-declare-btn:hover{color:var(--color-text)}.gtr-result-line{margin:0;min-height:1.3em;font-size:.9rem;text-align:center;color:var(--color-text-muted)}.gtr-result-line:empty{visibility:hidden}.gtr-result-line[data-tone=quiet]{color:var(--color-text-muted);font-weight:500}.gtr-result-line[data-tone=surprise]{color:#ff5a5a;font-weight:800;font-size:1rem;animation:gtr-result-pop .38s ease}.gtr-result-line[data-tone=fail]{color:var(--color-warning);font-weight:600}.gtr-nowrap{white-space:nowrap}@keyframes gtr-result-pop{0%{transform:scale(.92);opacity:.3}60%{transform:scale(1.04)}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.gtr-result-line[data-tone=surprise]{animation:none}}@keyframes gtr-streak-pop{0%{transform:scale(1)}45%{transform:scale(1.35)}to{transform:scale(1)}}#gtrStreak.is-record{display:inline-block;color:var(--gtr-green);animation:gtr-streak-pop .52s ease}@media(prefers-reduced-motion:reduce){#gtrStreak.is-record{animation:none}}.gtr-piles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gtr-pile-title{margin:0 0 8px;font-size:.875rem;color:var(--color-text-muted);display:flex;align-items:baseline;gap:6px}.gtr-pile-count{font-variant-numeric:tabular-nums;color:var(--color-text);font-weight:700}.gtr-pile-list{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto;overflow-anchor:none;overscroll-behavior:contain;padding:4px;border-radius:12px;background:#ffffff05}.gtr-pile-item{display:flex;align-items:center;gap:6px;position:relative}.gtr-pile-item .gtr-mini-card{transition:transform .42s ease,opacity .42s ease}.gtr-pile-item.is-surprise .gtr-mini-card{background:var(--gtr-surprise-face);box-shadow:0 0 0 2px #ff5a5a}.gtr-pile-item.is-surprise .gtr-mini-card svg{filter:none}.gtr-pile-tag{font-size:.875rem;padding:1px 6px;border-radius:999px;border:1px solid var(--color-border);color:var(--color-text-faint);white-space:nowrap}.gtr-pile-tag--example{color:var(--color-text-muted)}.gtr-pile-tag--examWrong{color:var(--color-danger);border-color:var(--color-danger)}.gtr-pile-tag--dup{color:var(--color-text-faint)}.gtr-pile-tag--surprise{color:#ff5a5a;border-color:#ff5a5a;font-weight:700}@media(prefers-reduced-motion:reduce){.gtr-pile-item .gtr-mini-card{transition:none}}.gtr-overlay{display:flex;position:fixed;inset:0;z-index:60;align-items:center;justify-content:center;padding:16px;background:#050608eb;overflow-y:auto;overscroll-behavior:contain}.gtr-overlay[hidden]{display:none}.gtr-exam-sheet,.gtr-reveal-sheet{width:100%;max-width:420px;max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;border-radius:16px;padding:18px;background:var(--color-surface-2);border:1px solid var(--color-border);box-shadow:0 20px 60px #00000080}#gtrRevealOverlay{perspective:900px}.gtr-reveal-sheet--box{background:linear-gradient(180deg,var(--gtr-box-body),var(--gtr-box-body-end));border:1px solid var(--gtr-hairline);box-shadow:inset 0 1px 0 var(--gtr-box-bevel),0 20px 60px #0009;transform-origin:top center;animation:gtr-hinge-open .42s cubic-bezier(.2,.9,.3,1)}@keyframes gtr-hinge-open{0%{transform:rotateX(-82deg);opacity:.15}to{transform:rotateX(0);opacity:1}}@media(prefers-reduced-motion:reduce){.gtr-reveal-sheet--box{animation:none}}.gtr-exam-sheet{overflow:hidden;padding-bottom:0}.gtr-exam-grid{overflow-y:auto;overscroll-behavior:contain;flex:1 1 auto;min-height:0;padding-bottom:4px}.gtr-exam-sticky-bar{flex:none;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;padding:10px 18px 16px;margin:0 -18px;background:var(--color-surface-2);border-top:1px solid var(--color-border)}.gtr-exam-sticky-bar #gtrExamBackBtn{order:3;flex:1 0 100%;color:var(--color-text-faint);background:transparent;border-color:transparent}.gtr-exam-progress{font-size:.875rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.gtr-exam-title,.gtr-reveal-title{margin:0;font-size:1.1rem}.gtr-exam-hint{margin:0;color:var(--color-text-muted);font-size:.875rem}.gtr-exam-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gtr-exam-card{border:1px solid var(--color-border);border-radius:12px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:6px;outline:none}.gtr-exam-toggle{display:flex;gap:6px;width:100%}.gtr-exam-toggle button{flex:1;min-height:44px;touch-action:manipulation;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface-3);color:var(--color-text-muted);font-size:.875rem;cursor:pointer}.gtr-exam-toggle button.is-selected{background:var(--gtr-green);color:var(--gtr-green-ink);border-color:var(--gtr-green);font-weight:700}.gtr-exam-submit{align-self:center;min-height:44px;padding:0 22px;border-radius:10px;border:none;background:var(--gtr-green);color:var(--gtr-green-ink);font-weight:700;font-size:.9375rem;cursor:pointer}.gtr-exam-submit:disabled{opacity:.4;cursor:not-allowed}.gtr-reveal-rule{font-size:1.05rem;font-weight:700;margin:0;color:var(--gtr-green);text-shadow:0 0 10px rgba(53,227,154,.35)}.gtr-reveal-decoy{margin:0;color:var(--color-text-muted);font-size:.875rem}.gtr-reveal-detective{margin:0;font-size:.9rem;font-weight:600;color:var(--gtr-lens-lit)}.gtr-reveal-detective:empty{display:none}.gtr-ledger{display:flex;flex-direction:column;gap:6px;padding:8px;background:#ffffff08;border-radius:10px}.gtr-ledger-row-wrap{display:flex;align-items:center;gap:8px;overflow-x:auto}.gtr-ledger-label{flex:none;width:76px;font-size:.875rem;color:var(--color-text-faint)}.gtr-ledger-row{display:flex;gap:4px}.gtr-ledger-cell{min-width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.875rem;background:var(--color-surface-3);color:var(--color-text-muted);flex:none}.gtr-ledger-cell.is-surprise{background:var(--gtr-surprise-face);color:var(--gtr-surprise-ink);font-weight:800}.gtr-ledger-counts{margin:0;font-size:.875rem;color:var(--color-text)}.gtr-reveal-count{margin:0;font-size:1rem;font-weight:700}.gtr-reveal-wason{margin:0;color:var(--color-text-muted);font-size:.875rem}.gtr-reveal-wason a{display:inline-block;padding:13px 2px;margin:-13px -2px}.gtr-collection{display:flex;flex-direction:column;gap:6px}.gtr-collection-title{margin:0;font-size:.875rem;color:var(--color-text-faint);font-variant-numeric:tabular-nums}.gtr-collection-grid{display:flex;flex-direction:column;gap:2px}.gtr-collection-row+.gtr-collection-row{margin-top:10px;padding-top:8px;border-top:1px solid var(--gtr-hairline)}.gtr-collection-row{display:flex;flex-wrap:wrap}.gtr-collection-dot{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:none;background:none;cursor:not-allowed}.gtr-collection-dot-mark{width:14px;height:14px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface-3)}.gtr-collection-dot.is-cracked{cursor:pointer}.gtr-collection-dot.is-cracked .gtr-collection-dot-mark{border-color:var(--gtr-green);background:var(--gtr-green)}.gtr-collection-dot.is-cracked.is-detective .gtr-collection-dot-mark{box-shadow:0 0 0 2px var(--gtr-lens-lit)}.gtr-collection-detail{margin:0;font-size:.875rem;color:var(--color-text);padding:6px 10px;border-radius:8px;background:#ffffff0a}.gtr-reveal-actions{display:flex;gap:10px;justify-content:center;position:sticky;bottom:-18px;margin:0 -18px -18px;padding:12px 18px 18px;background:var(--gtr-box-body-end);border-top:1px solid var(--gtr-hairline)}.gtr-reveal-primary{min-height:44px;padding:0 20px;border-radius:10px;border:none;background:var(--gtr-green);color:var(--gtr-green-ink);font-weight:700;font-size:.9375rem;cursor:pointer}.gtr-share-btn{min-height:44px;padding:0 20px;border-radius:10px;border:1px solid var(--color-border);background:transparent;color:var(--color-text);font-weight:700;font-size:.9375rem;cursor:pointer}.gtr-corner-close{position:absolute;top:10px;right:10px;width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;border:none;background:#ffffff0f;color:var(--color-text-muted);font-size:1.1rem;line-height:1;cursor:pointer}.gtr-reveal-sheet--box{position:relative}.gtr-share-fallback-text{width:100%;min-height:72px;border-radius:8px;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.gtr-shape{display:block}.gtr-shape.is-large{transform:scale(1.25)}@media(max-width:720px){.guess-the-rule-page .page-title{max-width:none}.gtr-exam-grid{grid-template-columns:1fr}.gtr-card--composer{min-width:0}}