:root{--bg: #faf1e3;--bg-deep: #f3e6d0;--surface: #ffffff;--surface-2: #f7eddd;--ink: #46281e;--ink-soft: #7d5b4b;--line: #e7d5be;--noodle-out: #c9a479;--noodle-in: #f4e3c4;--pot-body: #4a332a;--pot-rim: #34231c;--tomato: #c6402a;--saffron: #efb021;--saffron-deep: #c58f0d;--saffron-text: #7d5900;--saffron-soft: #fae5b5;--parsley: #4f8d3f;--chili: #a32c20;--on-tomato: #ffffff;--on-saffron: #46281e;--on-parsley: #ffffff;--focus: #46281e;--broth: rgba(214, 75, 51, .06);--shadow: 0 2px 8px rgba(70, 40, 30, .1), 0 8px 24px rgba(70, 40, 30, .08);--shadow-soft: 0 1px 3px rgba(70, 40, 30, .12);--radius: 18px;--font-display: "Baloo 2", "Trebuchet MS", system-ui, sans-serif;--font-body: "Schibsted Grotesk", "Segoe UI", system-ui, sans-serif}body.dark{--bg: #201412;--bg-deep: #1a100e;--surface: #2e1e18;--surface-2: #3a2820;--ink: #f7e9dc;--ink-soft: #c29e8c;--line: #4a332a;--noodle-out: #5e4234;--noodle-in: #9c7458;--pot-body: #140d0a;--pot-rim: #0d0806;--tomato: #e86a4e;--saffron: #f2b33d;--saffron-deep: #b8842a;--saffron-text: #f2b33d;--saffron-soft: #4a3512;--parsley: #6fb05c;--chili: #e06a5a;--on-tomato: #2a0f08;--on-saffron: #2a1a06;--on-parsley: #12280e;--focus: #f2b33d;--broth: rgba(232, 106, 78, .07);--shadow: 0 2px 8px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .3);--shadow-soft: 0 1px 3px rgba(0, 0, 0, .45)}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{height:100%;overscroll-behavior:none}body{min-height:100%;background:var(--bg);background-image:radial-gradient(120% 70% at 50% -10%,var(--surface-2) 0%,var(--bg) 60%);color:var(--ink);position:relative;font-family:var(--font-body);-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s;overscroll-behavior:none}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E")}body.dark:before{opacity:.75;mix-blend-mode:screen}.app,.overlay{position:relative;z-index:1}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:8px}.app{max-width:600px;margin:0 auto;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:flex;flex-direction:column;min-height:100dvh}.topbar{display:flex;align-items:center;gap:8px;padding:6px 0}.wordmark{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-size:1.65rem;font-weight:800;letter-spacing:.01em;color:var(--ink);user-select:none}.logo{width:34px;height:34px;flex:none}.about-logo{display:block;width:88px;height:88px;margin:4px auto 12px}.logo-bowl{fill:var(--tomato)}.logo-soup{fill:none;stroke:var(--saffron);stroke-width:2.6;stroke-linecap:round}.logo-steam{fill:none;stroke:var(--ink-soft);stroke-width:2.4;stroke-linecap:round}.logo-spoon{stroke:var(--ink-soft);stroke-width:3;stroke-linecap:round}.puz-chip{font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--tomato);background:var(--surface);border:1.5px solid var(--line);border-radius:999px;padding:1px 9px;margin-left:2px;align-self:center;box-shadow:var(--shadow-soft)}.puz-chip:hover{border-color:var(--tomato)}.top-actions{display:flex;gap:8px;flex:none}.icon-btn{position:relative;flex:none;width:44px;height:44px;border-radius:14px;background:var(--surface);box-shadow:var(--shadow-soft);display:grid;place-items:center;color:var(--ink);transition:transform .15s,box-shadow .15s}.icon-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.icon-btn:active{transform:translateY(0) scale(.96)}.icon-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.icon-btn[disabled]{opacity:.35;cursor:default}.icon-btn[disabled]:hover{transform:none;box-shadow:var(--shadow-soft)}.hint-badge{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;border-radius:999px;background:var(--saffron);color:var(--on-saffron);font-family:var(--font-display);font-size:.72rem;font-weight:800;display:grid;place-items:center;padding:0 4px;box-shadow:var(--shadow-soft)}.statusline{display:flex;align-items:center;justify-content:center;gap:7px;margin:4px 0 2px;font-size:.8rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);min-height:24px}.status-dot{opacity:.6}.timer-chip{font:600 .8rem var(--font-body);letter-spacing:.05em;color:var(--ink-soft);background:var(--surface);border:1.5px solid var(--line);border-radius:999px;padding:1px 10px;font-variant-numeric:tabular-nums}.mode-chip{font:700 .72rem var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);background:var(--surface);border:1.5px solid var(--line);border-radius:999px;padding:2px 11px;white-space:nowrap;cursor:pointer;transition:border-color .15s,color .15s}.mode-chip:hover{border-color:var(--saffron);color:var(--ink)}.hint-line{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;font-size:.95rem;color:var(--ink-soft)}.hint-line b{font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:.28em;color:var(--saffron-text)}.forming-wrap{position:relative;height:46px;margin:6px 0 2px;width:100%;z-index:6}.forming{position:absolute;left:0;right:0;margin-inline:auto;width:fit-content;top:50%;transform:translateY(-50%);font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:.11em;padding:4px 17px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-soft);color:var(--ink);max-width:100%;text-align:center;text-wrap:balance;transition:background-color .2s,color .2s,transform .2s;user-select:none;cursor:default}.forming.is-idle{background:transparent;box-shadow:none;color:var(--ink-soft);font-family:var(--font-body);font-weight:500;font-size:.98rem;letter-spacing:.02em}.forming.is-tracing{background:var(--saffron-soft);color:var(--ink);cursor:pointer}body.dark .forming.is-tracing{color:var(--saffron)}.forming.is-good{background:var(--parsley);color:var(--on-parsley);animation:pop .45s ease}.forming.is-gold{background:var(--saffron);color:var(--on-saffron);animation:pop .45s ease}.forming.is-bad{background:var(--surface);color:var(--chili);animation:shake .4s ease}@keyframes pop{0%{transform:translateY(-50%) scale(.92)}45%{transform:translateY(-50%) scale(1.09)}to{transform:translateY(-50%) scale(1)}}@keyframes shake{0%,to{transform:translateY(-50%) translate(0)}25%{transform:translateY(-50%) translate(-7px)}50%{transform:translateY(-50%) translate(6px)}75%{transform:translateY(-50%) translate(-3px)}}.board-wrap{width:min(100%,480px,max(140px,calc((100dvh - 215px) / 1.36)));margin:0 auto;display:flex;flex-direction:column;align-items:center;padding:8px 0 2px}.board{position:relative;width:100%;aspect-ratio:1;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.board:before{content:"";position:absolute;box-sizing:border-box;inset:-3%;border-radius:13%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23b)' opacity='0.08'/%3E%3C/svg%3E"),radial-gradient(circle at 50% 32%,var(--broth),transparent 75%),var(--surface-2);border:2px solid var(--line);box-shadow:inset 0 3px 10px #46281e0d}body.dark .board:before{box-shadow:inset 0 3px 12px #0000004d}.board-rotor{position:absolute;inset:0;transform:rotate(var(--rot, 0deg));transition:transform .55s cubic-bezier(.22,1,.36,1)}#bridges{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.noodle{transition:opacity .5s}.noodle.gone{opacity:0}.noodle path{fill:none;stroke-linecap:round;transition:stroke .15s,stroke-width .15s}.noodle-under{stroke:var(--noodle-out);stroke-width:calc(var(--bw, 2) * 1.6)}.noodle-core{stroke:var(--noodle-in);stroke-width:calc(var(--bw, 2) * .85)}.noodle.lit .noodle-under{stroke:var(--saffron-deep);stroke-width:calc(var(--bw, 2) * 2)}.noodle.lit .noodle-core{stroke:var(--saffron);stroke-width:calc(var(--bw, 2) * 1.15)}.tile{position:absolute;width:calc(var(--ts, 13) * 1%);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:30%;background:var(--surface);box-shadow:var(--shadow);display:grid;place-items:center;transition:background-color .15s,box-shadow .15s,opacity .45s,scale .45s;cursor:pointer}.tile span{font-family:var(--font-display);font-weight:800;font-size:var(--tilefs, 2rem);line-height:1;transform:rotate(calc(var(--rot, 0deg) * -1));transition:transform .55s cubic-bezier(.22,1,.36,1);translate:0 .05em}.tile.sel{background:var(--saffron);box-shadow:0 2px 10px #c58f0d80}.tile.sel span{color:var(--on-saffron)}.tile.hinted:after{content:"";position:absolute;inset:-5px;border:3px solid var(--saffron);border-radius:34%;animation:hintPulse 1.4s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.35;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}.tile.flash{background:var(--parsley);box-shadow:0 2px 12px #4f8d3f8c}.tile.flash span{color:var(--on-parsley)}.tile.gone{opacity:0;scale:.3;pointer-events:none}.tile.falling{pointer-events:none;z-index:3;box-shadow:var(--shadow-soft)}.fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pot{position:relative;width:min(37%,175px);margin-top:-1.5%;z-index:5;transform-origin:50% 90%}.pot svg{display:block;width:100%}.pot-body{fill:var(--pot-body)}.pot-rim,.pot-leg{fill:var(--pot-rim)}.pot-handle{fill:none;stroke:var(--pot-rim);stroke-width:5;stroke-linecap:round}.pot-soup{fill:var(--tomato)}.pot-wave{fill:none;stroke:var(--saffron);stroke-width:2;stroke-linecap:round;opacity:.85}.pot.splash{animation:potSquash .45s ease-out}@keyframes potSquash{35%{transform:scale(1.07,.92)}70%{transform:scale(.97,1.03)}}.pot .drop{position:absolute;left:50%;top:18%;width:8px;height:8px;border-radius:50% 50% 50% 0;background:var(--tomato);opacity:0;pointer-events:none}.pot.splash .drop.d1{animation:dropArc1 .55s ease-out}.pot.splash .drop.d2{animation:dropArc2 .6s ease-out .05s}@keyframes dropArc1{0%{opacity:1;transform:translate(0) rotate(-45deg) scale(1)}to{opacity:0;transform:translate(-22px,-30px) rotate(-45deg) scale(.5)}}@keyframes dropArc2{0%{opacity:1;transform:translate(0) rotate(-45deg) scale(.9)}to{opacity:0;transform:translate(18px,-34px) rotate(-45deg) scale(.5)}}.steam{position:absolute;left:0;right:0;bottom:72%;height:220%;pointer-events:none}.steam span{position:absolute;bottom:0;width:22%;height:46%;border-radius:50%;background:radial-gradient(closest-side,var(--ink-soft),transparent 72%);opacity:0;filter:blur(6px)}.steam span:nth-child(1){left:16%}.steam span:nth-child(2){left:40%}.steam span:nth-child(3){left:64%}.steam.go span{animation:rise 2.8s ease-out forwards}.steam.go span:nth-child(2){animation-delay:.35s}.steam.go span:nth-child(3){animation-delay:.7s}@keyframes rise{0%{opacity:0;transform:translateY(0) scale(.7)}25%{opacity:.55}to{opacity:0;transform:translateY(-130%) scale(1.6)}}.bottombar{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:auto;padding-top:4px}.chip-btn{font-weight:600;font-size:.95rem;color:var(--ink);background:var(--surface);border-radius:999px;padding:9px 20px;box-shadow:var(--shadow-soft);transition:transform .15s,box-shadow .15s}.chip-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.text-btn{font-size:.88rem;color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px;padding:6px}.overlay{position:fixed;inset:0;background:#26140e94;display:flex;align-items:flex-end;justify-content:center;z-index:30;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}}.sheet{background:var(--bg);width:100%;max-width:600px;max-height:88dvh;overflow-y:auto;border-radius:26px 26px 0 0;padding:22px 22px calc(24px + env(safe-area-inset-bottom));animation:rise-in .28s cubic-bezier(.3,1,.4,1)}@keyframes rise-in{0%{transform:translateY(40px);opacity:.5}}@media (min-width: 660px){.overlay{align-items:center;padding:24px}.sheet{border-radius:26px;max-height:82dvh}}.sheet h2{font-family:var(--font-display);font-weight:800;font-size:1.45rem;margin-bottom:14px;display:flex;align-items:center;gap:10px}.sheet h2 .spacer{flex:1}.sheet-close{width:36px;height:36px;border-radius:12px;background:var(--surface);box-shadow:var(--shadow-soft);display:grid;place-items:center;font-size:1.05rem;font-weight:700;color:var(--ink-soft)}.sheet .lead{color:var(--ink-soft);margin-bottom:14px;line-height:1.5}.menu-item{display:flex;align-items:center;gap:12px;width:100%;background:var(--surface);border-radius:var(--radius);padding:14px 16px;margin-bottom:10px;box-shadow:var(--shadow-soft);font-weight:600;font-size:1rem;text-align:left;transition:transform .12s}.menu-item:hover{transform:translateY(-1px)}.menu-item .mi-icon{font-size:1.2rem;width:28px;text-align:center;flex:none}.menu-item .mi-label{flex:1}.switch{width:46px;height:27px;border-radius:999px;background:var(--line);position:relative;flex:none;transition:background-color .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:left .2s}.menu-item[aria-checked=true] .switch{background:var(--tomato)}.menu-item[aria-checked=true] .switch:after{left:22px}.how-step{display:flex;gap:13px;margin-bottom:13px;line-height:1.5}.how-step .n{flex:none;width:30px;height:30px;border-radius:10px;background:var(--tomato);color:var(--on-tomato);font-family:var(--font-display);font-weight:700;display:grid;place-items:center;font-size:.95rem}.how-sub{font-family:var(--font-display);font-weight:700;font-size:1.1rem;margin:18px 0 10px}.book-item{display:flex;align-items:center;gap:12px;width:100%;background:var(--surface);border-radius:var(--radius);padding:13px 16px;margin-bottom:10px;box-shadow:var(--shadow-soft);text-align:left;transition:transform .12s}.book-item:hover{transform:translateY(-1px)}.book-item .bk-num{font-family:var(--font-display);font-weight:800;font-size:1.15rem;color:var(--tomato);width:40px;flex:none}.book-item .bk-info{flex:1}.book-item .bk-words{font-size:.85rem;color:var(--ink-soft)}.book-item.current{outline:2.5px solid var(--tomato)}.book-item.locked{opacity:.55;cursor:default}.book-item.locked:hover{transform:none}.pill{font-size:.74rem;font-weight:700;letter-spacing:.04em;padding:4px 10px;border-radius:999px;background:var(--surface-2);color:var(--ink-soft);flex:none}.pill.done{background:var(--saffron);color:var(--on-saffron)}.pill.progress{background:var(--tomato);color:var(--on-tomato)}.pill.today{background:var(--saffron-soft);color:var(--saffron-text)}.book-countdown{text-align:center;color:var(--ink-soft);font-size:.88rem;margin-top:14px;font-variant-numeric:tabular-nums}.done-time{font-family:var(--font-display);font-weight:800;font-size:3rem;text-align:center;color:var(--ink);line-height:1.1}.done-msg{text-align:center;color:var(--ink-soft);font-weight:500;margin:2px 0 14px}.done-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:18px}.done-pills .pill{font-size:.82rem;padding:6px 13px}.btn-row{display:flex;gap:10px;margin:6px 0 18px}.btn{flex:1;font-family:var(--font-display);font-weight:700;font-size:1.05rem;border-radius:16px;padding:13px 10px;text-align:center;transition:transform .12s,filter .12s}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn:active{transform:scale(.97)}.btn.primary{background:var(--tomato);color:var(--on-tomato);box-shadow:var(--shadow-soft)}.btn.gold{background:var(--saffron);color:var(--on-saffron);box-shadow:var(--shadow-soft)}.btn.ghost{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-soft)}.lb-form{display:flex;gap:8px;margin-bottom:12px}.lb-input{flex:1;min-width:0;font:500 1rem var(--font-body);padding:11px 14px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink)}.lb-input::placeholder{color:var(--ink-soft)}.lb-input:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.lb-input:focus{border-color:var(--tomato)}.lb-input.lb-miss{border-color:var(--chili);animation:shake .4s ease}.lb-btn{flex:none}.lb-row{display:flex;align-items:center;gap:10px;background:var(--surface);border-radius:12px;padding:9px 14px;margin-bottom:6px;box-shadow:var(--shadow-soft)}.lb-row.mine{outline:2.5px solid var(--saffron)}.lb-rank{font-family:var(--font-display);font-weight:800;color:var(--ink-soft);width:28px;flex:none;text-align:center}.lb-name{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-time{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink)}.lb-empty{color:var(--ink-soft);text-align:center;padding:8px 0 4px}.lb-msg{color:var(--chili);font-size:.9rem;line-height:1.4;margin-bottom:10px}.def-item{background:var(--surface);border-radius:var(--radius);padding:13px 16px;margin-bottom:10px;box-shadow:var(--shadow-soft)}.def-item.bare{padding:9px 16px}.def-item .d-word{font-family:var(--font-display);font-weight:700;font-size:1.06rem;text-transform:capitalize;display:flex;align-items:center;gap:8px}.def-item .d-word .star{color:var(--saffron-text);font-size:.9rem}.def-item .d-def{margin-top:3px;line-height:1.45}.def-item .d-ex{margin-top:5px;color:var(--ink-soft);font-style:italic;font-size:.92rem;line-height:1.45}.defs-empty{text-align:center;color:var(--ink-soft);line-height:1.6;padding:18px 0}.about-text{line-height:1.6;color:var(--ink)}.about-text p{margin-bottom:10px}.about-text a{color:var(--tomato)}@media (max-height: 430px){.board-wrap{width:100%;flex-direction:row;justify-content:center;align-items:flex-end;gap:10px}.board{width:max(120px,min(calc(100dvh - 164px),100% - 110px))}.pot{width:min(96px,26dvh);margin-top:0;margin-bottom:2%}.statusline{margin:0;min-height:18px;font-size:.7rem}.forming-wrap{min-height:32px;margin:2px 0 0}.forming{font-size:1.1rem;padding:3px 16px}.board-wrap{padding:2px 0 0}.bottombar{padding-top:2px;gap:4px}.chip-btn{padding:6px 16px;font-size:.88rem}.topbar{padding:2px 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:-1ms!important;transition-duration:.01ms!important;transition-delay:0s!important}}