:root{--ink: #2f2a22;--paper: #f6efe2;--leaf: #4e8f3f;--leaf-bright: #7dc45c;--bark: #7a5c3c;--blight: #6d5a72;--danger: #c8503f;--gold: #e0a53c;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0;width:100%;height:100dvh;overflow:hidden;background:#bcd2e0;color:var(--ink);font-family:Nunito,Avenir Next,system-ui,sans-serif;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none}#c{position:fixed;inset:0;width:100%;height:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}.ic{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.13em}#title{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.75rem;padding:calc(var(--safe-t) + 5vh) 1rem calc(var(--safe-b) + 1rem);background:linear-gradient(to bottom,#f6efe2f7,#f6efe2ed 30%,#f4f0e08c 46%,#eeeede0f 58%,#e8ecd800 74%);text-align:center;z-index:20}#title h1{margin:0;font-family:Georgia,Iowan Old Style,serif;font-size:clamp(2.4rem,9vw,4.4rem);letter-spacing:.1em;color:var(--bark);text-shadow:0 2px 0 rgba(255,255,255,.7)}.tag{margin:.2rem 0 0;font-size:clamp(.85rem,3.4vw,1.05rem);opacity:.72}#picker{display:flex;align-items:center;gap:.6rem;min-height:5.4rem}.arrow{font-size:2.2rem;line-height:1;padding:.2rem .7rem;color:var(--bark);opacity:.55;border-radius:999px}.arrow:hover{opacity:1;background:#7a5c3c1a}#who{min-width:min(20rem,74vw)}#who .n{font-family:Georgia,serif;font-size:1.7rem;letter-spacing:.06em;color:var(--leaf)}#who .p{font-size:.9rem;opacity:.78;margin-top:.1rem}#who .w{font-size:.84rem;margin-top:.45rem;opacity:.62;display:flex;align-items:center;justify-content:center;gap:.32rem}#dots{display:flex;gap:.42rem}#dots i{width:.46rem;height:.46rem;border-radius:999px;background:#2f2a2233}#dots i.on{background:var(--leaf);transform:scale(1.35)}#play,#again{margin-top:.3rem;padding:.78rem 3.2rem;font-family:Georgia,serif;font-size:1.25rem;letter-spacing:.16em;color:#fff;background:var(--leaf);border-radius:999px;box-shadow:0 4px #3a6d2e,0 8px 18px #0000002e}#play:active,#again:active{transform:translateY(3px);box-shadow:0 1px #3a6d2e}.how{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--safe-b) + .9rem);font-size:.78rem;line-height:1.65;opacity:.92;max-width:32rem;color:#f3ede0;text-shadow:0 1px 3px rgba(28,34,24,.9),0 0 14px rgba(28,34,24,.7)}.how b{color:#ffe6ab}@media(max-height:520px){.how{display:none}}#hud{position:fixed;inset:0;pointer-events:none;z-index:10;padding:calc(var(--safe-t) + .5rem) .7rem calc(var(--safe-b) + .5rem)}#topbar{display:flex;align-items:center;gap:.7rem}#clock{font-family:Georgia,serif;font-size:1.5rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.45);min-width:3.4rem}#xpwrap{flex:1;position:relative;height:1.15rem;background:#14120e57;border-radius:999px;overflow:hidden}#xpbar{height:100%;width:0;background:linear-gradient(90deg,var(--leaf),var(--leaf-bright));transition:width .12s linear}#lvl{position:absolute;inset:0;display:grid;place-items:center;font-size:.72rem;font-weight:800;color:#fff;letter-spacing:.08em;text-shadow:0 1px 2px rgba(0,0,0,.5)}#stats{display:flex;gap:.7rem;font-size:.85rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.45)}#stats span{display:flex;align-items:center;gap:.22rem}#stats i{font-style:normal;font-weight:700}#hpwrap{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--safe-b) + .8rem);width:min(22rem,62vw);height:1.05rem;background:#14120e57;border-radius:999px;overflow:hidden}#hpbar{height:100%;width:100%;background:linear-gradient(90deg,#c8503f,#e0714f);transition:width .1s linear}#hptext{position:absolute;inset:0;display:grid;place-items:center;font-size:.68rem;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}#build{position:absolute;left:.7rem;bottom:calc(var(--safe-b) + 2.6rem);display:flex;flex-wrap:wrap;gap:.28rem;max-width:40vw}#build span{display:flex;align-items:center;gap:.12rem;padding:.16rem .4rem;border-radius:.5rem;background:#14120e66;color:#fff;font-size:.68rem;font-weight:700}#build span.evo{background:#e0a53cd9;color:#2f2a22}#bosswrap{position:absolute;left:50%;transform:translate(-50%);top:calc(var(--safe-t) + 3rem);width:min(30rem,84vw);text-align:center}#bosswrap span{font-family:Georgia,serif;font-size:.8rem;letter-spacing:.2em;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.6)}#bossbar{height:.7rem;margin-top:.22rem;width:100%;background:#14120e73;border-radius:999px;overflow:hidden}#bossbar:after{content:"";display:block;height:100%;width:var(--w, 100%);background:linear-gradient(90deg,#6d5a72,#a86f9e);transition:width .15s linear}#bloomtag{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--safe-b) + 2.3rem);font-size:.66rem;font-weight:800;letter-spacing:.14em;color:#d7ffca;text-shadow:0 1px 3px rgba(0,0,0,.6)}#levelup{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:calc(var(--safe-t) + 1rem) 1rem calc(var(--safe-b) + 1rem);background:#1c2218b8;backdrop-filter:blur(3px)}#levelup h2{margin:0;font-family:Georgia,serif;font-size:1.5rem;letter-spacing:.18em;color:var(--leaf-bright)}#choices{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}.card{width:min(13rem,30vw);min-width:8.5rem;padding:1rem .8rem;border-radius:1rem;text-align:center;background:var(--paper);box-shadow:0 6px #00000038;pointer-events:auto;cursor:pointer}.card:active{transform:translateY(4px);box-shadow:0 2px #00000038}.card .ic{width:2.1rem;height:2.1rem;color:var(--bark)}.card h3{margin:.35rem 0 .1rem;font-size:.96rem}.card .lv{font-size:.68rem;font-weight:800;letter-spacing:.08em;color:var(--leaf)}.card .d{font-size:.74rem;opacity:.7;margin-top:.35rem;line-height:1.4}.card.evolve{background:linear-gradient(160deg,#ffeec2,#ffd98a)}.card.evolve .lv{color:#a86a12}.keys{font-size:.72rem;opacity:.6;color:#fff;margin:0}#over{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem;background:#1c2218cc;text-align:center}#over h2{margin:0;font-family:Georgia,serif;font-size:clamp(1.6rem,7vw,2.6rem);letter-spacing:.12em;color:var(--leaf-bright)}#overstats{display:grid;grid-template-columns:repeat(2,minmax(6.5rem,1fr));gap:.55rem 1.4rem;color:var(--paper);font-size:.92rem}#overstats b{display:block;font-family:Georgia,serif;font-size:1.5rem;color:#fff}#overstats i{font-style:normal;font-size:.68rem;letter-spacing:.12em;opacity:.62}#stick{position:fixed;width:110px;height:110px;border-radius:999px;background:#ffffff24;border:2px solid rgba(255,255,255,.3);display:none;pointer-events:none;z-index:15}#stick i{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:999px;background:#ffffff8c}#boot{position:fixed;inset:0;display:grid;place-items:center;z-index:50;background:var(--paper);font-family:Georgia,serif;letter-spacing:.1em;color:var(--bark)}@media(max-width:560px){.card{padding:.7rem .5rem}.card .d{display:none}#build{max-width:52vw}}