:root{--paper: #f6efe0;--paper-2: #fffaf0;--ink: #2b2420;--ink-soft: #6b5f55;--accent: #f08c2a;--accent-ink: #7a3d00;--good: #2f9e62;--bad: #d2483c;--ally: #3a78c2;--quest: #8a4fd0;--night: #1f2340;--radius: 14px;--shadow: 3px 3px 0 var(--ink);--font: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:#e9dcc3;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.45;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button{font:inherit;color:inherit}.app-frame{min-height:100dvh;display:flex;justify-content:center;background:radial-gradient(circle at 20% 20%,#f3e6cc 0 2px,transparent 3px) 0 0 / 28px 28px,#e9dcc3}.app{width:100%;max-width:480px;min-height:100dvh;background:var(--paper);padding:max(10px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;animation:fadein .25s ease}@media (min-width: 520px){.app{border-left:3px solid var(--ink);border-right:3px solid var(--ink)}}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}}.screen{display:flex;flex-direction:column;gap:12px;flex:1;width:100%}.stack{display:flex;flex-direction:column;gap:10px}.muted{color:var(--ink-soft);font-size:.92rem;margin:0}.fineprint{text-align:center;font-size:.8rem;color:var(--ink-soft)}h1,h2,h3{margin:0;line-height:1.2}h2{font-size:1.35rem}p{margin:0}.btn{min-height:48px;padding:10px 16px;border:3px solid var(--ink);border-radius:var(--radius);font-weight:700;cursor:pointer;text-align:center;box-shadow:var(--shadow);transition:transform .08s,box-shadow .08s;width:100%}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff;text-shadow:1px 1px 0 var(--accent-ink)}.btn--ghost{background:var(--paper-2)}.btn--choice{background:#fff;text-align:left;font-weight:600}.btn--danger{background:var(--bad);color:#fff}.btn:focus-visible,.icon-btn:focus-visible,.hotspot:focus-visible{outline:3px solid var(--ally);outline-offset:2px}.icon-btn{width:44px;height:44px;border:3px solid var(--ink);border-radius:12px;background:var(--paper-2);font-size:1.2rem;font-weight:800;cursor:pointer;flex:none}.link-danger{background:none;border:none;color:var(--bad);text-decoration:underline;padding:8px;cursor:pointer;font-size:.9rem}.bottom{margin-top:auto;padding-top:8px}.bottom--row{display:flex;gap:8px}.bottom-pad{padding-bottom:8px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative}.topbar h2{font-size:1.15rem}.topbar--play{flex-wrap:wrap}.topbar__day{font-size:.95rem;flex:1;min-width:0}.topbar__mods{display:flex;gap:4px;flex-wrap:wrap;order:3;width:100%}.topbar__mods:empty{display:none}.pill{display:inline-block;font-size:.75rem;font-weight:700;padding:2px 8px;border:2px solid var(--ink);border-radius:999px;background:#fff;margin-left:6px}.pill--mod{margin-left:0;background:#ffe9c7}.menu{position:absolute;right:0;top:50px;z-index:20;background:#fff;border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.menu button{background:none;border:none;padding:14px 16px;text-align:left;min-height:48px;cursor:pointer;font-weight:600}.menu button+button{border-top:2px solid #eee}.menu .danger{color:var(--bad)}.statbar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;position:sticky;top:0;z-index:10;background:var(--paper);padding:4px 0}.stat{position:relative;display:flex;align-items:center;gap:3px;border:2px solid var(--ink);border-radius:10px;background:#fff;padding:3px 5px;min-width:0}.stat__icon{font-size:.95rem}.stat__track{position:relative;flex:1;height:18px;background:#eee4d2;border-radius:6px;overflow:hidden}.stat__fill{position:absolute;inset:0 auto 0 0;background:var(--good);transition:width .45s ease}.stat--low .stat__fill{background:var(--bad)}.stat--low{animation:pulse 1s infinite}.stat__num{position:relative;font-size:.75rem;font-weight:800;padding-left:4px;line-height:18px}.stat__money{font-size:.8rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat--low .stat__money{color:var(--bad)}.stat__delta{position:absolute;right:4px;top:-16px;font-size:.8rem;font-weight:800;animation:floatup 1.4s ease forwards;pointer-events:none}.stat__delta.up{color:var(--good)}.stat__delta.down{color:var(--bad)}@keyframes floatup{0%{opacity:0;transform:translateY(8px)}20%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@keyframes pulse{50%{box-shadow:0 0 0 3px #f5b3ab}}.stage{position:relative;width:100%;aspect-ratio:360 / 220;max-height:40dvh;border:3px solid var(--ink);border-radius:var(--radius);overflow:hidden;background:#cde;flex:none}.scene-bg{position:absolute;inset:0;width:100%;height:100%}.stage__left,.stage__right{position:absolute;bottom:-4px;display:flex;align-items:flex-end}.stage__left{left:6%;animation:bob 2.6s ease-in-out infinite}.stage__right{right:6%;animation:bob 3s ease-in-out infinite reverse}.stage__left svg,.stage__right svg{height:auto;max-height:34dvh;width:auto;max-width:28vw}.stage__time{position:absolute;top:8px;left:8px;background:#fff;border:2px solid var(--ink);border-radius:8px;padding:1px 8px;font-weight:800;font-size:.85rem}@keyframes bob{50%{transform:translateY(-3px)}}.hotspot{position:absolute;transform:translate(-50%,-50%);background:none;border:none;padding:6px;min-width:48px;min-height:48px;cursor:pointer;animation:peek 4s ease-in-out infinite}.hotspot--poked{animation:wiggle .35s ease}@keyframes peek{0%,80%,to{transform:translate(-50%,-50%)}85%{transform:translate(-50%,-62%)}90%{transform:translate(-50%,-50%)}}@keyframes wiggle{25%{transform:translate(-50%,-50%) rotate(-12deg) scale(1.1)}75%{transform:translate(-50%,-50%) rotate(12deg) scale(1.1)}}.toast{position:absolute;left:8px;right:8px;bottom:8px;background:#fff8d6;border:2px solid var(--ink);border-radius:10px;padding:6px 10px;font-size:.88rem;font-weight:600;animation:fadein .3s ease}.rain-lines{animation:rain .6s linear infinite}@keyframes rain{to{transform:translate(-6px,16px)}}.dialog{background:var(--paper-2);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;display:flex;flex-direction:column;gap:10px;text-align:left}.dialog--tap{cursor:pointer;min-height:140px;font-size:1.02rem}.dialog--scene{flex:1}.speaker{font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-ink)}.scene-text{font-size:1.02rem}.tap-hint{align-self:flex-end;font-size:.8rem;color:var(--ink-soft);animation:pulse-text 1.2s infinite}@keyframes pulse-text{50%{opacity:.4}}.choices{display:flex;flex-direction:column;gap:8px;margin-top:auto}.obscured{letter-spacing:.05em;color:var(--ink-soft)}.scar{font-size:.88rem;background:#fde7e3;border:2px dashed var(--bad);border-radius:10px;padding:6px 10px}.but-reply{font-style:italic;background:#fff;border-left:4px solid var(--accent);padding:6px 10px;border-radius:6px}.banner{font-weight:700;border-radius:10px;padding:8px 10px;border:2px solid var(--ink);animation:pop .4s ease}.banner--ally{background:#dcebfb}.banner--quest{background:#efe1ff}@keyframes pop{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.04)}}.timer{position:relative;height:26px;border:2px solid var(--ink);border-radius:8px;background:#eee4d2;overflow:hidden}.timer__fill{position:absolute;inset:0 auto 0 0;background:#ffc35c;transition:width .1s linear}.timer--hurry .timer__fill{background:var(--bad)}.timer__text{position:relative;font-weight:800;font-size:.85rem;padding-left:8px;line-height:22px}.card{background:var(--paper-2);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;display:flex;flex-direction:column;gap:10px}.card--muted{opacity:.6;display:block}.card--fail{background:#fff1ee}.fail__art{display:flex;justify-content:space-around;align-items:flex-end}.day-chips{display:flex;gap:6px;flex-wrap:wrap}.day-chip{width:48px;height:48px;border:3px solid var(--ink);border-radius:12px;background:#fff;font-weight:800;font-size:1.1rem;cursor:pointer;box-shadow:2px 2px 0 var(--ink)}.day-chip:last-child{background:#fff4f0;border-color:#7a1f3d}.dialog--boss{background:#fff4f0;border-color:#7a1f3d;box-shadow:3px 3px #7a1f3d}.boss-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#7a1f3d;color:#ffe6a8;font-weight:800;font-size:.85rem;border-radius:8px;padding:4px 10px;margin:-4px -4px 0}.boss-bar__phases{display:flex;gap:4px;flex:none}.boss-bar__phases i{width:14px;height:14px;border-radius:50%;border:2px solid #ffe6a8}.boss-bar__phases i.on{background:#ffe6a8}.scene-text--emoji{font-size:1.6rem;line-height:1.5;letter-spacing:.04em;word-break:break-word}.scene-hint{margin:.25rem 0 0;font-size:.82rem;font-style:italic;line-height:1.4;opacity:.6}.absurd{text-transform:none;letter-spacing:0;font-weight:600}.day-intro--boss{background:#fff4f0;border-color:#7a1f3d}.play>.card{margin-top:auto}.day-intro__num{font-size:.85rem;font-weight:800;text-transform:uppercase;color:var(--accent-ink);letter-spacing:.06em}.mods{display:flex;flex-direction:column;gap:8px}.mods__label{font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);margin-top:4px}.mod{display:flex;gap:10px;background:#ffe9c7;border:2px solid var(--ink);border-radius:10px;padding:8px 10px}.mod__icon{font-size:1.5rem}.mod p{font-size:.9rem}.chips,.deltas{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:.85rem;font-weight:700;border:2px solid var(--ink);border-radius:999px;padding:2px 10px;background:#fff}.chip--up{background:#dff3e6}.chip--down{background:#fde2de}.chip--ally{background:#dcebfb}.list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px;font-size:.95rem}.list--good{list-style:none;padding-left:0}.list .is-unknown{color:var(--ink-soft);letter-spacing:.04em}.chain li::marker{font-weight:800}.act{display:flex;gap:10px;align-items:center}.act__icon{font-size:1.6rem}.act small{display:block;font-weight:400;color:var(--ink-soft)}.home{justify-content:space-between;text-align:center}.home__hero{padding-top:4vh;display:flex;flex-direction:column;gap:8px;align-items:center}.logo{font-size:2.6rem;font-weight:800;letter-spacing:-.02em;transform:rotate(-2deg)}.logo span{color:var(--accent);-webkit-text-stroke:1.5px var(--ink)}.home__tag{color:var(--ink-soft)}.home__art{display:flex;align-items:flex-end;gap:4px;margin-top:8px}.creator__preview{display:flex;justify-content:center;background:#e5f1e8;border:3px solid var(--ink);border-radius:var(--radius);padding:8px}.creator__form{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:6px;font-weight:700}.field--row{flex-direction:row;align-items:center;justify-content:space-between}.field input[type=text],.field input:not([type]){min-height:48px;border:3px solid var(--ink);border-radius:12px;padding:8px 12px;font:inherit;font-size:16px;background:#fff}.field input[type=checkbox]{width:28px;height:28px;accent-color:var(--accent)}.seg{display:flex;gap:6px}.seg--wrap{flex-wrap:wrap}.seg button{flex:1;min-height:44px;border:2px solid var(--ink);border-radius:10px;background:#fff;font-weight:600;cursor:pointer;padding:6px 10px}.seg button.on{background:var(--accent);color:#fff}.swatches{display:flex;gap:10px}.swatch{width:44px;height:44px;border-radius:50%;border:3px solid var(--ink);cursor:pointer}.swatch.on{outline:3px solid var(--accent);outline-offset:2px}.stage--park{aspect-ratio:360 / 200}.but-float{animation:float 3s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px)}}.job-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.job-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;min-height:96px;border:3px solid var(--ink);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);cursor:pointer}.job-card--locked{opacity:.5;box-shadow:none;cursor:not-allowed}.job-card__icon{font-size:1.8rem}.job-card__name{font-weight:800}.job-card__blurb{font-size:.75rem;color:var(--ink-soft)}.job-pick{font-size:1.05rem}.transform{align-items:center;justify-content:center;background:none;border:none;cursor:pointer}.transform__doll{position:relative;animation:spin-in .7s ease}.transform__doll.is-done{animation:pop .5s ease}.smoke{position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle,#fffe 0 30%,#fff0 70%);animation:smoke 1s ease forwards;pointer-events:none}.transform__text{font-size:1.2rem;font-weight:800}@keyframes spin-in{0%{transform:rotate(-20deg) scale(.8)}}@keyframes smoke{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}.app:has(.play--night){background:var(--night)}.play--night{color:#f4ecd8}.play--night .statbar{background:var(--night)}.play--night .stat,.play--night .icon-btn,.play--night .pill{color:var(--ink)}.dream{display:flex;flex-direction:column;gap:12px;align-items:center;flex:1}.dream__but{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 18px #ffe9a8);margin-top:8px}.dialog--night{background:#2c3160;color:#f4ecd8;border-color:#f4ecd8;box-shadow:3px 3px #0d0f20;width:100%}.dialog--night .speaker{color:#ffd27a}.riddle{background:#3b4180;border-radius:10px;padding:8px 10px;font-size:.95rem}.summary__head{text-align:center;align-items:center}.summary__head .pill{margin-left:0}.summary__but{display:flex;justify-content:center;opacity:.8}.journey{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.journey__day{border:2px solid var(--ink);border-radius:8px;background:#fff;text-align:center;padding:4px 2px;min-height:56px;display:flex;flex-direction:column;gap:2px}.journey__day.is-locked{background:#eee4d2;opacity:.7}.journey__n{font-weight:800;font-size:.85rem}.journey__marks{font-size:.7rem;line-height:1.2;word-break:break-all}.counters{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}.counter{background:#fff;border:2px solid var(--ink);border-radius:10px;padding:6px 8px;display:flex;flex-direction:column}.counter b{font-size:1.3rem}.counter span{font-size:.78rem;color:var(--ink-soft)}.meter__track{position:relative;height:16px;border:2px solid var(--ink);border-radius:999px;background:linear-gradient(90deg,#f5b3ab,#f6efe0 50%,#a8dcbb)}.meter__needle,.meter__before{position:absolute;top:-6px;width:6px;height:24px;border-radius:3px;transform:translate(-50%);transition:left .8s ease}.meter__needle{background:var(--ink)}.meter__before{background:#b9ada0}.meter__labels{display:flex;justify-content:space-between;font-size:.8rem;font-weight:700;margin-top:4px}.slogan{display:none}.stage--hit{animation:shake .42s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{15%,85%{transform:translate(-3px) rotate(-.4deg)}30%,70%{transform:translate(5px) rotate(.5deg)}45%,55%{transform:translate(-6px)}}.stamp{position:absolute;top:14%;right:8%;z-index:5;padding:4px 12px;border:4px solid currentColor;border-radius:8px;font-weight:800;font-size:1.5rem;letter-spacing:.06em;background:#ffffff8c;transform:rotate(-12deg);animation:stamp .35s cubic-bezier(.2,1.6,.4,1) both .15s;pointer-events:none}.stamp--good{color:var(--good)}.stamp--bad{color:var(--bad)}.stamp--meh{color:var(--accent-ink)}@keyframes stamp{0%{opacity:0;transform:rotate(-12deg) scale(2.4)}to{opacity:1;transform:rotate(-12deg) scale(1)}}.day-intro{animation:flip-in .45s ease both;transform-origin:top center}@keyframes flip-in{0%{opacity:0;transform:perspective(600px) rotateX(-70deg)}to{opacity:1;transform:none}}.style-toggle{position:fixed;right:0;top:42%;z-index:50;font-size:.7rem;font-weight:700;padding:6px 6px 6px 8px;writing-mode:vertical-rl;border:2px solid var(--ink);border-right:none;border-radius:10px 0 0 10px;background:#fff;opacity:.85;cursor:pointer}[data-style=poster]{--paper: #f1e2c2;--paper-2: #f7ecd3;--ink: #2b1d17;--ink-soft: #6e5442;--accent: #c8372d;--accent-ink: #7d1a13;--good: #3d6b45;--bad: #c8372d;--gold: #e3a13a;--radius: 3px;--shadow: 4px 4px 0 var(--ink);--display: "Anton", "Be Vietnam Pro", Impact, sans-serif}[data-style=poster] body,[data-style=poster] .app-frame{background:repeating-linear-gradient(45deg,rgb(125 26 19 / .05) 0 2px,transparent 2px 9px),#d9c39b}[data-style=poster] .app{background:radial-gradient(ellipse at 50% 40%,transparent 55%,rgb(110 70 30 / .16)),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.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.28 0 0 0 0 0.15 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),var(--paper)}[data-style=poster] h1,[data-style=poster] h2,[data-style=poster] h3,[data-style=poster] .logo,[data-style=poster] .day-intro__num,[data-style=poster] .stamp,[data-style=poster] .boss-bar{font-family:var(--display);font-weight:400;letter-spacing:.02em;text-transform:uppercase}[data-style=poster] h2{font-size:1.7rem;color:var(--accent);text-shadow:2px 2px 0 var(--ink)}[data-style=poster] .btn{letter-spacing:.02em}[data-style=poster] .btn--primary{background:var(--accent);color:#f7ecd3;text-shadow:none;font-family:var(--display);font-weight:400;font-size:1.15rem;text-transform:uppercase}[data-style=poster] .btn--choice{background:var(--paper-2);border-left-width:10px;border-left-color:var(--accent)}[data-style=poster] .btn--ghost{background:transparent}[data-style=poster] .stat,[data-style=poster] .pill,[data-style=poster] .icon-btn,[data-style=poster] .chip,[data-style=poster] .mod,[data-style=poster] .stage__time{border-radius:2px}[data-style=poster] .stat,[data-style=poster] .stage__time{background:var(--paper-2)}[data-style=poster] .stat__track{border-radius:0;background:#e2cfa8}[data-style=poster] .stat__fill{background:#86a86f}[data-style=poster] .stat--low .stat__fill{background:var(--accent)}[data-style=poster] .pill--mod{background:var(--gold)}[data-style=poster] .statbar{background:transparent}[data-style=poster] .stage{border-width:4px;box-shadow:var(--shadow);background:#f1e2c2}[data-style=poster] .stage__left svg,[data-style=poster] .stage__right svg{filter:drop-shadow(3px 2px 0 rgb(43 29 23 / .55)) saturate(.85) contrast(1.08)}[data-style=poster] .dialog--scene .speaker{margin:-14px -14px 2px;padding:7px 14px 6px;background:var(--accent);color:#f7ecd3;font-family:var(--display);font-weight:400;font-size:1.2rem;letter-spacing:.03em;border-bottom:3px solid var(--ink)}[data-style=poster] .dialog--boss .speaker{margin-top:0}[data-style=poster] .chip--up{background:#cfe0c4}[data-style=poster] .chip--down{background:#f1c7b9}[data-style=poster] .stamp{font-size:1.9rem;border-width:5px;border-style:double;background:#f7ecd3b3;border-radius:2px}[data-style=poster] .day-intro{position:relative;overflow:hidden;text-align:center;background:repeating-conic-gradient(from 0deg at 50% 0%,rgb(200 55 45 / .13) 0 6deg,transparent 6deg 12deg),var(--paper-2);border-width:4px}[data-style=poster] .day-intro .day-intro__num{align-self:center;background:var(--accent);color:#f7ecd3;font-size:1.5rem;padding:2px 26px;clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%)}[data-style=poster] .day-intro .absurd{font-family:var(--font);font-size:.75rem;text-transform:none}[data-style=poster] .day-intro h2{font-size:2.3rem;line-height:1.05}[data-style=poster] .slogan{display:block;font-family:var(--display);text-transform:uppercase;font-size:1.05rem;letter-spacing:.04em;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);padding:4px 0;background:var(--gold)}[data-style=poster] .day-intro .mods,[data-style=poster] .day-intro .chips{text-align:left}[data-style=poster] .mod{background:var(--paper)}[data-style=poster] .day-intro--boss{background:repeating-conic-gradient(from 0deg at 50% 0%,rgb(43 29 23 / .18) 0 6deg,transparent 6deg 12deg),#e9c9a8}[data-style=poster] .style-toggle{border-radius:2px 0 0 2px;background:var(--gold)}[data-style=poster] :is(.counter,.journey__day,.seg button,.field input,.scar,.banner,.but-reply,.timer,.meter__track,.day-chip,.menu,.job-card,.toast,.creator__preview,.riddle,.mod){border-radius:2px}[data-style=poster] :is(.counter,.journey__day,.job-card,.seg button,.field input,.day-chip){background:var(--paper-2)}[data-style=poster] .card .day-intro__num{align-self:flex-start;background:var(--ink);color:var(--paper-2);font-size:1.05rem;padding:1px 22px 1px 12px;clip-path:polygon(0 0,100% 0,92% 50%,100% 100%,0 100%)}[data-style=poster] .mods__label{font-family:var(--display);font-weight:400;font-size:1rem;letter-spacing:.04em;color:var(--accent-ink)}[data-style=poster] .list li::marker{color:var(--accent)}[data-style=poster] .home__hero{margin:-10px -16px 0;padding:6vh 16px 18px;background:repeating-conic-gradient(from 0deg at 50% 92%,rgb(200 55 45 / .16) 0 7deg,transparent 7deg 14deg);border-bottom:4px solid var(--ink)}[data-style=poster] .logo{font-size:4rem;line-height:.95;color:var(--accent);text-shadow:3px 3px 0 var(--ink);transform:rotate(-3deg)}[data-style=poster] .logo span{display:inline-block;color:var(--gold);-webkit-text-stroke:0;transform:rotate(4deg)}[data-style=poster] .home__slogan{align-self:stretch;margin-top:6px}[data-style=poster] .home__art svg{filter:drop-shadow(3px 2px 0 rgb(43 29 23 / .55))}[data-style=poster] .home .stack{margin-top:14px}[data-style=poster] .creator__preview{background:repeating-conic-gradient(from 0deg at 50% 100%,rgb(200 55 45 / .16) 0 7deg,transparent 7deg 14deg),var(--paper-2);border-width:4px;box-shadow:var(--shadow)}[data-style=poster] .seg button.on{background:var(--accent);color:var(--paper-2)}[data-style=poster] .swatch.on{outline-color:var(--accent)}[data-style=poster] .dialog:not(.dialog--scene,.dialog--night) .speaker{color:var(--accent);font-family:var(--display);font-weight:400;font-size:1rem;letter-spacing:.04em}[data-style=poster] .but-float svg{filter:drop-shadow(0 0 10px rgb(227 161 58 / .9)) drop-shadow(3px 2px 0 rgb(43 29 23 / .5))}[data-style=poster] .job-card{border-top:10px solid var(--accent)}[data-style=poster] .job-card__name{font-family:var(--display);font-weight:400;font-size:1.1rem;text-transform:uppercase;letter-spacing:.03em}[data-style=poster] .job-card--locked{border-top-color:var(--ink-soft)}[data-style=poster] .day-chip{font-family:var(--display);font-size:1.2rem}.burst{display:none}[data-style=poster] .transform{position:relative;overflow:hidden}[data-style=poster] .burst{display:block;position:absolute;left:50%;top:45%;width:180vmax;height:180vmax;margin:-90vmax 0 0 -90vmax;background:repeating-conic-gradient(rgb(200 55 45 / .22) 0 8deg,transparent 8deg 16deg);animation:burst-spin 18s linear infinite;pointer-events:none}@keyframes burst-spin{to{transform:rotate(360deg)}}[data-style=poster] .transform__doll,[data-style=poster] .transform__text{position:relative}[data-style=poster] .transform__text{font-family:var(--display);font-weight:400;font-size:1.8rem;text-transform:uppercase;color:var(--accent);text-shadow:2px 2px 0 var(--ink);padding:0 16px;text-align:center}[data-style=poster] .act__icon{filter:saturate(.8)}[data-style=poster] .list--good{background:#e6ead2;border-left:6px solid var(--good);padding:6px 10px 6px 26px}[data-style=poster]{--night: #1e2240}[data-style=poster] .app:has(.play--night){background:repeating-conic-gradient(from 0deg at 50% 30%,rgb(227 161 58 / .08) 0 7deg,transparent 7deg 14deg),var(--night)}[data-style=poster] .play--night .statbar{background:transparent}[data-style=poster] .dialog--night{background:#272c52;border-color:var(--gold);box-shadow:4px 4px #0d0f20}[data-style=poster] .dialog--night .speaker,[data-style=poster] .play--night h2,[data-style=poster] .play--night .topbar__day b{color:var(--gold)}[data-style=poster] .riddle{border-color:var(--gold);background:#e3a13a1f}[data-style=poster] .card--fail{background:repeating-linear-gradient(-45deg,var(--ink) 0 12px,var(--gold) 12px 24px) top / 100% 12px no-repeat,#f3d9c8;padding-top:24px}[data-style=poster] .card--fail .day-intro__num{background:var(--accent)}[data-style=poster] .card--fail .fail__art svg{filter:drop-shadow(3px 2px 0 rgb(43 29 23 / .55))}[data-style=poster] .summary__head{text-align:center;align-items:center;border:4px double var(--ink);outline:3px solid var(--ink);outline-offset:4px;margin:6px;background:repeating-conic-gradient(from 0deg at 50% 38%,rgb(200 55 45 / .12) 0 7deg,transparent 7deg 14deg),var(--paper-2)}[data-style=poster] .summary__head .pill{margin:0;background:var(--accent);color:var(--paper-2);border-color:var(--ink);font-family:var(--display);font-weight:400;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;padding:2px 14px}[data-style=poster] .summary__head h2{font-size:2rem;line-height:1.1}[data-style=poster] .journey__n,[data-style=poster] .counter b{font-family:var(--display);font-weight:400}[data-style=poster] .counter b{font-size:1.6rem;color:var(--accent)}[data-style=poster] .meter__track{background:linear-gradient(90deg,#e9a99c,var(--paper-2) 50%,#a9c39a)}[data-style=poster] .notebook .card h3{margin:-16px -16px 0;padding:8px 16px 6px;background:var(--accent);color:var(--paper-2);border-bottom:3px solid var(--ink)}[data-style=poster] .topbar h2{font-size:1.4rem;text-shadow:1px 1px 0 var(--ink)}.day-intro-wrap{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:12px}.job-grid{grid-template-columns:repeat(3,1fr);gap:6px}.job-card{min-height:0;padding:6px 4px 7px;gap:0;box-shadow:2px 2px 0 var(--ink)}.job-card__icon{font-size:1.4rem}.job-card__name{font-size:.82rem;line-height:1.15;text-align:center}[data-style=poster] .job-card{border-top-width:6px}[data-style=poster] .job-card__name{font-size:.9rem}.job-pick__nick{font-family:var(--display, inherit);text-transform:uppercase;font-size:1.05rem;color:var(--accent);letter-spacing:.02em}.transform__nick{position:relative;font-weight:700;text-align:center;padding:0 16px}.stage--compact{aspect-ratio:360 / 120}.stage--compact .stage__left svg,.stage--compact .stage__right svg{max-height:18dvh}.job-grid{grid-template-columns:repeat(4,1fr);gap:5px}.job-card{padding:5px 2px 6px}.job-card__icon{font-size:1.2rem}.job-card__name{font-size:.68rem}[data-style=poster] .job-card{border-top-width:5px}[data-style=poster] .job-card__name{font-size:.74rem;letter-spacing:0}.but-rec{display:flex;flex-direction:column;gap:6px;padding:8px;border:2px dashed var(--accent);border-radius:var(--radius);background:#e3a13a1f}.but-rec__head{font-size:.95rem}.but-rec__actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.but-rec__actions .btn{min-height:40px;font-size:.9rem;padding:6px 8px}.job-card--rec{position:relative;outline:3px solid var(--gold, #e3a13a);outline-offset:1px}.job-card--rec:after{content:"🔮";position:absolute;top:-8px;right:-6px;font-size:.9rem}.side{display:none}@media (min-width: 1000px){.app-frame{gap:24px;align-items:flex-start}.side{display:flex;flex-direction:column;gap:14px;width:270px;position:sticky;top:16px;padding-top:16px}.side--left{order:-1}}.side__poster,.side__card{background:var(--paper-2);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px;display:flex;flex-direction:column;gap:8px}.side__poster{text-align:center;background:repeating-conic-gradient(from 0deg at 50% 62%,rgb(200 55 45 / .12) 0 7deg,transparent 7deg 14deg),var(--paper-2)}.side__title{font-family:var(--display, inherit);font-weight:800;text-transform:uppercase;font-size:1.3rem;color:var(--accent)}[data-style=poster] .side__title{font-weight:400;text-shadow:1px 1px 0 var(--ink)}.side__slogan{display:block;font-size:.9rem}.side__but{display:flex;justify-content:center;animation:float 3s ease-in-out infinite}.side__tip{text-align:left;font-size:.9rem;animation:fadein .4s ease}.side__legend li{font-size:.85rem}.side__jobs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;font-size:.85rem}.side__jobs li{display:grid;grid-template-columns:22px 1fr auto;gap:4px;align-items:center}.side__jobs li.is-unknown{opacity:.55}.side__job-stat{font-weight:800;font-size:.75rem}.side__sound{flex-direction:row;justify-content:space-between;align-items:center}.job-card{height:64px;justify-content:center}.job-grid{--job-row: 64px;max-height:calc(var(--job-row) * 2 + 5px + 18px);overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y proximity;padding:2px 4px 6px 2px;margin:0 -4px 0 -2px}.job-grid>.job-card{scroll-snap-align:start}.job-grid-wrap{position:relative}.job-grid-wrap:after{content:"Cuộn xem thêm nghề ▾";display:block;text-align:center;font-size:.72rem;font-weight:700;color:var(--ink-soft);padding-top:2px}.job-grid-wrap.is-end:after{content:"Hết rồi, chọn đi con ▴"}.but-ask{position:absolute;top:-4px;left:-14px;width:34px;height:34px;display:grid;place-items:center;font-family:var(--display, inherit);font-size:1.5rem;font-weight:800;color:#fff;background:var(--accent);border:3px solid var(--ink);border-radius:50%;animation:ask-bob .9s ease-in-out infinite}@keyframes ask-bob{50%{transform:translateY(-5px) rotate(-10deg)}}.but-sure{font-weight:800;font-size:1.05rem}.but-sure__q{display:inline-block;font-size:1.4rem;animation:ask-bob .9s ease-in-out infinite}.but-sure__meme{font-style:italic;color:var(--accent-ink)}.stat{flex-wrap:wrap;row-gap:1px}.stat__label{width:100%;font-size:.62rem;font-weight:700;line-height:1.1;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play--night .stat__label{color:var(--ink-soft)}.sound-toggle{font-size:1.05rem}.home__top{display:flex;justify-content:flex-end}.timer{display:flex;align-items:center}.timer__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.timer--reading .timer__fill{background:#cfe0c4}.timer__skip{position:relative;margin-left:auto;height:100%;border:none;border-left:2px solid var(--ink);background:var(--paper-2);font-weight:800;font-size:.75rem;padding:0 10px;cursor:pointer}@media (prefers-reduced-motion: reduce){*:not(.timer__fill){animation:none!important;transition:none!important}}.donate-invite{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:60px;padding:9px 12px;border:2px solid var(--accent-ink);border-radius:var(--radius);background:var(--paper-2);color:var(--ink);box-shadow:2px 2px 0 var(--accent-ink);text-align:left;cursor:pointer}.donate-invite:hover{background:var(--paper)}.donate-invite:focus-visible{outline:3px solid var(--ally);outline-offset:2px}.donate-invite__body{display:flex;flex-direction:column;gap:7px;min-width:0}.donate-invite__body strong{font-size:1.1rem}.donate-invite__tag{font-size:.9rem;font-weight:700;color:var(--accent-ink)}.donate-invite__action{align-self:flex-start;padding:9px 12px;border:2px solid var(--ink);border-radius:10px;background:var(--accent);color:var(--ink);font-weight:800}.hungry-but{position:relative;display:inline-flex;align-items:flex-start;justify-content:center;width:96px;min-width:96px;padding-bottom:30px}.hungry-but>svg{animation:hungry-but-float 3s ease-in-out infinite}.hungry-but--happy>svg{transform:rotate(5deg)}.hungry-but__meal{position:absolute;bottom:0;right:0;display:flex;flex-direction:column;align-items:center;font-size:2.3rem;line-height:1}.hungry-but__steam{font-size:1.1rem;color:var(--accent-ink);animation:hungry-but-steam 2.4s ease-in-out infinite}@keyframes hungry-but-float{50%{translate:0 -5px}}@keyframes hungry-but-steam{50%{translate:0 -3px;opacity:.4}}@media (max-width: 380px){.donate-invite{grid-template-columns:minmax(0,1fr)}.donate-invite>.hungry-but{justify-self:center}.donate .donate__hero{flex-direction:column;align-items:center}}@media (prefers-reduced-motion: reduce){.hungry-but>svg,.hungry-but__steam{animation:none}}.donate__purpose{display:grid;gap:8px}.donate__menu-note{font-size:.8rem;line-height:1.4}.donate__say h3{margin-bottom:8px}.donate-invite__note{display:block;color:var(--ink-soft);font-size:.85rem}.feedback select,.feedback textarea{width:100%;min-height:44px;padding:8px 10px;border:2px solid var(--ink);border-radius:8px;background:var(--paper-2);color:var(--ink);font:inherit;font-size:16px}.feedback textarea{resize:vertical}.center{text-align:center}.donate__hero{display:flex;align-items:flex-end;gap:10px}.donate__hero>svg{flex:none}.donate__say{flex:1;min-width:0}.donate__say p{margin:0}.donate__menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.donate__item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border:3px solid var(--ink);border-radius:var(--radius);background:var(--paper-2);color:var(--ink);font:inherit;cursor:pointer;min-height:44px}.donate__item.is-on{background:var(--accent);box-shadow:var(--shadow);transform:translate(-1px,-1px)}.donate__item:focus-visible,.donate__copy:focus-visible{outline:3px solid var(--ally);outline-offset:2px}.donate__icon{font-size:1.6rem;line-height:1}.donate__name{font-weight:800}.donate__price{font-size:.85rem;font-variant-numeric:tabular-nums}.donate__item--custom input{width:100%;max-width:120px;border:2px solid var(--ink);border-radius:8px;padding:4px 6px;font:inherit;font-size:16px;text-align:center;background:#fff;color:#2b2420}.donate__qr{display:flex;flex-direction:column;align-items:center;gap:6px}.donate__qr svg{width:min(240px,70vw);max-width:100%;height:auto;border:3px solid var(--ink);border-radius:8px;background:#fff}.donate__amount{margin:0;font-weight:800;font-size:1.2rem;font-variant-numeric:tabular-nums}.donate__info{display:grid;gap:6px;margin:0}.donate__info>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:2px dashed var(--ink-soft);padding-bottom:4px}.donate__info dt{color:var(--ink-soft);font-size:.9rem;flex:none}.donate__info dd{margin:0;font-weight:700;text-align:right;min-width:0;overflow-wrap:anywhere}.donate__copy{border:0;background:none;font:inherit;color:inherit;cursor:pointer;text-align:right;padding:4px 0}.donate__copy span{font-size:.8rem;color:var(--ally);font-weight:700;margin-left:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.link-plain{background:none;border:none;color:var(--ink);text-decoration:underline;padding:8px;cursor:pointer;font:inherit;font-size:.95rem}.lb__select{min-height:48px;border:3px solid var(--ink);border-radius:12px;padding:8px 12px;font:inherit;font-size:16px;background:var(--paper-2);color:var(--ink)}.lb{list-style:none;margin:0;padding:0;display:grid;gap:6px}.lb__row{display:flex;align-items:center;gap:10px;padding:8px 12px;border:3px solid var(--ink);border-radius:var(--radius);background:var(--paper-2)}.lb__row.is-me{background:var(--accent);box-shadow:var(--shadow)}.lb__row.is-me .muted{color:inherit}.lb__rank{flex:none;width:2.2em;text-align:center;font-weight:800;font-size:1.15rem;font-variant-numeric:tabular-nums}.lb__who{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px}.lb__who b{overflow-wrap:anywhere}.lb__who .muted{width:100%;font-size:.82rem}.lb__score{flex:none;font-weight:800;font-size:1.4rem;font-variant-numeric:tabular-nums}.lb__score small{font-size:.8rem;opacity:.7}.lb__join{display:flex;flex-direction:column;gap:10px}.lb__join-but{display:flex;align-items:center;gap:10px}.lb__join-but>svg{flex:none}.lb__join-but p{margin:0;font-weight:700}.lb__err{color:var(--bad);font-weight:700;margin:0}.lb__titles summary{cursor:pointer;font-weight:800;min-height:32px}.account__code{display:flex;flex-direction:column;align-items:center;gap:8px}.account__code svg{width:min(180px,55vw);height:auto;border:3px solid var(--ink);border-radius:8px}.account__value{border:3px dashed var(--ink);border-radius:12px;background:#fff;color:#2b2420;font:inherit;font-weight:800;font-size:clamp(.9rem,4.4vw,1.15rem);white-space:nowrap;max-width:100%;letter-spacing:.04em;padding:8px 14px;cursor:pointer;font-variant-numeric:tabular-nums}.account__value span{font-size:.8rem;color:var(--ally);margin-left:8px;letter-spacing:0}.account__ok{color:var(--good, #2e7d4f);font-weight:700;margin:0}.but-screen--jobs .dialog--fill,.job-confirm{flex:1 0 auto}.job-confirm__actions{margin-top:auto;padding-top:4px}.dialog--jobs .job-grid-wrap{flex:1 0 auto;display:flex;flex-direction:column}.dialog--jobs .job-grid{flex:1 0 calc(var(--job-row) * 2 + 5px + 18px);height:0;align-content:start;max-height:none}@media (max-width: 340px){.job-grid{grid-template-columns:repeat(3,1fr)}}@media (max-height: 700px){.stage--compact{aspect-ratio:360 / 88}.but-screen--jobs{gap:8px}.but-screen--jobs .dialog--jobs{padding:10px;gap:6px}.dialog--jobs .but-rec{padding:6px;gap:4px}.dialog--jobs .but-reply{font-size:.88rem;line-height:1.35}.dialog--jobs .but-rec__actions .btn{min-height:36px}.but-screen--jobs .bottom .btn{min-height:42px}}.job-card{position:relative}.job-card__badge{position:absolute;top:-8px;right:-6px;padding:1px 7px;border:2px solid var(--ink);border-radius:999px;background:var(--accent);color:#fff;font-size:.72rem;font-weight:800;transform:rotate(6deg)}.notice{border:3px solid var(--ink);border-radius:var(--radius);padding:10px 12px;background:var(--paper-2);font-weight:700;margin:0}.notice--warn{background:#fff1c2;color:#2b2420}
