:root{--cream:#ffe8b9;--ink:#493320;--tile:none;--hearts:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#554b32}body{font-family:'Arial Rounded MT Bold','Trebuchet MS','PingFang SC',sans-serif;color:var(--cream);-webkit-user-select:none;user-select:none}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,#stage:focus-visible{outline:3px solid #ffe784;outline-offset:4px}button:disabled{cursor:default}[hidden]{display:none!important}#game{position:relative;width:100%;height:100dvh;min-height:320px;isolation:isolate;background:#5b643c url('assets/garden-clay.png') center/cover}#stage{display:block;width:100%;height:100%;touch-action:none;outline:0}.split{position:absolute;left:50%;top:0;bottom:0;width:3px;transform:translateX(-1px);background:#ead8b2;box-shadow:0 0 7px #3a281d85;pointer-events:none;z-index:2}#title{position:absolute;top:13px;left:18px;width:min(390px,43vw);height:49px;background:var(--title) left center/contain no-repeat;filter:drop-shadow(0 3px 2px #281b13a1);pointer-events:none;z-index:3}.utilities{position:absolute;right:16px;top:15px;display:flex;gap:9px;z-index:12}.icon-button{width:36px;height:36px;border:0;color:#4a3020;font-size:24px;font-weight:bold;background:#c6a679;border-radius:9px 7px 10px 8px;box-shadow:inset 0 2px 3px #fff2c175,0 3px 3px #3d261a99;text-shadow:0 1px #f2d2a5}.icon-button:hover{filter:brightness(1.1)}.player-zone{position:absolute;width:50%;top:0;bottom:0;pointer-events:none;z-index:4}#zone0{left:0}#zone1{left:50%}.hud{position:absolute;left:6%;top:78px;display:flex;align-items:center;gap:12px;filter:drop-shadow(0 3px 2px #301b2070)}.language{display:grid;place-items:center;width:62px;height:44px;background:var(--tile) center/100% 100% no-repeat;color:#422c1c;font-size:24px;font-weight:900;text-shadow:0 1px #eccfac;transform:rotate(-4deg)}#zone1 .language{transform:rotate(3deg)}.hearts{display:flex;gap:4px;align-items:center}.heart{position:relative;width:35px;height:35px;filter:drop-shadow(0 2px 1px #3824226b);transition:transform .16s}.heart img{position:absolute;width:100%;height:100%;object-fit:contain;inset:0}.heart .red{clip-path:inset(0 var(--empty,0%) 0 0)}.heart.lost{animation:heart-hit .6s ease-out}.heart.spent{opacity:.72}.clock{position:absolute;right:6%;top:80px;width:44px;height:44px;display:grid;place-items:center;filter:drop-shadow(0 2px 2px #332319)}.clock span{font-size:22px;font-weight:bold;text-shadow:0 2px #443015}.clock svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:3}.clock-track{stroke:#392e2266}.clock-fill{stroke:#ffe2a3;stroke-dasharray:119.38;stroke-dashoffset:0}.clock.urgent span{color:#ffd055}.clock.urgent{animation:clock-pulse .6s infinite alternate}.countdown{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font-size:clamp(70px,12vw,160px);font-weight:900;color:#ffdd93;text-shadow:0 3px #d59b50,0 7px #705132,0 10px 20px #31250b66;animation:count-pop 1s infinite;pointer-events:none}.builder{position:absolute;left:2%;top:28%;width:46%;z-index:7;color:var(--ink);filter:drop-shadow(0 7px 7px #3726104d);animation:builder-in .23s both}.builder[data-player="1"]{left:52%}.sentence-frame{display:flex;align-items:center;gap:6px}.connector{font-size:clamp(12px,1.05vw,19px);font-weight:900;color:#ffedc7;text-shadow:0 2px #543924,0 0 4px #3c2b1a;flex:none;max-width:46px;text-align:center;line-height:1.2}.word-column{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0;transition:opacity .2s,transform .25s}.word-column.future{opacity:.45;filter:saturate(.5)}.word-column.chosen .word-option:not(.selected){opacity:.24;filter:saturate(.4)}.word-option{position:relative;min-height:55px;padding:9px 8px;color:var(--ink);border:0;background:var(--tile) center/100% 100% no-repeat;text-align:center;line-height:1.12;transition:transform .13s,filter .2s;isolation:isolate;transform:rotate(var(--tilt,0deg));text-shadow:0 1px #f7dba166}.word-option strong{display:block;font-size:clamp(12px,1.05vw,17px);font-weight:900}.word-option small{display:block;margin-top:5px;font-size:clamp(10px,.8vw,12px);font-weight:500;opacity:.75;line-height:1.2}.word-option:not(:disabled):hover{transform:translateY(-3px) rotate(var(--tilt,0deg));filter:brightness(1.12)}.word-option.selected{filter:drop-shadow(0 0 4px #ffdf64) drop-shadow(0 0 10px #ffc83a);animation:clay-glow .45s ease-out;transform:scale(1.035) rotate(var(--tilt,0deg))}.word-option.selected:after{content:'✦';position:absolute;right:1px;top:-9px;font-size:19px;color:#ffe26a;text-shadow:0 0 8px #ffb62e}.word-column.active .word-option{filter:brightness(1.06)}.word-column.active .word-option:focus-visible{filter:drop-shadow(0 0 8px #ffde79)}.builder-caption{text-align:center;margin-top:12px;color:#ffedc9;font-size:12px;text-shadow:0 1px 4px #3c2a11;line-height:1.4}.builder-caption .softspot{color:#ffdb76}.mini-sentence{display:none}.aim-hint{position:absolute;bottom:18%;left:25%;transform:translateX(-50%);font-size:16px;color:#fff0c9;text-shadow:0 2px 4px #362917;white-space:nowrap;pointer-events:none;animation:hint-in .4s ease-out;z-index:5}.aim-hint[data-player="1"]{left:75%}.power-meter{position:absolute;bottom:4%;left:7%;width:35%;height:46px;background:var(--tile) center/100% 100% no-repeat;display:flex;align-items:center;gap:12px;padding:10px 20px;color:#402918;z-index:4;filter:drop-shadow(0 4px 3px #47301677);pointer-events:none}#power1{left:57%}.power-meter>span{font-size:16px;font-weight:900;letter-spacing:1px}.power-meter>div{height:13px;flex:1;border-radius:6px;background:#493925;box-shadow:inset 0 2px 3px #241a11,0 1px 1px #f6dbb0}.power-meter i{display:block;width:0;height:100%;background:linear-gradient(#ffc264,#c75b2b);border-radius:5px;box-shadow:0 0 5px #efbe6555}.impact{position:absolute;left:75%;top:43%;transform:translate(-50%,-50%) rotate(-7deg);font-size:clamp(26px,4vw,58px);font-weight:900;color:#ffe6a4;text-shadow:0 3px #a86632,0 6px #573b21,0 7px 10px #27190b88;pointer-events:none;z-index:9;white-space:nowrap;animation:impact-pop .2s ease-out}.translation{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:13px;color:#fff0c8;max-width:80%;text-align:center;text-shadow:0 1px 4px #2b2117,0 1px 7px #21150d;pointer-events:none;z-index:5}.veil{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#211f143f;backdrop-filter:blur(3px)}.start-card{text-align:center;padding:28px;max-width:550px;color:#ffe7be;text-shadow:0 3px 2px #4b321e}.start-card h1,.start-card h2{font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif;font-size:clamp(36px,5vw,64px);line-height:1.05;margin:0 0 14px;font-weight:900;letter-spacing:-1px}.start-card p{margin:0 0 25px;font-size:20px}.start-card small{display:block;font-size:13px;margin-top:18px;opacity:.9}.clay-button{border:0;padding:17px 32px;min-height:60px;background:var(--tile) center/100% 100% no-repeat;color:#4b2d19;filter:drop-shadow(0 5px 2px #21170e77);font-size:21px;font-weight:900;text-shadow:0 1px #f7dba1;transition:transform .15s}.clay-button:hover:not(:disabled){transform:translateY(-3px);filter:brightness(1.1) drop-shadow(0 5px 2px #21170e77)}.clay-button:active{transform:translateY(1px)}.clay-button:disabled{opacity:.7}.text-button{display:block;margin:17px auto 0;background:transparent;color:var(--cream);border:0;font-size:15px;text-shadow:0 2px #543c24;text-decoration:underline}.neuphonic{display:block;font-size:19px;letter-spacing:1px;margin-top:-8px;margin-bottom:30px}.win-actions{display:flex;gap:15px;justify-content:center}.win-actions .clay-button{font-size:18px}.win-veil{background:#241c1252}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}#load-error{display:block;color:#ffd38a;margin-top:14px;font-size:14px}.paused-game .clock,.paused-game .countdown{animation-play-state:paused}
@keyframes clay-glow{0%{transform:scale(.9);filter:drop-shadow(0 0 1px #ffdc51)}50%{transform:scale(1.12);filter:drop-shadow(0 0 20px #ffd15a)}100%{transform:scale(1.035);filter:drop-shadow(0 0 6px #ffdc51)}}@keyframes heart-hit{0%,35%{transform:scale(1.3) rotate(-8deg);filter:brightness(1.8)}65%{transform:scale(.8) rotate(7deg)}100%{transform:scale(1)}}@keyframes count-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(1.4)}15%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@keyframes clock-pulse{to{transform:scale(1.1)}}@keyframes builder-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes impact-pop{from{transform:translate(-50%,-50%) rotate(-7deg) scale(1.6)}to{transform:translate(-50%,-50%) rotate(-7deg) scale(1)}}@keyframes hint-in{from{opacity:0}to{opacity:1}}
@media(min-width:1600px){.word-option{min-height:65px;padding:12px}.word-column{gap:11px}.hud{gap:15px}.heart{width:42px;height:42px}.language{width:70px;height:48px}.clock{top:82px}.builder{top:29%}}@media(max-width:1000px){#title{height:38px;left:12px;top:12px}.hud{top:62px;left:5%;gap:6px}.language{width:46px;height:35px;font-size:19px}.heart{width:27px;height:29px}.hearts{gap:1px}.clock{top:108px;right:7%;width:34px;height:34px}.clock span{font-size:18px}.builder{top:29%;width:47%;left:1.5%}.builder[data-player="1"]{left:51.5%}.word-option{min-height:60px;padding:8px 5px}.word-option strong{font-size:12px}.word-option small{font-size:10px}.connector{font-size:11px;max-width:29px}.sentence-frame{gap:3px}.builder-caption{font-size:10px}.aim-hint{font-size:13px}.power-meter{height:40px;padding:10px 14px;gap:7px}.power-meter>span{font-size:12px}.power-meter>div{height:10px}.translation{font-size:11px}.utilities{top:12px;right:12px}.icon-button{width:31px;height:31px;font-size:20px}}
@media(max-width:640px){#title{width:43%;height:27px;top:12px;left:8px}.utilities{top:9px;right:9px;gap:6px}.icon-button{width:27px;height:27px;font-size:18px}.hud{top:48px;left:7%;gap:4px;flex-wrap:wrap;max-width:88%}.language{width:42px;height:29px;font-size:17px}.hearts{gap:1px;width:100%;margin-top:1px}.heart{width:24px;height:25px}.clock{top:55px;right:9%;width:30px;height:30px}.clock span{font-size:16px}.builder{top:26%;width:44%;left:3%}.builder[data-player="1"]{left:53%}.connector{display:none}.word-column{display:none}.word-column.active{display:flex;gap:7px}.word-option{min-height:45px;padding:7px}.word-option strong{font-size:14px}.word-option small{font-size:11px;margin-top:3px}.mini-sentence{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;font-size:12px;color:#fff1c6;text-shadow:0 2px #392817;min-height:22px;margin-bottom:8px}.mini-sentence span{padding:2px 3px}.mini-sentence .current{color:#ffdb64}.builder-caption{font-size:10px;margin-top:8px;line-height:1.3}.power-meter{left:4%;width:42%;bottom:4%;height:34px;padding:8px 10px;gap:5px}#power1{left:54%}.power-meter>span{font-size:10px;letter-spacing:0}.power-meter>div{height:9px}.aim-hint{font-size:11px;white-space:normal;width:42%;text-align:center;bottom:15%}.translation{font-size:10px;bottom:5px;max-width:90%}.start-card{padding:20px}.start-card p{font-size:17px}.start-card small{font-size:11px}.clay-button{font-size:18px;padding:14px 24px;min-height:53px}.win-actions{gap:8px}.win-actions .clay-button{font-size:15px;padding:14px 18px}}
@media(max-height:570px) and (min-width:641px){#title{height:29px;top:8px}.hud{top:44px}.clock{top:45px}.builder{top:28%}.word-option{min-height:38px;padding:4px 7px}.word-option small{font-size:10px;margin-top:2px}.word-column{gap:4px}.builder-caption{margin-top:6px}.power-meter{bottom:3%;height:32px}.aim-hint{bottom:15%}}
@media(prefers-reduced-motion:reduce){.word-option.selected,.heart.lost,.clock.urgent{animation:none}}