:root{color:#263d34;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#e5e6df;font-family:system-ui,Segoe UI,sans-serif;line-height:1.7}*{box-sizing:border-box}body{min-width:280px;margin:0}p{margin:0}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline-offset:4px;outline:3px solid #a27024}.screen.q1-screen{padding-block:24px}.q1{width:100%}.q1 h1{font-size:22px}.q1-board{touch-action:none;-webkit-user-select:none;user-select:none;cursor:default;background:#fff;border:1px solid #d3d7cd;width:100%;display:block}.q1-answer{text-align:left;gap:10px;margin-top:20px;display:grid}.q1-answer input{width:100%;min-width:0;min-height:48px;font:inherit;color:#263d34;background:#fff;border:1px solid #758372;border-radius:4px;padding:8px 12px;font-size:16px}.q1-answer input:focus-visible{outline-offset:2px;outline:3px solid #a27024}.q1-answer .primary-button{width:100%;margin:0}.q1-answer [role=status]{color:#873c2f;min-height:1.7em;font-size:13px}.q1-seek{margin-top:24px;line-height:1.9}@media (width<=540px){.episode:has(.q1-screen){padding-inline:32px}}.q1-board{margin-top:16px}.q1-movable{cursor:grab}.q1-movable:active{cursor:grabbing}.ep-puzzle{width:100%}.ep-puzzle h1{font-size:22px}.ep-hint{margin-top:28px;font-size:15px;line-height:1.9}.gather-hints{gap:24px;margin-block:36px;display:grid}.gather-hints p{border-block:1px solid #d5cbb6;padding-block:20px}.ep-answer{text-align:left;gap:10px;margin-top:36px;display:grid}.q1 .ep-answer{margin-top:20px}.answer-row{align-items:center;gap:8px;display:flex}.ep-answer input{width:100%;min-width:0;min-height:48px;font:inherit;color:#263d34;background:#fff;border:1px solid #758372;border-radius:4px;padding:8px 12px;font-size:16px}.ep-answer input:focus-visible,.camera-button:focus-visible{outline-offset:2px;outline:3px solid #a27024}.ep-answer .primary-button,.puzzle-clear .primary-button{width:100%;margin:0}.ep-answer [role=status]{color:#873c2f;min-height:1.7em;font-size:13px}.puzzle-clear{justify-items:center;gap:16px;margin-top:36px;display:grid}.puzzle-clear .clear-symbol{font-size:48px}.puzzle-clear p{letter-spacing:.2em}.episode-credit{margin-top:32px;font-size:13px;line-height:2}.q2{width:100%}.q2 h1{font-size:22px}.q2-hint{margin-top:28px;font-size:15px;line-height:1.9}.q2-pattern{white-space:nowrap;margin-top:40px;font-size:clamp(19px,5vw,26px);font-weight:600}.q2-question{margin-top:24px;font-size:18px}.q2-answer{text-align:left;gap:10px;margin-top:36px;display:grid}.q2-answer input{width:100%;min-width:0;min-height:48px;font:inherit;color:#263d34;background:#fff;border:1px solid #758372;border-radius:4px;padding:8px 12px;font-size:16px}.q2-answer input:focus-visible{outline-offset:2px;outline:3px solid #a27024}.q2-answer .primary-button{width:100%;margin:0}.q2-answer [role=status]{color:#873c2f;min-height:1.7em;font-size:13px}.q4-board{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:#fff;border:1px solid #d3d7cd;width:100%;margin-top:24px;display:block;overflow:hidden}.q4-board:active{cursor:grabbing}.camera-button{color:#263d34;background:#f3eddd;border:1px solid #758372;border-radius:4px;flex:0 0 48px;place-items:center;height:48px;display:grid}.camera-dialog{color:#263d34;background:#faf7ee;border:1px solid #9c8250;border-radius:6px;width:min(94vw,520px);max-height:94svh;padding:16px}.camera-dialog::backdrop{background:#15251ed9}.camera-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.camera-toolbar button{min-height:44px;color:inherit;background:0 0;border:1px solid #758372;border-radius:4px;padding:8px 16px}.camera-view{background:#202822;min-height:200px;position:relative}.camera-view video{object-fit:contain;width:100%;max-height:65svh;display:block}.camera-dialog p{margin-top:12px;font-size:14px}.virtual-note{color:#27251b;letter-spacing:.08em;background:#fff59d;padding:28px 20px;font-size:30px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-2deg);box-shadow:0 4px 12px #0005}.camera-diagnostics{font-variant-numeric:tabular-nums;border:1px dashed #758372;margin-bottom:12px;padding:10px;font-size:12px;line-height:1.5}.camera-diagnostics dl{grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;margin:8px 0;display:grid}.camera-diagnostics dd{text-align:right;margin:0}.camera-diagnostics small{margin-top:6px;display:block}.app{width:min(100%,560px);margin-inline:auto}.episode{min-height:100svh;padding:max(40px, env(safe-area-inset-top)) 44px max(40px, env(safe-area-inset-bottom));background:#faf7ee;flex-direction:column;display:flex;position:relative}.frame{pointer-events:none;width:28px;height:calc(100% - 24px);position:absolute;top:12px;bottom:12px}.frame-left{left:4px}.frame-right{right:4px}.episode-header{text-align:center}.brand{letter-spacing:.16em;font-size:18px;font-weight:700}.episode-number{color:#766443;letter-spacing:.18em;margin-top:10px;font-size:14px}.screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;padding-block:60px;display:flex}.eyebrow{color:#766443;letter-spacing:.08em;font-size:13px}h1{overflow-wrap:anywhere;margin:0;font-size:clamp(23px,5vw,32px);font-weight:600;line-height:1.6}.puzzle-body{color:#5d625c}.primary-button{color:#fffdf6;letter-spacing:.15em;background:#263d34;border:1px solid #263d34;border-radius:4px;width:min(100%,260px);min-height:54px;margin-top:28px;font-weight:700}.primary-button:hover{background:#365447}.clear-symbol{color:#92763e;font-size:88px;line-height:1}.debug-navigation{background:#e9ede8;border-top:1px dashed #a6ada7;padding:20px}.debug-navigation p{letter-spacing:.1em;margin-bottom:12px;font-size:12px}.debug-buttons{flex-wrap:wrap;gap:8px;display:flex}.debug-buttons button{color:#263d34;background:#fffdf6;border:1px solid #727e74;border-radius:4px;min-width:48px;min-height:44px;padding:8px 12px}.debug-buttons button[aria-current=step]{color:#fffdf6;background:#263d34}