:root{--ink:#1d2433;--paper:#fff;--sun:#ffd84a;--sun-deep:#c9a21f;--grass:#4cbb4a;--font:ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Nunito", system-ui, sans-serif;--top:calc(env(safe-area-inset-top) + 8px);--left:calc(env(safe-area-inset-left) + 12px);--right:calc(env(safe-area-inset-right) + 12px);--bottom:calc(env(safe-area-inset-bottom) + 14px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;font-family:var(--font);color:var(--ink);overscroll-behavior:none;background:#9fd8f5;margin:0;overflow:hidden}#app{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#game{width:100%;height:100%;display:block}#hud,#labels{pointer-events:none;transition:opacity .2s;position:absolute;inset:0;overflow:hidden}#app.menu #hud,#app.menu #labels{opacity:0;visibility:hidden}button{cursor:pointer;pointer-events:auto;touch-action:manipulation;color:var(--ink);border:0;padding:0;font-family:inherit}#xp{top:var(--top);left:var(--left);right:var(--right);background:#1d24338c;border:2px solid #fff;border-radius:99px;height:16px;position:absolute;overflow:hidden}#xp i{background:linear-gradient(90deg,#4dabf7,#b197fc);width:0;height:100%;transition:width .15s;display:block}#xp span{color:#fff;text-align:center;font-size:11px;font-weight:900;line-height:12px;position:absolute;inset:0}#stats{top:calc(var(--top) + 24px);left:var(--left);flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute}#score,#tier,#chip{background:#ffffffeb;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-weight:900;display:flex;box-shadow:0 3px #00000026}#score{font-size:20px}#score .stars{border-left:2px solid #dfe5ee;margin-left:4px;padding-left:8px;font-size:15px}#tier{border-radius:16px;flex-direction:column;align-items:flex-start;gap:2px;padding:5px 12px 6px;font-size:13px}.tier-row{align-items:center;gap:6px;font-size:17px;display:flex}.bar{background:#dfe5ee;border-radius:99px;width:84px;height:9px;overflow:hidden}.bar i{background:var(--grass);border-radius:99px;width:0;height:100%;transition:width .2s;display:block}#chip{color:#fff;opacity:0;background:#1f2a44;font-size:13px;transition:opacity .2s,transform .2s;transform:translateY(-6px)}#chip.show{opacity:1;transform:none}#corner{top:calc(var(--top) + 24px);right:var(--right);flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute}#minimap{opacity:.92;border:3px solid #fff;border-radius:12px;width:95px;height:100px;box-shadow:0 3px #00000026}#buttons{gap:8px;display:flex}#buttons button{touch-action:none;background:#ffffffeb;border-radius:50%;width:48px;height:48px;font-size:19px;box-shadow:0 3px #00000026}#board{background:#1d243373;border-radius:10px;flex-direction:column;gap:3px;width:118px;padding:6px;display:flex}#board i{color:#fff;text-align:left;white-space:nowrap;text-shadow:0 1px 1px #0009;border-radius:99px;min-width:14px;height:14px;padding:0 5px;font-size:9.5px;font-style:normal;font-weight:900;line-height:14px;transition:width .4s;display:block}#board i.me{outline:2px solid #fff}#dash{right:calc(var(--right) + 10px);bottom:calc(var(--bottom) + 14px);background:var(--sun);width:76px;height:76px;box-shadow:0 5px 0 var(--sun-deep);touch-action:none;border-radius:50%;font-size:34px;transition:transform 60ms,box-shadow 60ms;position:absolute}#dash.on{box-shadow:0 1px 0 var(--sun-deep);transform:translateY(4px)}#dash em{background:var(--ink);color:#fff;white-space:nowrap;border-radius:99px;padding:1px 9px;font-size:12px;font-style:normal;font-weight:900;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}#dash.off{filter:grayscale();opacity:.75;background:#cfd6df;box-shadow:0 5px #9aa5b1}#dash.teach{animation:.9s ease-in-out infinite nudge}@keyframes nudge{50%{transform:scale(1.12)}}#dash-hint{right:calc(var(--right) + 96px);bottom:calc(var(--bottom) + 34px);border:2.5px solid var(--ink);white-space:nowrap;opacity:0;background:#fff;border-radius:14px;padding:8px 14px;font-size:15px;font-weight:900;transition:opacity .2s,transform .2s;position:absolute;transform:translate(10px)}#dash-hint.show{opacity:1;animation:.9s ease-in-out infinite point;transform:none}@keyframes point{50%{transform:translate(6px)}}#banner{color:#fff;text-align:center;white-space:nowrap;-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:0 5px #00000040;opacity:0;font-size:clamp(30px,9.5vw,54px);font-weight:900;position:absolute;top:36%;left:50%;transform:translate(-50%)scale(.6)}#banner-sub{-webkit-text-stroke:0;margin-top:2px;font-size:1.15em}#banner.show{animation:2.2s ease-out forwards banner}@keyframes banner{0%{opacity:0;transform:translate(-50%)scale(.4)}12%{opacity:1;transform:translate(-50%)scale(1.15)}20%{transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-20px)scale(1)}}#count{color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 6px #00000040;font-size:clamp(70px,24vw,130px);font-weight:900;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}#tray{left:var(--left);bottom:var(--bottom);flex-wrap:wrap;gap:5px;max-width:60vw;display:flex;position:absolute}.perk{text-align:center;background:#ffffffe6;border-radius:10px;width:34px;height:34px;font-size:19px;line-height:34px;position:relative;box-shadow:0 2px #00000026}.perk i{background:var(--ink);color:#fff;border-radius:99px;min-width:15px;height:15px;font-size:10px;font-style:normal;font-weight:900;line-height:15px;position:absolute;bottom:-4px;right:-4px}#toast{white-space:nowrap;opacity:0;background:#fffffff2;border-radius:99px;align-items:center;gap:8px;padding:6px 18px 6px 10px;font-size:17px;font-weight:900;display:flex;position:absolute;bottom:24%;left:50%;transform:translate(-50%)}#toast span{font-size:34px}#toast.show{animation:1.4s ease-out forwards toast}@keyframes toast{0%{opacity:0;transform:translate(-50%,20px)scale(.4)}18%{opacity:1;transform:translate(-50%)scale(1.2)}30%{transform:translate(-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-30px)scale(1)}}.tag{color:#fff;white-space:nowrap;will-change:transform;background:#1d243399;border-radius:99px;padding:1px 7px;font-size:11px;font-weight:800;position:absolute;top:0;left:0}.popup,#bubble{will-change:transform;position:absolute;top:0;left:0}.popup{color:var(--sun);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;white-space:nowrap;font-size:22px;font-weight:900}.popup.bad{color:#ff6b6b;font-size:28px}.popup.fun{color:#fff;font-size:30px}#bubble{background:var(--paper);border:2.5px solid var(--ink);text-align:center;opacity:0;border-radius:14px;width:max-content;max-width:min(240px,62vw);padding:8px 12px;font-size:14px;font-weight:700;line-height:1.25;transition:opacity .15s}#bubble:after{content:"";background:var(--paper);border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);width:12px;height:12px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)rotate(45deg)}#bubble.show{opacity:1}#stick{pointer-events:none;opacity:0;width:0;height:0;transition:opacity .12s;position:absolute;top:0;left:0}#stick.on{opacity:1}#stick:before{content:"";background:#ffffff38;border:3px solid #ffffffb3;border-radius:50%;width:124px;height:124px;margin:-62px;position:absolute}#stick.burst:before{border-color:var(--sun);background:#ffd84a4d}#stick.burst i{background:var(--sun)}#stick i{background:#ffffffe6;border-radius:50%;width:52px;height:52px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px #0003}.screen{padding:calc(var(--top) + 12px) 16px calc(var(--bottom) + 8px);text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;visibility:hidden;background:#1f2a449e;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity .25s,visibility 0s .25s;display:flex;position:absolute;inset:0}.screen.show{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .25s}.screen:not(.show) button,.screen:not(.show) input{pointer-events:none}.big-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:34px 30px;margin-bottom:18px;display:flex}.title{color:#fff;-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:0 4px #00000040;margin:0;font-size:clamp(30px,9vw,46px);font-weight:900}small{font-size:11px;font-weight:800}.round{background:#fff;border-radius:50%;width:84px;height:84px;font-size:40px;position:relative;box-shadow:0 6px #0000004d}.round.go{background:var(--sun);box-shadow:0 6px 0 var(--sun-deep)}.round.huge{width:124px;height:124px;font-size:62px;animation:1.6s ease-in-out infinite pulse}.round.small{width:46px;height:46px;font-size:20px;box-shadow:0 4px #0000004d}.round:active{animation:none;transform:translateY(4px);box-shadow:0 2px #0000004d}.round em{background:var(--ink);color:#fff;white-space:nowrap;border-radius:99px;padding:2px 9px;font-size:13px;font-style:normal;font-weight:900;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}@keyframes pulse{50%{transform:scale(1.07)}}.big-icon{font-size:84px;animation:.5s ease-in-out 3 ring}@keyframes ring{25%{transform:rotate(-16deg)}75%{transform:rotate(16deg)}}#start h1{color:#fff;letter-spacing:-1px;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 6px #00000040;margin:0;font-size:clamp(44px,14vw,84px);font-weight:900}#start h1 span{color:#8be36a}#me-card{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}#mode-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}#mode-label{color:#ffffffeb;letter-spacing:.5px;text-shadow:0 2px #00000047;margin:0;font-size:15px;font-weight:900}#start #play{width:152px;height:152px;margin:6px 0 24px;font-size:76px}#start #play:before{content:"";pointer-events:none;border:4px solid #ffffff8c;border-radius:50%;animation:1.8s ease-out infinite play-ring;position:absolute;inset:-10px}@keyframes play-ring{0%{opacity:.7;transform:scale(.92)}to{opacity:0;transform:scale(1.22)}}#start-extras{justify-content:center;align-items:center;gap:34px;margin-top:2px;margin-bottom:10px;display:flex}#mode-pick{justify-content:center;gap:8px;margin:2px 0 -2px;display:flex}#mode-pick .mode{border:2.5px solid var(--ink);color:var(--ink);font-family:var(--font);cursor:pointer;background:#ffffffeb;border-radius:14px;flex-direction:column;align-items:center;gap:1px;padding:7px 16px 5px;font-size:24px;line-height:1;transition:transform 80ms,background .12s;display:flex;box-shadow:0 3px #1d243340}#mode-pick .mode em{font-size:13px;font-style:normal;font-weight:800}#mode-pick .mode:active{transform:translateY(2px);box-shadow:0 1px #1d243340}#mode-pick .mode.on{background:var(--sun);box-shadow:0 3px 0 var(--sun-deep)}#mode-pick .mode.god.on{color:#fff;background:#b06bff;box-shadow:0 3px #6f2fc0}#mode-pick .mode[hidden]{display:none}#mode-pick .mode.god.reveal{animation:2.2s ease-out god-reveal}@keyframes god-reveal{0%{opacity:0;transform:scale(.4)rotate(-12deg)}35%{opacity:1;transform:scale(1.25)rotate(6deg)}55%{transform:scale(.95)rotate(-3deg)}70%{transform:scale(1.1)rotate(2deg);box-shadow:0 0 0 7px #b06bff80}to{transform:scale(1);box-shadow:0 3px #6f2fc0}}#best,#shop-stars{background:#ffffffeb;border-radius:99px;align-items:center;gap:6px;padding:5px 16px;font-size:20px;font-weight:900;display:flex}#cards h2{color:var(--sun);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 5px #00000040;margin:0;font-size:clamp(44px,14vw,72px);font-weight:900}#cards-row{gap:10px;width:min(100%,560px);display:flex}.card{background:#fff;border:5px solid #9aa5b1;border-radius:20px;flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;padding:16px 6px 12px;animation:.35s backwards deal;display:flex;box-shadow:0 7px #00000040}.card:nth-child(2){animation-delay:80ms}.card:nth-child(3){animation-delay:.16s}@keyframes deal{0%{opacity:0;transform:translateY(40px)scale(.8)}}.card:active{transform:translateY(5px);box-shadow:0 2px #00000040}.card.rare{background:#eef7ff;border-color:#4dabf7}.card.epic{background:#f6f0ff;border-color:#b197fc}.card.legendary{background:linear-gradient(160deg,#fff8e1,#ffe6a1);border-color:#f0a500}.card-icon{font-size:clamp(44px,15vw,64px);line-height:1}.card-name{align-items:center;min-height:2.2em;font-size:clamp(11px,3.4vw,15px);font-weight:900;line-height:1.1;display:flex}.card-hint{white-space:nowrap;background:#1d243314;border-radius:99px;padding:3px 8px;font-size:clamp(15px,4.6vw,20px)}.card-cost{color:#fff;white-space:nowrap;background:#1c4fa3;border-radius:99px;margin-top:2px;padding:2px 12px;font-size:clamp(13px,4vw,17px);font-weight:900}.pips{gap:4px;display:flex}.pips i{background:#d5dbe3;border-radius:50%;width:9px;height:9px}.pips i.on{background:var(--grass)}.pips i.new{background:var(--sun);box-shadow:0 0 0 2px var(--sun-deep);animation:.8s ease-in-out infinite pulse}.tap-hint{font-size:40px;animation:1s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-10px)}}#results-grid{grid-template-columns:1fr 1fr;gap:10px;width:min(100%,320px);display:grid}#results-grid div{background:#ffffffeb;border-radius:16px;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:8px;padding:8px 10px 6px;font-size:24px;font-weight:900;display:grid}#results-grid small{opacity:.7;grid-column:1/-1}#r-earned{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}#r-stars{color:var(--sun);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 5px #00000040;align-items:center;gap:8px;font-size:clamp(44px,14vw,68px);font-weight:900;display:flex}#r-gems{color:#74c0fc;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 5px #00000040;align-items:center;gap:8px;font-size:clamp(32px,10vw,50px);font-weight:900;display:flex}#r-gems.hide{display:none}.item-hint{opacity:.75;margin-top:1px;font-size:12px;font-weight:800}#shop{background:#1f2a44e6;justify-content:flex-start;gap:12px}#shop-top{justify-content:space-between;align-items:center;gap:8px;width:min(100%,520px);display:flex}#shop-tabs{gap:10px;display:flex}#shop-tabs button{background:#ffffff59;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:86px;height:64px;font-size:28px;line-height:1.1;display:flex}#shop-tabs button.on{background:#fff;box-shadow:0 4px #0000004d}#shop-grid{touch-action:pan-y;flex:1;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;gap:10px;width:min(100%,520px);padding:12px 12px 10px;display:grid;overflow-y:auto}.item{touch-action:pan-y;background:#fff;border:4px solid #0000;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:104px;padding:10px 4px;display:flex;position:relative;box-shadow:0 5px #0000004d}.item.locked{background:#cfd6df}.item.picked{border-color:var(--sun)}.item.wearing:after{content:"✔";background:var(--grass);color:#fff;border-radius:50%;width:26px;height:26px;font-size:15px;font-weight:900;line-height:26px;position:absolute;top:-8px;right:-8px}.item.shake{animation:.3s shake}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.item-icon{font-size:40px;line-height:1}.item-name{font-size:11px;font-weight:900;line-height:1.1}.price{background:var(--ink);color:#fff;border-radius:99px;padding:2px 9px;font-size:13px;font-weight:900}.mini-snake{flex-direction:row-reverse;align-items:center;display:flex}.mini-snake i{border-radius:50%;width:15px;height:15px;margin-left:-4px;box-shadow:inset 0 -2px #0000002e}.mini-snake i.head{width:22px;height:20px;position:relative}.mini-snake i.head:before,.mini-snake i.head:after{content:"";border:1.5px solid var(--ink);background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:3px}.mini-snake i.head:before{right:3px}.mini-snake i.head:after{top:11px;right:3px}#shop-buy{background:var(--sun);width:min(100%,320px);height:64px;box-shadow:0 6px 0 var(--sun-deep);border-radius:99px;justify-content:center;align-items:center;gap:10px;font-size:28px;font-weight:900;display:none}#shop-buy.show{display:flex}#shop-buy.poor{background:#cfd6df;box-shadow:0 6px #9aa5b1}#shop-buy:active{box-shadow:0 2px 0 var(--sun-deep);transform:translateY(4px)}@media (orientation:landscape){#board,.tap-hint{display:none}#start,#results{flex-flow:wrap}#start h1{width:100%}#shop-grid{grid-template-columns:repeat(6,1fr);width:min(100%,860px)}}.pill-button{background:var(--sun);height:56px;box-shadow:0 6px 0 var(--sun-deep);border-radius:99px;padding:0 24px;font-size:20px;font-weight:900}.pill-button:active{box-shadow:0 2px 0 var(--sun-deep);transform:translateY(4px)}#room-pill{top:calc(var(--top) + 24px);color:#fff;background:#1d243399;border-radius:99px;padding:4px 12px;font-size:15px;font-weight:900;display:none;position:absolute;left:50%;transform:translate(-50%)}#room-pill.show{display:block}#start.busy button{pointer-events:none}#start.busy>:not(#play){opacity:.25;transition:opacity .15s}#start.busy #play{animation:.7s ease-in-out infinite spin-in}@keyframes spin-in{50%{opacity:.7;transform:scale(.92)}}#build{bottom:calc(var(--bottom) - 8px);right:var(--right);color:#ffffff8c;font-size:10px;font-weight:700;position:absolute}.name-pill{background:#ffffffeb;border-radius:99px;padding:8px 18px;font-size:17px;font-weight:900;box-shadow:0 4px #00000040}.name-big{color:var(--sun);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;font-size:clamp(26px,8vw,40px);font-weight:900}.chips{touch-action:pan-y;flex-wrap:wrap;justify-content:center;gap:6px;width:min(100%,560px);max-height:24vh;padding:4px;display:flex;overflow-y:auto}.chip{touch-action:pan-y;background:#ffffffd9;border-radius:99px;padding:7px 12px;font-size:14px;font-weight:800}.chip.on{background:var(--sun);box-shadow:0 3px 0 var(--sun-deep)}#name-input{width:min(88%,340px);height:66px;color:var(--ink);font:900 26px/1 var(--font);text-align:center;pointer-events:auto;-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#fffffff5;border:4px solid #fff;border-radius:18px}#name-input::placeholder{color:#c3cad4}