:root{color-scheme:light;--ink:#2f3650;--mut:#6b7390;--white:#ffffff;--card:#fbfcfd;--yellow:#ffc933;--yellow-d:#e8960f;--yellow-l:#fbf2d6;--blue:#8fb2ea;--blue-d:#6489c8;--green:#6bbb4c;--green-d:#4f9935;--red:#ee7a85;--red-d:#c95562;--char:#59617a;--grass:#93c56c;--grass2:#8abd63;--stone:#f2ede1;--stone2:#ebe4d4;--dirt:#a17452;--dirt-d:#86583a;--f:"Baloo 2","Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif}html,body{min-height:100%}body{background:#e3eef5;color:var(--ink);font-family:var(--f);font-size:16px;line-height:1.4;font-weight:600;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:12px 36px;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--blue-d);outline-offset:3px}.sky{position:fixed;inset:-40px;z-index:-1;pointer-events:none;filter:blur(18px);background:radial-gradient(60% 28% at 20% 92%,rgba(150,200,120,.45),transparent 70%),radial-gradient(60% 28% at 85% 95%,rgba(130,190,110,.4),transparent 70%),radial-gradient(18% 6% at 22% 14%,rgba(255,255,255,.9),transparent 70%),radial-gradient(16% 6% at 78% 20%,rgba(255,255,255,.85),transparent 70%),linear-gradient(#d5e9f7,#e8f2f6 55%,#e3efdc)}.app{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.ol{color:var(--white);-webkit-text-stroke:.12em var(--ink);paint-order:stroke fill;text-shadow:0 .06em 0 var(--ink);letter-spacing:.01em}.ol .y{color:var(--yellow)}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--white);border:2px solid var(--ink);border-radius:999px;padding:2px 12px 2px 4px;font-weight:800;font-size:.92rem;box-shadow:0 2px 0 var(--ink);white-space:nowrap;min-width:0;font-variant-numeric:tabular-nums}.chip.plain{padding:3px 12px}.chip .tx{overflow:hidden;text-overflow:ellipsis;min-width:0}.coin{width:22px;height:22px;flex:none}.rbtn{width:46px;height:46px;flex:none;display:grid;place-items:center;background:var(--white);border:2px solid var(--ink);border-radius:15px;box-shadow:inset 0 -4px #d9dfee,0 2px 0 var(--ink);transition:transform .08s,box-shadow .08s;text-decoration:none;color:var(--ink)}.rbtn svg{width:22px;height:22px}.rbtn:active{transform:translateY(3px);box-shadow:inset 0 -2px #d9dfee,0 1px 0 var(--ink)}.cb{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--ink);border-radius:20px;background:var(--yellow);box-shadow:inset 0 -4px 0 var(--yellow-d),0 3px 0 var(--ink);padding:10px 20px 14px;font-weight:800;font-size:1.05rem;letter-spacing:.03em;text-transform:uppercase;transition:transform .08s,box-shadow .08s;text-decoration:none;color:var(--ink)}.cb:active:not(:disabled){transform:translateY(4px);box-shadow:inset 0 -3px 0 var(--yellow-d),0 1px 0 var(--ink)}.cb.blue{background:var(--blue);box-shadow:inset 0 -4px 0 var(--blue-d),0 3px 0 var(--ink);color:var(--white)}.cb.blue:active:not(:disabled){box-shadow:inset 0 -3px 0 var(--blue-d),0 1px 0 var(--ink)}.cb.white{background:var(--white);box-shadow:inset 0 -4px #d9dfee,0 3px 0 var(--ink)}.cb.green{background:var(--green);box-shadow:inset 0 -4px 0 var(--green-d),0 3px 0 var(--ink);color:var(--white)}.cb:disabled{filter:saturate(.35) brightness(1.05);opacity:.75;cursor:not-allowed}.cb.tall{gap:8px;padding:9px 10px 12px;flex:1;font-size:1rem;border-radius:16px}.cb.tall svg{width:24px;height:24px}.rbtn.sm{width:38px;height:38px;border-radius:12px}.rbtn.sm svg{width:19px;height:19px}.match{font-weight:700;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.match b{color:var(--ink);font-weight:800}.cb .wt{color:var(--white);-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill}.bar{display:flex;align-items:center;gap:10px}.bar .mid{flex:1;display:flex;justify-content:center;min-width:0}.hero{text-align:center;padding-top:8px}.hero h1{margin:0;font-size:clamp(2.4rem,10vw,3.4rem);font-weight:800;line-height:1}.hero p{margin:2px 0 0;font-weight:700;color:var(--mut);font-size:.95rem}.hero .pcs{display:flex;justify-content:center;gap:4px;margin-bottom:-6px}.hero .pcs svg{width:44px;height:44px;animation:bob 2.4s ease-in-out infinite}.hero .pcs svg:nth-child(2){animation-delay:-1.2s}@keyframes bob{50%{transform:translateY(-6px) rotate(-4deg)}}.panel{background:var(--card);border:2px solid var(--ink);border-radius:20px;box-shadow:0 3px 0 var(--ink);padding:14px;display:flex;flex-direction:column;gap:10px}.ph{margin:0;font-size:1.05rem;font-weight:800;display:flex;align-items:center;gap:8px}.choices{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.choice{display:flex;align-items:center;gap:10px;text-align:left;background:var(--white);border:2px solid var(--ink);border-radius:16px;padding:8px 10px;box-shadow:0 2px 0 var(--ink);transition:transform .08s,background .15s;position:relative}.choice:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.choice[aria-pressed=true]{background:var(--yellow-l);box-shadow:0 2px 0 var(--ink),inset 0 0 0 2px var(--yellow)}.choice[aria-pressed=true]:after{content:"";position:absolute;top:-8px;right:-6px;width:22px;height:22px;border-radius:50%;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat;border:2px solid var(--ink)}.choice .ct{display:flex;flex-direction:column;min-width:0;line-height:1.2}.choice .nm{font-weight:800;font-size:1rem}.choice .ds{font-size:.84rem;color:var(--mut);font-weight:600}.stars{display:inline-flex;gap:1px;vertical-align:middle}.stars svg{width:16px;height:16px}.best{font-size:.8rem;color:var(--mut);font-variant-numeric:tabular-nums}.best b{color:var(--ink)}.choices.three{grid-template-columns:repeat(3,minmax(0,1fr))}.choices.three .choice{flex-direction:column;text-align:center;gap:4px;padding:10px 6px}.choices.three .ct{align-items:center}.ds-line{margin:0;font-size:.86rem;color:var(--mut);font-weight:600}.ds-line b{color:var(--ink)}.opts{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.fld{display:flex;flex-direction:column;gap:4px}.fld .lb,.fld label{font-size:.82rem;font-weight:800;color:var(--mut)}.fld input[type=text]{background:var(--white);border:2px solid var(--ink);border-radius:14px;padding:8px 12px;font:inherit;font-weight:700;color:var(--ink);width:100%}.seg{display:flex;background:#e7ecf7;border:2px solid var(--ink);border-radius:14px;padding:3px;gap:3px}.seg button{flex:1;border:0;border-radius:10px;background:transparent;padding:6px;font-weight:800;color:var(--mut)}.seg button[aria-pressed=true]{background:var(--white);color:var(--ink);box-shadow:0 2px 0 var(--ink),0 0 0 2px var(--ink)}.tog{display:flex;align-items:center;gap:10px;cursor:pointer;background:var(--white);border:2px solid var(--ink);border-radius:14px;padding:7px 12px}.tog input{position:absolute;opacity:0;width:1px;height:1px}.tog .sw{width:44px;height:26px;border-radius:99px;background:#d4dae8;border:2px solid var(--ink);position:relative;flex:none;transition:background .2s}.tog .sw:after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:var(--white);border:2px solid var(--ink);transition:transform .2s}.tog input:checked+.sw:after{transform:translate(17px)}.tog input:focus-visible+.sw{outline:3px solid var(--blue-d);outline-offset:2px}.tog .t{font-weight:700;font-size:.92rem;line-height:1.2}.play-btn{font-size:1.25rem;padding:10px 20px 14px;border-radius:18px;width:100%}.menu-links{display:flex;gap:10px}.menu-links .cb{flex:1;font-size:.95rem}.vs{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:24px;background:#1f274073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.vcard{background:var(--card);border:2px solid var(--ink);border-radius:24px;box-shadow:0 3px 0 var(--ink);padding:18px;width:min(42vw,200px);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.vcard .av{width:84px;height:84px;border-radius:22px}.vcard b{font-size:1.15rem;font-weight:800;line-height:1.15;overflow-wrap:anywhere}.vcard span{font-size:.8rem;color:var(--mut);font-weight:700}.vcard.l{animation:inL .45s cubic-bezier(.3,1.5,.5,1) both}.vcard.r{animation:inR .45s .08s cubic-bezier(.3,1.5,.5,1) both}.vs .vsx{font-size:clamp(3rem,14vw,5rem);font-weight:800;line-height:1;animation:popin .5s .35s cubic-bezier(.3,1.8,.5,1) both}@keyframes inL{0%{transform:translate(-120vw) rotate(-8deg)}}@keyframes inR{0%{transform:translate(120vw) rotate(8deg)}}@keyframes popin{0%{transform:scale(0) rotate(-20deg)}}.av{width:44px;height:44px;flex:none;border:2px solid var(--ink);border-radius:14px;display:grid;place-items:center;overflow:hidden}.av svg{width:86%;height:86%}.av.x{background:#fff1b8}.av.o{background:#dfe3f2}.chip .av.mini{width:30px;height:30px;border-width:2.5px;border-radius:50%}.choice .av.big{width:48px;height:48px;border-radius:14px}.bigstars span:nth-child(1) svg{animation-delay:.75s}.bigstars span:nth-child(2) svg{animation-delay:.9s}.bigstars span:nth-child(3) svg{animation-delay:1.05s}.av.easy{background:#d8f5c8}.av.medium{background:#d6e7ff}.av.hard{background:#ffd9de}.status{text-align:center;margin:0;font-size:clamp(1.15rem,4.6vw,1.45rem);font-weight:800;line-height:1.1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:1.2em}.status svg{width:1.25em;height:1.25em;flex:none}.status .dots:after{content:"";animation:dots 1.2s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.meter-row{display:flex;align-items:center;gap:10px}.tug{height:8px;border-radius:99px;background:#cdd3e1;position:relative;overflow:hidden}.tug .f{position:absolute;inset:0 auto 0 0;background:var(--yellow);transition:width .45s cubic-bezier(.3,1.4,.5,1)}.tug .k{position:absolute;top:50%;width:6px;height:28px;margin-left:-3px;transform:translateY(-50%);background:var(--white);border:2px solid var(--ink);border-radius:4px;transition:left .45s cubic-bezier(.3,1.4,.5,1)}.timer{display:inline-flex;align-items:center;gap:5px;background:var(--white);border:2px solid var(--ink);border-radius:99px;padding:1px 10px 1px 4px;font-weight:800;box-shadow:0 2px 0 var(--ink);font-variant-numeric:tabular-nums}.timer svg{width:20px;height:20px}.versus{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center}.ptag{display:flex;align-items:center;gap:8px;background:var(--white);border:2px solid var(--ink);border-radius:14px;padding:4px 8px;min-width:0;transition:transform .2s,background .2s}.ptag.o{flex-direction:row-reverse;text-align:right}.ptag.on{background:var(--yellow-l)}.ptag.o.on{background:#e6e9f6}.ptag .av{width:32px;height:32px;border-radius:10px}.ptag .ti{display:flex;flex-direction:column;min-width:0;line-height:1.1}.ptag .nm{font-weight:800;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ptag .sb{font-size:.72rem;color:var(--mut);font-weight:700}.ptag.on .sb{color:var(--ink)}.score{font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.arena{position:relative;padding-bottom:20px}.island{position:relative;border:2px solid var(--ink);border-radius:22px;padding:6px;background:var(--grass2);box-shadow:0 9px 0 0 var(--dirt),0 9px 0 2px var(--ink),0 22px 24px -10px #2f36504d}.island:after{content:"";position:absolute;left:10%;right:10%;bottom:-9px;height:6px;border-radius:9px;background:var(--dirt-d);opacity:.6}.island.shake{animation:shake .45s}@keyframes shake{20%{transform:translate(-5px,2px) rotate(-.6deg)}40%{transform:translate(5px,-3px) rotate(.6deg)}60%{transform:translate(-3px,2px)}80%{transform:translate(2px,-1px)}}.board{width:100%;aspect-ratio:1;max-width:100%;border-radius:15px;overflow:hidden;display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);box-shadow:inset 0 0 0 2px #1f274026}.cell{all:unset;position:relative;display:block;cursor:pointer}.cell.g{background:var(--grass)}.cell.g.f1{background:var(--grass) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M6 35l2-6 2 6zM9 35l2-4 1 4zM30 11l2-6 2 6z' fill='%239ad962'/%3E%3Ccircle cx='31' cy='31' r='2.4' fill='white'/%3E%3Ccircle cx='31' cy='31' r='1' fill='%23ffd23f'/%3E%3C/svg%3E") center/100% no-repeat}.cell.g.f2{background:var(--grass2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M28 34l2-6 2 6zM31 34l2-4 1 4zM7 14l2-6 2 6z' fill='%2394d25c'/%3E%3C/svg%3E") center/100% no-repeat}.cell.s{background:var(--stone);box-shadow:inset 0 0 0 1px #aa8c5a2e,inset 0 -3px #aa8c5a24}.cell.s.k1{background:var(--stone) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M5 12l7 3 4-4 6 5M27 31l5-3 3 4' fill='none' stroke='%23cdbb95' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}.cell.s.k2{background:var(--stone2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M30 6l-4 6 3 5M6 30l6-2' fill='none' stroke='%23cbb891' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E") center/100% no-repeat}.cell:focus-visible{outline:3px solid var(--blue-d);outline-offset:-3px;z-index:2}.cell.taken,.board.locked .cell{cursor:default}.cell .pc{position:absolute;inset:-6%;width:112%;height:112%;overflow:visible;z-index:1}.cell .pc.drop{animation:drop .32s cubic-bezier(.3,1.6,.5,1)}@keyframes drop{0%{transform:translateY(-45%) scale(.55);opacity:0}}.cell.last:before{content:"";position:absolute;inset:3px;border-radius:30%;background:#ffffff8c;box-shadow:0 0 0 2px #ffffffe6}.cell.hint:before{content:"";position:absolute;inset:1px;border-radius:30%;border:2px solid var(--yellow-d);background:#ffd23f66;animation:hint 1s ease-in-out infinite;z-index:1}@keyframes hint{50%{transform:scale(.82)}}@media(hover:hover){.board:not(.locked) .cell.empty:hover:after{content:"";position:absolute;inset:3px;border-radius:30%;background:#fff6}}.layer{position:absolute;inset:9px;pointer-events:none;z-index:3}.winline{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.winline line{stroke-linecap:round;stroke-dasharray:20;stroke-dashoffset:20;animation:strike .45s .05s ease-out forwards}@keyframes strike{to{stroke-dashoffset:0}}.pop{position:absolute;transform:translate(-50%,-50%);font-weight:800;white-space:nowrap;font-size:clamp(.9rem,3.4vw,1.15rem);animation:popup 1.15s ease-out forwards;color:var(--white);-webkit-text-stroke:.13em var(--ink);paint-order:stroke fill}.pop.y{color:var(--yellow)}.pop.g{color:#b7f08f}.pop.b{color:#cfe0ff}@keyframes popup{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}18%{opacity:1;transform:translate(-50%,-80%) scale(1.25)}32%{transform:translate(-50%,-90%) scale(1)}to{opacity:0;transform:translate(-50%,-210%)}}.banner{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:6}.banner b{font-size:clamp(1.8rem,8vw,2.8rem);font-weight:800;animation:go 1s ease-out forwards}@keyframes go{0%{transform:scale(0) rotate(-12deg)}25%{transform:scale(1.1) rotate(2deg)}35%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(1.1)}}.confetti{position:absolute;left:50%;top:40%;width:9px;height:12px;border:1.5px solid var(--ink);border-radius:3px;z-index:7;pointer-events:none;animation:conf 1.4s ease-out forwards}@keyframes conf{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--rt));opacity:0}}.over{position:absolute;inset:-6px -4px 8px;z-index:8;display:grid;place-items:center;border-radius:24px;background:#cfecff8c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fadein .3s .35s both}@keyframes fadein{0%{opacity:0}}.res{width:min(92%,360px);background:var(--card);border:2px solid var(--ink);border-radius:26px;box-shadow:0 4px 0 var(--ink);padding:0 18px 18px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;animation:popin .45s .45s cubic-bezier(.3,1.6,.5,1) both}.ribbon{margin-top:-24px;padding:6px 26px 10px;border:2px solid var(--ink);border-radius:16px;box-shadow:inset 0 -4px 0 var(--yellow-d),0 2px 0 var(--ink);background:var(--yellow);font-size:clamp(1.4rem,6vw,1.9rem);font-weight:800;line-height:1.1}.ribbon.lose{background:var(--blue);box-shadow:inset 0 -4px 0 var(--blue-d),0 2px 0 var(--ink)}.ribbon.draw{background:var(--white);box-shadow:inset 0 -4px #d9dfee,0 2px 0 var(--ink)}.bigstars{display:flex;gap:4px;align-items:flex-end;margin-top:4px}.bigstars svg{width:46px;height:46px;animation:popin .35s cubic-bezier(.3,1.8,.5,1) both}.bigstars svg:nth-child(2){width:58px;height:58px;margin-bottom:8px}.res .sub{color:var(--mut);font-weight:700;font-size:.95rem;max-width:30ch}.res .pts{display:flex;align-items:center;gap:6px;font-size:1.8rem;font-weight:800;font-variant-numeric:tabular-nums}.res .pts .coin{width:30px;height:30px}.rec{display:inline-block;padding:2px 12px;border:2px solid var(--ink);border-radius:99px;background:var(--green);color:var(--white);font-weight:800;font-size:.85rem;letter-spacing:.04em;animation:bob 1.2s infinite}.res .acts{display:flex;gap:10px;width:100%;margin-top:4px}.res .acts .cb{flex:1;padding-inline:10px;font-size:.98rem}.btns{display:flex;gap:14px}.hint-text{text-align:center;font-size:.84rem;color:var(--ink);opacity:.75;font-weight:700;font-variant-numeric:tabular-nums}.ptitle{text-align:center;margin:0;font-size:clamp(2.2rem,9vw,3rem);font-weight:800;line-height:1.05}.panel h3{margin:0;font-size:1.15rem;font-weight:800}.panel p,.panel li{margin:0;font-weight:600;color:#3b4462;font-size:.98rem}.panel ul,.panel ol{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:4px}.panel b{color:var(--ink)}.examples{display:flex;flex-wrap:wrap;gap:12px 20px}.ex{display:flex;flex-direction:column;gap:3px}.ex .row{display:flex;border:2px solid var(--ink);border-radius:9px;overflow:hidden}.ex .row i{width:30px;height:30px;position:relative;display:block}.ex .row i:nth-child(odd){background:var(--grass)}.ex .row i:nth-child(2n){background:var(--stone)}.ex .row i svg{position:absolute;inset:-6%;width:112%;height:112%}.ex b{font-size:.95rem}.ex span{font-size:.82rem;color:var(--mut)}.bots{display:flex;flex-direction:column;gap:10px}.bot{display:flex;gap:12px;align-items:center}.bot .ct{display:flex;flex-direction:column;line-height:1.2}.tbl-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums;font-size:.95rem}th,td{text-align:left;padding:8px;border-bottom:2px dashed #dfd6c2;white-space:nowrap}th{font-size:.78rem;color:var(--mut);font-weight:800}td.num,th.num{text-align:right}td.name{font-weight:800;max-width:160px;overflow:hidden;text-overflow:ellipsis}.rk{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;border:2px solid var(--ink);font-weight:800;background:var(--white);font-size:.9rem}.rk.r1{background:var(--yellow)}.rk.r2{background:#dfe5f2}.rk.r3{background:#f1b47c}.pill{display:inline-block;padding:0 10px;border-radius:99px;border:2px solid var(--ink);font-size:.8rem;font-weight:800}.pill.easy{background:#d8f5c8}.pill.medium{background:#d6e7ff}.pill.hard{background:#ffd9de}.pill.pvp{background:var(--yellow-l)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px}.stat{display:flex;gap:10px;align-items:center;background:var(--white);border:2px solid var(--ink);border-radius:16px;padding:8px 10px}.stat .t{font-size:.78rem;color:var(--mut);font-weight:800}.stat .v{font-size:1.35rem;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:4px}.stat .v .coin{width:20px;height:20px}.stat .s{font-size:.8rem;color:var(--mut);font-variant-numeric:tabular-nums}.filters{display:flex;flex-wrap:wrap;gap:6px}.filters button{border:2px solid var(--ink);border-radius:99px;background:var(--white);padding:2px 12px;font-weight:800;font-size:.86rem;box-shadow:0 2px 0 var(--ink)}.empty{text-align:center;padding:14px 4px;display:flex;flex-direction:column;align-items:center;gap:8px}.empty .h{font-size:1.25rem;font-weight:800}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:.84rem;color:var(--mut)}.toolbar .cb{font-size:.82rem;padding:6px 12px 9px;border-radius:14px}@media(max-width:420px){.cb.tall{font-size:.98rem}.ptag .av{width:30px;height:30px}.ptag .nm{font-size:.82rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.winline line{stroke-dashoffset:0}}.modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-left,0px));background:#2f365066;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadein .2s both}.sheet{width:min(100%,400px);animation:popin .3s cubic-bezier(.3,1.5,.5,1) both}.tsub{color:var(--mut);font-size:.82rem;font-weight:600}.cell .pc{pointer-events:none}.cell .pc.drop .bd{transform-box:fill-box;transform-origin:50% 100%;animation:drop .32s cubic-bezier(.3,1.6,.5,1)}.cell .pc.drop{animation:none}.hq .arena{perspective:1100px;perspective-origin:50% -10%;padding-bottom:48px}.hq .stage{transform:rotateX(26deg);transform-origin:50% 60%;transform-style:preserve-3d}.hq .island{transform-style:preserve-3d;background:linear-gradient(#9fd173,#83bb58);box-shadow:0 7px #5e9a3c,0 20px 0 0 var(--dirt),0 20px 0 2px var(--ink),inset 0 2px #ffffff59}.hq .island:after{display:none}.hq .arena:before{content:"";position:absolute;left:8%;right:8%;bottom:4px;height:34px;border-radius:50%;background:#2f365047;filter:blur(10px)}.hq .board{overflow:visible;transform-style:preserve-3d;border-radius:15px}.hq .cell{transform-style:preserve-3d}.hq .cell.c-tl{border-top-left-radius:14px}.hq .cell.c-tr{border-top-right-radius:14px}.hq .cell.c-bl{border-bottom-left-radius:14px}.hq .cell.c-br{border-bottom-right-radius:14px}.hq .cell.g{box-shadow:inset 0 2px #ffffff38,inset 0 -2px #2850141f}.hq .cell.s{box-shadow:inset 0 2px #fff9,inset 0 -3px #96785038,inset 0 0 0 1px #aa8c5a2e}.hq .cell .pc{inset:-26% -14% 2%;width:128%;height:124%;transform-origin:50% 100%;transform:rotateX(-26deg)}.hq .cell .pc .sh{display:none}.hq .cell.taken:after{content:"";position:absolute;left:14%;right:14%;bottom:8%;height:26%;border-radius:50%;background:#1f27404d;filter:blur(1.5px)}.hq .layer{transform:translateZ(1px)}.hq .ol{text-shadow:0 .05em 0 var(--ink),0 .1em 0 var(--ink),0 .15em 0 var(--ink),0 .3em .25em rgba(31,39,64,.3)}.hq .hero .pcs svg{filter:drop-shadow(0 8px 6px rgba(47,54,80,.25))}.hq .tug{box-shadow:inset 0 2px 3px #0003}.hq .tug .f{background-image:linear-gradient(#ffe58a,#ffc933 60%,#e2a92c)}.hq .ex .row i svg,.hq .av svg{filter:drop-shadow(0 2px 1px rgba(47,54,80,.2))}@media(prefers-reduced-motion:reduce){.hq .stage{transform:none}}:root{--ink:#263063;--mut:#5b6aa3;--white:#ffffff;--yellow:#ffc933;--yellow-d:#e8960f;--yellow-l:#fff1b8;--blue:#3fa0ff;--blue-d:#1f6fd6;--green:#4cc94a;--green-d:#2c9a2f;--purple:#9a6bff;--purple-d:#6b3fd6;--teal:#25bfc6;--teal-d:#11929a;--red:#ff5d70;--red-d:#d63750;--panel-t:#e6f2ff;--panel-b:#cce3ff;--rim:#96bff0;--well:#f2f8ff;--tile:#eaf4ff;--tile-rim:#b1cff2;--pick:#ffe489;--pick-rim:#f0b429;--hud:rgba(38,48,99,.82);--grass:#8fd45f;--grass2:#84cb54;--stone:#f6efdf;--stone2:#efe6d0}body{background:#8fd0fb}.sky{filter:blur(16px);background:radial-gradient(20% 7% at 20% 12%,rgba(255,255,255,.95),transparent 70%),radial-gradient(14% 6% at 32% 10%,rgba(255,255,255,.85),transparent 70%),radial-gradient(18% 6% at 80% 18%,rgba(255,255,255,.9),transparent 70%),radial-gradient(60% 26% at 15% 90%,#7ccf5a,transparent 70%),radial-gradient(60% 26% at 88% 94%,#6cc24c,transparent 70%),linear-gradient(#58b4f4,#94d3fb 38%,#cdeeff 60%,#a8e08c 80%,#74c75a)}.cb:before,.rbtn:before{display:none}.cb,.cb.blue,.cb.green,.cb.white,.cb.purple{--btn:var(--yellow);--btn-d:var(--yellow-d);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px 4px;border:2px solid var(--ink);border-radius:16px;font-family:var(--f);font-weight:800;font-size:1rem;line-height:1;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-decoration:none;color:var(--ink);-webkit-text-stroke:0;text-shadow:0 1px 0 rgba(255,255,255,.55);background:linear-gradient(#ffffff4d,#fff0 55%) var(--btn);box-shadow:inset 0 2px #ffffff80,inset 0 -4px 0 var(--btn-d),0 4px 0 var(--ink);transition:transform .08s ease,box-shadow .08s ease;overflow:visible}.cb.green{--btn:var(--green);--btn-d:var(--green-d)}.cb.blue{--btn:var(--blue);--btn-d:var(--blue-d)}.cb.white,.cb.purple{--btn:var(--purple);--btn-d:var(--purple-d)}.cb.green,.cb.blue,.cb.white,.cb.purple{color:#fff;text-shadow:0 2px 0 rgba(38,48,99,.45)}.cb .wt{color:inherit;-webkit-text-stroke:0}.cb:active:not(:disabled),.cb.blue:active:not(:disabled),.cb.white:active:not(:disabled),.cb.green:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px #ffffff80,inset 0 -2px 0 var(--btn-d),0 1px 0 var(--ink)}.cb:disabled{filter:grayscale(.55);opacity:.6}.cb.tall{height:52px;flex:1;padding:0 12px 4px;font-size:1.05rem}.cb.tall svg{width:24px;height:24px;flex:none}.play-btn{height:56px;font-size:1.3rem;border-radius:18px}.menu-links .cb{font-size:.92rem}.toolbar .cb{height:36px;padding:0 12px 3px;font-size:.8rem;border-radius:12px}.rbtn,.rbtn.sm{width:40px;height:40px;border-radius:12px;border:2px solid var(--ink);padding-bottom:3px;background:linear-gradient(#ffffff4d,#fff0 55%) var(--teal);box-shadow:inset 0 2px #ffffff80,inset 0 -3px 0 var(--teal-d),0 3px 0 var(--ink)}.rbtn:active{transform:translateY(2px);box-shadow:inset 0 2px #ffffff80,inset 0 -1px 0 var(--teal-d),0 1px 0 var(--ink)}.rbtn svg,.rbtn.sm svg{width:20px;height:20px}.rbtn svg path:not([fill]){stroke:#fff}.chip,.timer{height:32px;padding:0 12px 0 4px;gap:6px;border:2px solid var(--ink);background:var(--hud);color:#fff;box-shadow:0 2px #26306359}.chip.plain{padding:0 14px}.chip .coin{width:24px;height:24px}.timer svg{width:22px;height:22px}.panel,.res,.vcard{background:linear-gradient(var(--panel-t),var(--panel-b));border:2px solid var(--ink);box-shadow:inset 0 2px #ffffffbf,inset 0 -4px 0 var(--rim),0 4px 0 var(--ink)}.panel{border-radius:20px;padding:16px 16px 18px;gap:12px}.ph{font-size:1.1rem;line-height:1.2}.choice{min-height:64px;padding:10px 12px 13px;border-radius:16px;background:var(--tile);box-shadow:inset 0 -4px 0 var(--tile-rim),0 3px 0 var(--ink)}.choice:hover{background:#f3f9ff}.choice:active{transform:translateY(2px);box-shadow:inset 0 -3px 0 var(--tile-rim),0 1px 0 var(--ink)}.choice[aria-pressed=true]{background:var(--pick);box-shadow:inset 0 -4px 0 var(--pick-rim),0 3px 0 var(--ink)}.choice[aria-pressed=true]:after{top:-9px;right:-9px;width:24px;height:24px;border:2px solid var(--ink);background-color:var(--green)}.choices{gap:12px}.choices.three{gap:8px}.choices.three .choice{padding:12px 4px 14px;gap:6px}.choice .ds{color:var(--mut)}.ds-line{color:var(--mut);line-height:1.4}.fld{gap:6px}.fld label,.fld .lb{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--mut)}.fld input[type=text]{height:44px;padding:0 14px;border-radius:12px;background:var(--well);border:2px solid var(--ink);box-shadow:inset 0 3px #26306314}.fld input[type=text]:focus{outline:none;box-shadow:inset 0 3px #26306314,0 0 0 3px #3fa0ff59}.seg{height:44px;padding:3px;gap:3px;border-radius:12px;background:var(--well);border:2px solid var(--ink)}.seg button{height:34px;border-radius:9px;padding:0 8px;color:var(--mut)}.seg button[aria-pressed=true]{background:var(--yellow);color:var(--ink);box-shadow:inset 0 2px #ffffff80,inset 0 -3px 0 var(--yellow-d),0 0 0 2px var(--ink)}.tog{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;min-height:56px;padding:10px 12px 10px 14px;background:var(--well);border:2px solid var(--ink);border-radius:14px;cursor:pointer;box-shadow:inset 0 3px #2630630f}.tog input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.tog .t{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:2px;font-weight:800;font-size:.95rem;line-height:1.25;color:var(--ink)}.tog .tsub{display:block;font-weight:600;font-size:.8rem;line-height:1.35;color:var(--mut)}.tog .sw{grid-column:2;grid-row:1;display:block;flex:none;box-sizing:border-box;position:relative;width:52px;height:30px;padding:0;margin:0;border-radius:15px;border:2px solid var(--ink);background:#c4d0e8;box-shadow:none;transition:background .2s}.tog .sw:after{content:"";box-sizing:border-box;position:absolute;top:50%;left:2px;width:22px;height:22px;transform:translateY(-50%);border-radius:50%;background:#fff;border:2px solid var(--ink);box-shadow:0 1px 2px #2630634d;transition:transform .2s cubic-bezier(.3,1.4,.5,1)}.tog input:checked+.sw{background:var(--green)}.tog input:checked+.sw:after{transform:translate(22px,-50%)}.tog input:focus-visible+.sw{outline:3px solid var(--blue);outline-offset:2px}.ptag{min-height:48px;padding:6px 10px;border-radius:14px;background:var(--tile);box-shadow:inset 0 -3px 0 var(--tile-rim),0 2px 0 var(--ink)}.ptag.on{background:var(--pick);box-shadow:inset 0 -3px 0 var(--pick-rim),0 2px 0 var(--ink)}.ptag.o.on{background:#d9dcf6;box-shadow:inset 0 -3px #a8afe0,0 2px 0 var(--ink)}.ptag .sb{color:var(--mut)}.score{color:var(--ink)}.tug{height:12px;border:2px solid var(--ink);border-radius:8px;background:#5a6390;box-shadow:inset 0 2px #0003}.tug .f{background:linear-gradient(#ffe27a,var(--yellow) 55%,var(--yellow-d))}.status{color:var(--ink)}.match{color:var(--ink);opacity:.8}.match b{opacity:1}.stat{background:var(--tile);border:2px solid var(--ink);box-shadow:inset 0 -3px 0 var(--tile-rim)}.filters button{height:32px;padding:0 14px;background:var(--tile);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink)}.filters button[aria-pressed=true]{background:var(--yellow)}.rk{background:var(--tile)}th,td{border-bottom:2px dashed #b6cdee}.ribbon{color:var(--ink);-webkit-text-stroke:0;text-shadow:0 1px 0 rgba(255,255,255,.5);box-shadow:inset 0 2px #ffffff80,inset 0 -4px 0 var(--yellow-d),0 3px 0 var(--ink)}.ribbon.lose{color:#fff;text-shadow:0 2px 0 rgba(38,48,99,.45);box-shadow:inset 0 2px #fff6,inset 0 -4px 0 var(--blue-d),0 3px 0 var(--ink)}.ribbon.draw{background:var(--tile);box-shadow:inset 0 -4px 0 var(--tile-rim),0 3px 0 var(--ink)}.over{background:#78bef559}.modal{background:#26306373}.rec{background:var(--green);border:2px solid var(--ink)}.hq .cb,.hq .rbtn{filter:drop-shadow(0 6px 6px rgba(38,48,99,.22))}.hq .cb:active:not(:disabled),.hq .rbtn:active{filter:drop-shadow(0 2px 3px rgba(38,48,99,.2))}.hq .choice{filter:drop-shadow(0 6px 6px rgba(38,48,99,.14))}.hq .panel,.hq .res,.hq .vcard{box-shadow:inset 0 2px #ffffffbf,inset 0 -4px 0 var(--rim),0 4px 0 var(--ink),0 16px 20px -10px #26306359}.hq .chip,.hq .timer{background-image:linear-gradient(#ffffff24,#fff0)}