:root{--pula:#e5384f;--pula-l:#ff9aa8;--pula-d:#9e1b2c;--asul:#2f7bea;--asul-l:#97c4ff;--asul-d:#1b4a9e;--berde:#2fb457;--berde-l:#96e8ab;--berde-d:#1b7a33;--kahel:#ff8a1f;--kahel-l:#ffc98a;--kahel-d:#b85a00;--yellow:#ffd23f;--gold:#f2a900;--night:#14123d;--night-2:#1d1a4f;--night-3:#2b2770;--cream:#fff4dc;--ink:#1a1030;--text:#f4f0ff;--radius:18px;--font:"Trebuchet MS", "Arial Rounded MT Bold", Verdana, Arial, sans-serif;--tap:56px;--board-inset:5.28%}.c-pula{--c:var(--pula);--cl:var(--pula-l);--cd:var(--pula-d)}.c-asul{--c:var(--asul);--cl:var(--asul-l);--cd:var(--asul-d)}.c-berde{--c:var(--berde);--cl:var(--berde-l);--cd:var(--berde-d)}.c-kahel{--c:var(--kahel);--cl:var(--kahel-l);--cd:var(--kahel-d)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:var(--night) url(/assets/bg-stars-Yoy_Z-AL.svg) repeat;overscroll-behavior:none;-webkit-user-select:none;user-select:none;margin:0;font-size:18px;line-height:1.35}img,svg{max-width:100%;height:auto;display:block}h1,h2,h3{margin:0 0 .4em;font-weight:900;line-height:1.1}.app{flex-direction:column;max-width:560px;min-height:100%;margin:0 auto;display:flex;overflow-x:hidden}.screen{flex-direction:column;flex:1;gap:14px;padding:12px 14px 28px;display:flex}.screen.scene{background:url(/assets/bg-night-CfCYi-ne.svg) 50%/cover no-repeat}.banderitas-top{background:url(/assets/banderitas-tile-DKxtdqqA.svg) 0 0/160px 70px repeat-x;flex:none;height:70px}.hint{text-align:center;color:var(--ink);background:var(--cream);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:0 4px 0 var(--ink);padding:10px 14px;font-size:19px;font-weight:900}.center{text-align:center;place-items:center;gap:12px;display:grid}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap;justify-content:center}.grow{flex:1}.panel{border:3px solid var(--night-3);border-radius:var(--radius);background:#14123ddb;padding:14px}.btn{font:inherit;color:var(--ink);min-height:var(--tap);cursor:pointer;background:var(--yellow);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:0 5px 0 var(--ink);padding:10px 22px;font-size:20px;font-weight:900;transition:transform 80ms,box-shadow 80ms}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.btn:focus-visible{outline-offset:3px;outline:4px solid #fff}.cell:focus-visible{outline-offset:3px;outline:4px solid #fff}.choice:focus-visible{outline-offset:3px;outline:4px solid #fff}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn.big{width:100%;min-height:68px;font-size:26px}.btn.ghost{background:var(--cream)}.btn.dark{background:var(--night-3);color:#fff;border-color:var(--ink)}.icon-btn{width:var(--tap);height:var(--tap);background:var(--night-3);place-items:center;padding:8px;display:grid}.icon-btn img{width:100%;height:100%}.choice{font:inherit;color:var(--ink);min-height:var(--tap);cursor:pointer;background:var(--cream);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:0 4px 0 var(--ink);padding:8px 16px;font-weight:900}.choice[aria-pressed=true]{background:var(--yellow);box-shadow:0 2px 0 var(--ink);transform:translateY(2px)}.board-wrap{aspect-ratio:1;width:min(96vw,540px);margin:0 auto;position:relative}.board-wrap .frame{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.board{inset:var(--board-inset);border-radius:10px;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(7,1fr);display:grid;position:absolute;overflow:hidden}.cell{cursor:pointer;aspect-ratio:1;touch-action:manipulation;background:0 0;border:0;padding:0;position:relative}.cell .tile{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.cell .parol{z-index:3;pointer-events:none;filter:drop-shadow(0 2px 3px #00000080);width:66%;height:auto;position:absolute;top:3%;left:17%}.cell .glow{z-index:2;pointer-events:none;width:300%;height:300%;position:absolute;top:-100%;left:-100%}.cell .preview{z-index:4;pointer-events:none;opacity:0;width:300%;height:300%;position:absolute;top:-100%;left:-100%}.cell.selected .preview,.cell.empty:hover .preview{opacity:1}.cell.occupied{cursor:default}.cell.selected .tile{filter:brightness(1.35)}.players-bar{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.pcard{border:3px solid var(--night-3);border-radius:var(--radius);background:#14123ddb;grid-template-columns:44px 1fr;align-items:center;gap:2px 8px;padding:8px 10px;display:grid}.pcard .token{grid-row:span 2;width:44px;height:44px}.pcard .name{color:var(--cl);font-size:15px;font-weight:900}.pcard .pts{font-size:24px;font-weight:900;line-height:1}.pcard.active{border-color:var(--c);box-shadow:0 0 0 3px var(--c), 0 0 18px var(--c)}.pips{grid-column:1/-1;align-items:center;gap:3px;min-height:22px;display:flex}.pips img{width:14px;height:20px}.pips .big-flag{width:20px;height:20px;margin-left:4px}.pips .off{filter:grayscale();opacity:.4}.banner{text-align:center;color:var(--ink);border:4px solid var(--ink);border-radius:var(--radius);background:var(--yellow);box-shadow:0 6px 0 var(--ink);padding:14px;font-size:26px;font-weight:900}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@keyframes drop-in{0%{opacity:0;transform:translateY(-260%)scale(1.15)}55%{opacity:1;transform:translateY(6%)scale(.96)}75%{transform:translateY(-4%)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bloom{0%{opacity:1;transform:scale(.15)}to{opacity:0;transform:scale(1)}}@keyframes relight{0%{filter:brightness(2.4)saturate(1.6);transform:scale(1.14)}to{filter:none;transform:none}}@keyframes ash-puff{0%{filter:brightness(1.8);transform:scale(1.1)}30%{transform:translate(-3px)}60%{transform:translate(3px)}to{filter:none;transform:none}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 3px var(--c), 0 0 8px var(--c)}50%{box-shadow:0 0 0 3px var(--c), 0 0 24px var(--c)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes sway{0%,to{transform:translate(-6px)}50%{transform:translate(6px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes swing{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes pop{0%{opacity:0;transform:scale(.3)}70%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes shake-x{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}@keyframes confetti-fall{to{transform:translate3d(var(--drift), 110vh, 0) rotate(var(--rot))}}.anim-drop-in{z-index:6;animation:.55s cubic-bezier(.3,.7,.4,1) both drop-in}.anim-bloom{animation:.7s ease-out both bloom}.anim-relight{animation:.55s ease-out relight}.anim-ash-puff{animation:.5s ease-in-out ash-puff}.anim-pulse-glow{animation:1.6s ease-in-out infinite pulse-glow}.anim-twinkle{animation:2.4s ease-in-out infinite twinkle}.anim-sway{animation:3s ease-in-out infinite sway}.anim-float{animation:2.6s ease-in-out infinite float}.anim-swing{transform-origin:top;animation:3s ease-in-out infinite swing}.anim-pop{animation:.4s ease-out both pop}.anim-bump{animation:.35s ease-out bump}.anim-fade-in{animation:.3s ease-out both fade-in}.anim-slide-up{animation:.35s ease-out both slide-up}.anim-shake-x{animation:.3s ease-in-out shake-x}.confetti-layer{pointer-events:none;z-index:50;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.confetti-piece{top:-24px;left:var(--x);width:var(--w);height:var(--h);background:var(--c);border-radius:var(--r);animation:confetti-fall var(--d) linear var(--delay) forwards;position:absolute}@media (prefers-reduced-motion:reduce){.anim-pulse-glow,.anim-twinkle,.anim-sway,.anim-float,.anim-swing{animation:none}.confetti-layer{display:none}}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}p{margin:0}small{opacity:.85;font-size:14px;font-weight:700;display:block}.ic{flex:none;width:28px;height:28px}.btn{justify-content:center;align-items:center;gap:8px;display:inline-flex}.btn.icon-btn{flex:none;padding:8px}.head-ic{flex:none;width:48px;height:48px}.note{color:#cfc8ff;font-size:15px}.banderitas-top{margin:0 -10px}input{-webkit-user-select:text;user-select:text}.home{text-align:center;align-items:stretch}.home .logo{width:min(100%,380px);margin:0 auto}.home .hero{border-radius:var(--radius);border:3px solid var(--night-3);width:100%}.tagline{font-size:19px;font-weight:900}.promo{text-align:left;border-radius:var(--radius);border:3px solid var(--yellow);background:#14123de6;gap:10px;padding:14px;display:grid;box-shadow:0 0 18px #ffd23f59}.promo h2{color:var(--yellow);align-items:center;gap:10px;margin:0;font-size:22px;display:flex}.lang-toggle{gap:8px;display:flex}.lang-toggle .choice{flex:1}.row .lang-toggle .choice{padding:8px 10px}.panel h2{color:var(--yellow);margin-top:6px;font-size:21px}.panel p+h2{margin-top:14px}.panel p{margin-bottom:4px}fieldset.panel{gap:10px;min-width:0;margin:0;display:grid}legend{color:var(--yellow);padding:0 6px;font-size:19px;font-weight:900}.choices{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px;display:grid}.choices.two{grid-template-columns:1fr 1fr}.choice{font-size:19px}.choice.stack{justify-items:center;gap:4px;padding:10px 8px;display:grid}.choice.stack .ic{width:36px;height:36px}.field input{width:100%;min-height:var(--tap);font:inherit;color:var(--ink);background:var(--cream);border:3px solid var(--ink);border-radius:var(--radius);padding:8px 14px;font-weight:700}.field input:focus-visible{outline-offset:2px;outline:4px solid #fff}.line{align-items:center;gap:12px;margin:6px 0;display:flex}.line .ic{width:40px;height:40px}.example{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:10px;display:grid}.example figure{gap:6px;margin:0;font-size:15px;font-weight:700;display:grid}.mini{border:4px solid #6b3b1d;border-radius:10px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.mini-cell{aspect-ratio:1;position:relative}.mini-cell .tile{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.mini-cell .parol{width:66%;position:absolute;top:3%;left:17%}.screen.game{gap:10px;padding-top:8px}.topbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.pcard .name{align-items:center;gap:4px;min-width:0;display:flex}.pcard .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pcard .robot{flex:none;width:20px;height:20px}.hint.turn{text-align:left;border-color:var(--cd);box-shadow:0 4px 0 var(--c);align-items:center;gap:10px;min-height:64px;display:flex}.hint.turn .ic{width:36px;height:36px}.hint .sub{align-items:center;gap:6px;display:flex}.hint .sub .ic{width:20px;height:20px}.board-wrap{width:min(100vw,520px);margin-left:calc(50% - min(50vw,260px))}.board.locked .preview{display:none}.board.locked .cell{cursor:default}@media (hover:none){.cell.empty:not(.selected):hover .preview{opacity:0}}.cell:focus-visible{z-index:7;outline-offset:-4px}.cell .sym{z-index:4;color:#fff;text-shadow:0 0 3px #000,0 0 3px #000;pointer-events:none;font-size:clamp(12px,3.6vw,18px);font-weight:900;position:absolute;bottom:2%;right:6%}.cell .sparkle{z-index:5;pointer-events:none;width:200%;height:200%;animation:.9s ease-out both sparkle;position:absolute;top:-50%;left:-50%}@keyframes sparkle{0%{opacity:1;transform:scale(.3)rotate(0)}to{opacity:0;transform:scale(1.3)rotate(40deg)}}.controls{grid-template-columns:1fr 1.25fr;gap:10px;display:grid}.controls .btn{min-height:68px;padding:8px 10px}.big-toggle{text-align:left;font-size:16px;line-height:1.1}.big-toggle[aria-pressed=true]{background:var(--yellow);box-shadow:0 0 0 3px var(--yellow), 0 0 18px var(--yellow)}.confirm{font-size:24px}.footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.next{align-items:center;gap:8px;font-weight:900;display:flex}.next .who{justify-items:center;display:grid}.next .who img{width:28px;height:28px}.next small{text-overflow:ellipsis;white-space:nowrap;max-width:62px;font-size:11px;overflow:hidden}.modal{z-index:40;background:#0a081eb3;place-items:center;padding:16px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal .panel{text-align:center;gap:14px;max-width:420px;font-weight:900;display:grid}.result{text-align:center}.result .trophy{width:110px;height:110px;margin:0 auto}.sub-banner{justify-content:center;gap:6px;font-weight:900;display:flex}.ranking{text-align:left;gap:8px;margin:0;padding:0;list-style:none;display:grid}.ranking .pts{font-size:20px}.ranking .pips{font-size:15px;font-weight:900}.with-icon .ic{width:32px;height:32px}.mini-cell.focus{outline:4px solid var(--yellow);outline-offset:-4px;z-index:1}.cell .glow,.cell .preview,.cell .sparkle{max-width:none}