html,body{-webkit-user-select:none;user-select:none;background:#bfe3f2;height:100%;margin:0;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}svg{width:100%;height:100%;display:block}.word{color:#2b2620;font-weight:700}.no-words .word{display:none!important}.crosshair{background:#fff;border-radius:50%;width:6px;height:6px;margin:-3px;display:none;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #0005}.playing .crosshair{display:block}.materials{gap:8px;display:flex;position:absolute;top:14px;left:14px}.material{background:#fff8e8ee;border-radius:14px;align-items:center;gap:4px;padding:4px 10px 4px 6px;display:flex;box-shadow:0 2px #0002}.material svg{width:34px;height:34px}.material b{color:#2b2620;min-width:18px;font-size:24px}.material .word{font-size:13px}.material.empty{display:none}.material.bump{animation:.4s bump}@keyframes bump{40%{transform:scale(1.25)}}.pop{pointer-events:none;align-items:center;gap:2px;animation:1.5s ease-in forwards fly;display:flex;position:absolute;transform:translate(-50%,-50%)}.pop svg,.pop img{filter:drop-shadow(0 2px 2px #0005);width:46px;height:46px}.pop b{color:#fff;text-shadow:0 2px #2b2620,0 0 6px #0006;font-size:34px}@keyframes fly{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}15%{opacity:1;transform:translate(-50%,-90%)scale(1.25)}45%{opacity:1;transform:translate(-50%,-90%)scale(1.1)}to{transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(.5);opacity:.2}}.hotbar{pointer-events:auto;gap:8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.slot{cursor:pointer;background:#fff8e8ee;border:3px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:74px;height:82px;display:flex;position:relative;box-shadow:0 3px #0003}.slot svg{width:46px;height:46px}.slot i{color:#8a7a60;font-size:13px;font-style:normal;position:absolute;top:2px;left:6px}.slot .word{font-size:13px}.slot.active{background:#fff3c8;border-color:#f2a03a;transform:translateY(-6px)}.slot .badge{position:absolute;top:-10px;right:-8px}.slot .badge img,.slot .badge svg{background:#fff8e8;border-radius:10px;width:34px;height:34px;box-shadow:0 2px #0003}.option{white-space:nowrap;pointer-events:none;background:#fff8e8ee;border-radius:12px;align-items:center;gap:6px;padding:3px 10px 3px 4px;display:none;position:absolute;bottom:100px;transform:translate(-50%);box-shadow:0 2px #0003}.option.show{display:flex}.option img,.option svg{width:34px;height:34px}.option .count,.item .count{color:#6b4a2f;margin-left:4px;font-weight:700}.toggle.fresh.sure{background:#ffd2c2}.option .word{font-size:15px}.word.big{font-size:22px}.cost{align-items:center;gap:1px;margin-left:4px;display:inline-flex}.cost svg{width:26px;height:26px}.cost b{color:#2b2620;font-size:18px}.cost.short b{color:#d2412f}.cost.short svg{opacity:.5}.aim{background:#fff8e8cc;border-radius:14px;align-items:center;gap:6px;padding:4px 12px 4px 4px;display:none;position:absolute;top:calc(50% + 28px);left:calc(50% + 28px)}.playing .aim.show{display:flex}.aim img{width:30px;height:30px}.aim svg{width:26px;height:26px}.aim .next svg{width:24px;height:24px}.aim .word{font-size:13px}.hint{box-sizing:border-box;opacity:0;pointer-events:none;background:#fff8e8ee;border-radius:50%;width:76px;height:76px;margin:-38px;padding:12px;position:absolute;top:50%;left:50%;transform:scale(.5)}.hint.show{animation:1.2s hint}@keyframes hint{0%{opacity:0;transform:translateY(-60px)scale(.5)}15%{opacity:1;transform:translateY(-80px)scale(1.15)}30%,70%{opacity:1;transform:translateY(-80px)scale(1)}to{opacity:0;transform:translateY(-90px)scale(.9)}}.banner{opacity:0;background:#fff8e8f2;border-radius:22px;align-items:center;gap:12px;padding:10px 24px;transition:all .35s;display:flex;position:absolute;top:7%;left:50%;transform:translate(-50%)scale(.6);box-shadow:0 4px #0003}.banner.show{opacity:1;transform:translate(-50%)scale(1)}.banner img{width:96px;height:96px}.banner svg{width:64px;height:64px}.overlay{pointer-events:auto;background:#1d3a4a88;flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.overlay.show{display:flex}.pause h1{color:#fff;text-shadow:0 3px #2b2620;margin:0 0 18px;font-size:54px}.pause h1.word{color:#fff}button{font:inherit;cursor:pointer;border:none}.play{background:#5bbf4a;border-radius:40px;align-items:center;gap:12px;padding:18px 40px 18px 28px;font-size:32px;display:flex;box-shadow:0 6px #3a8a2e}.play svg{width:64px;height:64px}.play .word{color:#fff}.settings{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.toggle{color:#2b2620;opacity:.6;background:#fff8e8;border-radius:16px;align-items:center;gap:6px;padding:10px 16px;font-size:22px;font-weight:700;display:flex}.toggle.on{opacity:1;box-shadow:0 0 0 4px #f2a03a}.toggle svg{width:30px;height:30px}.toggle .word{font-size:16px}.chooser{justify-content:flex-start;gap:14px;padding-top:24px;overflow:auto}.chooser .group{background:#fff8e8ee;border-radius:20px;width:min(1100px,92vw);padding:10px 14px}.chooser .group.focus{box-shadow:0 0 0 4px #f2a03a}.chooser .head{align-items:center;gap:8px;height:40px;display:flex}.chooser .head svg{width:38px;height:38px}.chooser .grid{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.chooser .item{background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:2px;width:112px;padding:6px;display:flex;box-shadow:0 3px #0002}.chooser .item:hover{background:#fff3c8;transform:translateY(-3px)}.chooser .item img{width:88px;height:88px}.chooser .item .word{font-size:14px}.chooser .costs{display:flex}.round{background:#f2a03a;border-radius:50%;align-self:flex-start;width:64px;height:64px;margin-left:4vw;padding:10px}