.wat-shell{background:var(--wat-bg);height:100%;color:var(--wat-ink);padding-top:max(56px, env(safe-area-inset-top,0px));--wat-safe-bottom:88px;position:fixed;inset:0;overflow:hidden}.wat-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.wat-bg:after{content:"";mix-blend-mode:multiply;background:linear-gradient(90deg,#ffffff29 1px,#0000 1px) 0 0/20px 20px,linear-gradient(0deg,#ffffff24 1px,#0000 1px) 0 0/20px 20px,radial-gradient(circle at 50% 34%,#f5f4ebb3,#c9c7be8c 52%,#b2b0a6e6) 0 0/100% 100%;position:absolute;inset:0}.wat-grain{opacity:.16;background-image:radial-gradient(#111 1px,#0000 1px);background-size:5px 5px;animation:1.7s steps(2,end) infinite wat-grain;position:absolute;inset:0}.wat-ui{z-index:2;height:100%;padding:0 14px calc(var(--wat-safe-bottom) + 8px);grid-template-rows:auto minmax(0,1fr) auto;gap:10px;display:grid;position:relative}.wat-top{grid-template-columns:1fr auto;align-items:start;gap:10px;min-width:0;padding-top:4px;display:grid}.wat-title{min-width:0;transition:opacity .35s}.wat-title.is-hidden{opacity:0;pointer-events:none}.wat-title-line{letter-spacing:-.045em;text-transform:uppercase;font-size:clamp(20px,8.5vw,34px);font-weight:900;line-height:.92}.wat-title-accent{color:var(--wat-line)}.wat-title-meta{font-family:var(--font-mono,monospace);color:var(--wat-muted);margin-top:6px;font-size:9px}.wat-chip{border:1px solid var(--wat-line);color:var(--wat-line);background:#dcddd08c;padding:1px 5px;display:inline-block}.wat-controls{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.wat-lang{border:1px solid var(--wat-ink);display:flex}.wat-lang-btn{min-width:40px;min-height:30px;font-family:var(--font-mono,monospace);color:var(--wat-ink);background:#e8e6dacc;padding:4px 8px;font-size:11px;font-weight:700}.wat-lang-btn+.wat-lang-btn{border-left:1px solid var(--wat-ink)}.wat-lang-btn.is-on{background:var(--wat-ink);color:#f0efe5}.wat-mute{font-family:var(--font-mono,monospace);letter-spacing:.06em;color:var(--wat-muted);border:1px solid var(--wat-hair);background:0 0;padding:3px 6px;font-size:9px;font-weight:700}.wat-stage{border-top:1px solid #1a1a1a73;border-bottom:1px solid #1a1a1a59;grid-template-rows:minmax(0,1fr) auto;gap:8px;min-height:0;padding:8px 0;display:grid;position:relative}.wat-canvas-wrap{min-height:0;position:relative;overflow:hidden}.wat-feed{scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 0 16px;position:absolute;inset:0;overflow-y:auto}.wat-feed::-webkit-scrollbar{display:none}.wat-card{scroll-snap-align:center;border:1px solid var(--wat-ink);touch-action:pan-y;background:#e8e6dab3;width:min(86%,330px);height:min(46vh,300px);min-height:200px;margin:0 auto 16px;padding:0;display:block;position:relative;overflow:hidden;box-shadow:6px 6px #1a1a1a1f}.wat-card:active{transform:translate(2px,2px);box-shadow:3px 3px #1a1a1a2e}.wat-card-num{z-index:2;font-family:var(--font-mono,monospace);color:var(--wat-line);font-size:10px;position:absolute;top:7px;left:8px}.wat-hint{font-family:var(--font-mono,monospace);letter-spacing:.1em;color:var(--wat-ink);border:1px solid var(--wat-ink);pointer-events:none;background:#e8e6dad9;padding:7px 12px;font-size:10px;font-weight:700;animation:1.6s ease-in-out infinite wat-pulse;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.wat-counter{font-family:var(--font-mono,monospace);grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.wat-counter div{border-top:1px solid var(--wat-hair);min-width:0;padding-top:4px}.wat-counter b{font-size:16px;display:block}.wat-counter span{color:var(--wat-muted);white-space:nowrap;font-size:9px}.wat-actions{gap:6px;display:grid}.wat-stage-tag{font-family:var(--font-mono,monospace);letter-spacing:.08em;color:var(--wat-muted);font-size:9px}.wat-game-prompt{color:var(--wat-ink);font-size:11px;line-height:1.3}.wat-btn{border:1px solid var(--wat-ink);min-height:46px;color:var(--wat-ink);text-transform:uppercase;letter-spacing:.04em;background:#e8e6dae6;padding:0 12px;font-size:12px;font-weight:800}.wat-btn-primary{background:var(--wat-ink);color:#f0efe5}.wat-btn:active{transform:translateY(2px)}.wat-btn:disabled{opacity:.55}.wat-reveal{z-index:3;background:#c9c7bef7;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:10px;display:grid;position:absolute;inset:0;overflow:hidden}.wat-profile{border:1px solid var(--wat-ink);background:#eeece2d1;padding:12px;position:relative;overflow:hidden}.wat-profile:before{content:"";opacity:.08;background:radial-gradient(circle,#111 1px,#0000 2px) 0 0/7px 7px;position:absolute;inset:0}.wat-profile>*{position:relative}.wat-eyebrow{font-family:var(--font-mono,monospace);letter-spacing:.1em;color:var(--wat-muted);margin-bottom:4px;font-size:9px}.wat-arch{letter-spacing:-.05em;text-transform:uppercase;word-break:break-word;margin:0;font-size:clamp(28px,11vw,48px);line-height:.9}.wat-read{margin:6px 0 0;font-size:12px;line-height:1.35}.wat-receipts{font-family:var(--font-mono,monospace);color:var(--wat-line);margin:4px 0 0;font-size:10px}.wat-signals{scrollbar-width:none;align-content:start;gap:6px;display:grid;overflow-y:auto}.wat-signals::-webkit-scrollbar{display:none}.wat-signals-head{font-family:var(--font-mono,monospace);letter-spacing:.1em;color:var(--wat-muted);font-size:9px}.wat-sig{border-top:1px solid var(--wat-line);font-family:var(--font-mono,monospace);padding:6px 0}.wat-sig-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.wat-sig strong{font-size:12px}.wat-sig-val{color:var(--wat-line);white-space:nowrap;font-weight:800}.wat-sig-bar{background:#1a1a1a1f;height:4px;margin:5px 0 3px}.wat-sig-bar i{background:var(--wat-line);height:100%;animation:.6s ease-out wat-bar-grow;display:block}@keyframes wat-bar-grow{0%{width:0!important}}.wat-sig small{color:var(--wat-muted);margin-top:2px;font-size:9px;display:block}.wat-sig-prev{color:var(--wat-line)!important}.wat-reveal-foot{gap:8px;display:grid}.wat-footnote{font-family:var(--font-mono,monospace);color:var(--wat-muted);margin:0;font-size:9px;line-height:1.4}.wat-reveal-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.wat-replay-link{font-family:var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--wat-muted);background:0 0;justify-self:center;padding:2px;font-size:9px;text-decoration:underline}@media (max-height:620px){.wat-ui{gap:6px;padding-left:10px;padding-right:10px}.wat-card{height:190px;min-height:170px;margin-bottom:10px}.wat-counter b{font-size:13px}.wat-btn{min-height:42px}.wat-title-line{font-size:20px}.wat-stage{padding:5px 0}.wat-arch{font-size:28px}.wat-signals{gap:3px}.wat-sig{padding:4px 0}}@media (prefers-reduced-motion:reduce){.wat-grain,.wat-hint,.wat-sig-bar i{animation:none!important}}