.guessing-game-page{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;min-height:100vh}.page-shell{max-width:1100px;margin:0 auto}.gg-layout{display:grid;gap:1rem}.gg-card{border:1px solid var(--color-outline-variant);background:var(--color-surface-container-low);border-radius:var(--shape-corner-large);padding:1rem}@media (min-width:900px){.gg-layout{grid-template-columns:1fr 1fr}.question-card{grid-column:1/-1}}@media (max-width:640px){.guessing-game-page{padding:1rem .75rem;gap:1rem}.gg-layout{gap:.75rem}.gg-card{padding:.75rem}.guessing-game-page{padding:1rem .75rem;gap:1rem}.gg-hero h1{font-size:1.4rem}.gg-hero .lede{font-size:.95rem}.pill-row{flex-wrap:wrap}.gg-card{padding:.75rem}.section-head{flex-direction:column;align-items:flex-start}.question-text{font-size:1.1rem}.hint-area{padding:.65rem}.feedback-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.result-card{width:100%}}.intro-card{display:grid;gap:.5rem}.intro-title{margin:0}.intro-list{margin:0;padding-left:1.1rem;color:var(--color-on-surface-variant);display:grid;gap:.25rem}.intro-actions{margin-top:.5rem}.question-card{display:flex;flex-direction:column;gap:.75rem}.hint-toggle button{border-radius:var(--shape-corner-small);border:1px solid var(--color-outline-variant);padding:.5rem .75rem;background:var(--color-surface-container-high);color:var(--color-on-surface);cursor:pointer}.hint-toggle button:disabled{opacity:.6;cursor:not-allowed}.question-text{margin:0;line-height:1.35;overflow-wrap:anywhere}.unit-label{margin:0}.hint-toggle{display:flex;flex-direction:column;gap:.5rem}.hint-area{border:1px dashed var(--color-outline-variant);border-radius:var(--shape-corner-medium);padding:.75rem;background:var(--color-surface-container);display:grid;gap:.4rem;grid-template-columns:1fr}.hint-controls{display:flex;justify-content:space-between;gap:.5rem}.hint-buttons{display:flex;justify-content:flex-start;align-items:center;gap:.5rem;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.hint-buttons::-webkit-scrollbar{height:6px}.hint-buttons::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:4px}.hint-buttons{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.1) transparent}.hint-slot{padding:.75rem .85rem;width:100%;min-height:3.6rem;display:flex;align-items:center;overflow:hidden;transition:min-height .18s ease,background .18s ease}.hint-text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:opacity .15s ease}.hint-placeholder{margin:0;color:var(--color-on-surface-variant);font-style:italic}.question-footer{justify-content:space-between;padding-top:.25rem;border-top:1px dashed var(--color-outline-variant)}.footer-actions,.question-footer{display:flex;align-items:center;gap:.5rem}.link-btn{border:none;background:none;color:var(--color-primary);cursor:pointer;padding:0;font-weight:700}.hint-controls{gap:.4rem;align-items:center;flex-wrap:wrap}.hint-buttons{flex-wrap:wrap;overflow-x:visible;gap:.4rem}.hint-buttons button{padding:.35rem .5rem;font-size:.9rem;border-radius:calc(var(--shape-corner-small) - 2px);min-width:3.2rem}.hint-meta{display:flex;gap:.4rem;align-items:center;flex:0 0 auto}.pill{font-size:.82rem;padding:.18rem .45rem}.hint-slot{width:300px;height:4em;max-width:100%;padding:.6rem .65rem;border-radius:var(--shape-corner-medium);background:var(--color-surface-container-highest);border:1px solid var(--color-outline-variant);color:var(--color-on-surface);box-sizing:border-box;display:block;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:background .18s ease}.hint-text{margin:0;line-height:1.45;color:var(--color-on-surface-variant);white-space:normal;overflow-wrap:anywhere}.section-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem}.live-guess{display:inline-flex;align-items:baseline;gap:.35rem;color:var(--color-on-surface-variant)}.live-guess strong{color:var(--color-on-surface)}.guess-control-board-theme-original{--gcb-bg-1:#1a1a1a;--gcb-bg-2:#111;--gcb-border:#2d2d2d;--gcb-muted:#9c9c9c;--gcb-text-dim:#bdbdbd;--gcb-text:#f5f5f5;--gcb-accent:#7cf28e;--gcb-accent-mid:rgba(124,242,142,0.5);--gcb-accent-weak:rgba(124,242,142,0.35);--gcb-accent-border:rgba(124,242,142,0.2);--gcb-accent-glow:rgba(124,242,142,0.08);--gcb-guide:rgba(255,255,255,0.06);--gcb-line:rgba(255,255,255,0.05);--gcb-tick:rgba(255,255,255,0.35);--gcb-panel:#141414;--gcb-surface-dark:#0b0b0b}.guess-control-board-theme-default{--gcb-bg-1:var(--color-surface);--gcb-bg-2:var(--color-surface-container-low);--gcb-border:var(--color-outline-variant);--gcb-muted:var(--color-on-surface-variant);--gcb-text-dim:var(--color-on-surface-variant);--gcb-text:var(--color-on-background);--gcb-accent:var(--color-tertiary);--gcb-accent-mid:color-mix(in srgb,var(--color-tertiary) 50%,transparent);--gcb-accent-weak:color-mix(in srgb,var(--color-tertiary) 35%,transparent);--gcb-accent-border:color-mix(in srgb,var(--color-tertiary) 20%,transparent);--gcb-accent-glow:color-mix(in srgb,var(--color-tertiary) 8%,transparent);--gcb-guide:color-mix(in srgb,var(--color-on-surface) 6%,transparent);--gcb-line:color-mix(in srgb,var(--color-on-surface) 5%,transparent);--gcb-tick:color-mix(in srgb,var(--color-on-surface) 35%,transparent);--gcb-panel:var(--color-surface-container-low);--gcb-surface-dark:var(--color-surface-dim)}.guess-control-board{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border:1px solid var(--gcb-border);border-radius:var(--shape-corner-medium);background:linear-gradient(145deg,var(--gcb-bg-1),var(--gcb-bg-2));color:var(--gcb-text)}.board-header{display:flex;gap:12px;align-items:center}.label{font-size:.75rem;color:var(--gcb-muted)}.value{min-width:2.8em;font-weight:600}.value.highlight{color:var(--gcb-accent)}.emit-button{padding:.55rem .85rem;margin-inline-start:auto;border-radius:var(--shape-corner-small);border:1px solid var(--gcb-border);background:var(--indicator,var(--gcb-accent-mid));color:var(--gcb-text);cursor:pointer;transition:transform .1s ease,opacity .15s ease}.emit-button:hover{transform:translateY(-1px);opacity:.92}.emit-button:active{transform:translateY(0);opacity:.85}.drag-area{position:relative;height:260px;border:1px solid var(--gcb-border);background:var(--gcb-panel);border-radius:var(--shape-corner-medium);margin-bottom:15px;touch-action:none}.drag-area.dragging{cursor:grabbing}.grid-lines{position:absolute;inset:0}.current-x-line{top:0;bottom:0;width:2px;background:var(--gcb-accent-mid);transform:translateX(-50%);box-shadow:0 0 10px var(--gcb-accent-weak)}.band-highlight,.current-x-line{position:absolute;pointer-events:none}.band-highlight{left:0;right:0;background:var(--gcb-accent-glow);border-top:1px solid var(--gcb-accent-border);border-bottom:1px solid var(--gcb-accent-border)}.h-line{position:absolute;left:0;right:0;height:1px;background:var(--gcb-line)}.guide-lines{position:absolute;inset:0;pointer-events:none}.v-guide{position:absolute;top:0;bottom:0;width:2px;background:var(--gcb-guide);transform:translateX(-50%)}.v-guide.active{width:1px;background:var(--gcb-accent-weak);box-shadow:0 1px 6px var(--gcb-accent-weak)}.selection-indicator{position:absolute;width:18px;height:18px;background:var(--gcb-accent);border-radius:50%;border:2px solid var(--gcb-surface-dark);transform:translate(-50%,-50%);box-shadow:0 0 10px var(--gcb-accent-mid)}.axis-labels{position:absolute;pointer-events:none;font-size:.75rem;color:var(--gcb-text-dim)}.axis-x{width:100%;height:1em;bottom:-10px;left:0;right:0;pointer-events:none}.axis-x span{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translateX(-50%)}.tick{width:2px;height:12px;background:var(--gcb-tick)}.tick.active{background:var(--gcb-accent)}.tick-label{font-size:.7rem}.axis-x span.active,.current-x-label,.tick-label.active{color:var(--gcb-accent);font-weight:700}.current-x-label{position:absolute;transform:translateX(-50%);font-size:.75rem;background-color:var(--gcb-surface-dark);text-shadow:0 0 8px var(--gcb-accent-weak)}.axis-y{top:0;bottom:0;left:8px}.axis-y span{position:absolute;transform:translateY(-50%)}.hint{font-size:.85rem;color:var(--gcb-muted)}.result-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-surface) 35%,rgba(0,0,0,.5));padding:1rem;z-index:30}.result-card{width:min(420px,100%);border-radius:var(--shape-corner-large);border:1px solid var(--color-outline-variant);background:var(--color-surface-container-high);padding:1rem;box-shadow:0 20px 60px rgba(0,0,0,.18)}.result-header{display:flex;justify-content:space-between;align-items:center}.result-body{display:grid;gap:.35rem;margin:.5rem 0}.result-actions{display:flex;justify-content:flex-end;gap:.5rem}.close-btn,.result-card button{border-radius:var(--shape-corner-small);border:1px solid var(--color-outline-variant);padding:.45rem .7rem;background:var(--color-surface);color:var(--color-on-surface);cursor:pointer}.close-btn{width:34px;height:34px;display:grid;place-items:center}.label{font-size:.85rem;margin:0}.label,.muted{color:var(--color-on-surface-variant)}.stat{font-size:1.2rem;font-weight:700}.verdict{color:var(--color-tertiary)}