:root{--bg:#08111f;--bg-2:#0d1a2e;--card:#111f36;--card-2:#16284a;--line:#23395c;--ink:#eef3ff;--muted:#9aabc9;--faint:#6c7fa3;--blue:#1f6bff;--blue-2:#3d8bff;--blue-glow:#3d8bff8c;--gold:#ffc531;--green:#2fd58b;--green-2:#19a866;--pink:#e44fd6;--p1:#2b7bff;--p2:#d946c8;--orange:#ff8a1f;--red:#ef4b5b;--violet:#7a4dff;--teal:#14b8a6;--radius:18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(120% 70% at 50% 0%, #12274a 0%, var(--bg) 60%) fixed, var(--bg);min-height:100dvh;color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.45}.app{max-width:480px;padding:max(12px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));margin:0 auto}.screen{flex-direction:column;gap:14px;display:flex}.center{text-align:center;align-items:center}.stack{flex-direction:column;gap:12px;display:flex}.row{gap:10px;display:flex}.row.wrap{flex-wrap:wrap;justify-content:center}.muted{color:var(--muted)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}[hidden]{display:none!important}a{color:var(--blue-2)}h1,h2,h3{margin:0;line-height:1.2}.topbar{grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;min-height:64px;display:grid}.icon-btn,.icon-btn-spacer{width:44px;height:44px}.icon-btn{color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;display:grid}.icon-btn:hover{background:#ffffff0f}.icon{place-items:center;line-height:0;display:inline-grid}.icon svg{width:24px;height:24px}.brand{text-align:center;flex-direction:column;align-items:center;display:flex}.brand-crown{color:var(--gold);margin-bottom:-2px}.brand-crown svg{width:30px;height:30px}.logo{letter-spacing:.01em;color:#fff;text-transform:uppercase;font-size:1.7rem;font-weight:900;line-height:1.05}.logo span{color:var(--gold)}.brand-sub{color:var(--muted);min-height:1.2em;margin:4px 0 0;font-size:.95rem}.hero{text-align:center;padding:28px 0 8px}.hero .logo{font-size:2.5rem}.hero .brand-crown svg{width:40px;height:40px}.tagline{color:var(--muted);margin:10px 0 0}.page-head h1{font-size:1.6rem;font-weight:800}.page-head p{color:var(--muted);margin:4px 0 0}.card{background:linear-gradient(180deg, var(--card-2), var(--card));border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:0 10px 30px #00000040}.card h3{font-size:1.05rem;font-weight:700}label{font-size:.95rem;font-weight:600}input[type=text]{font:inherit;border:1px solid var(--line);width:100%;color:var(--ink);background:#0a1628;border-radius:12px;min-height:48px;padding:12px 14px}input[type=text]::placeholder{color:var(--faint)}input[type=text]:focus{border-color:var(--blue-2);outline:none;box-shadow:0 0 0 3px #3d8bff4d}.field-card{flex-direction:column;gap:8px;display:flex}.code-input{text-transform:uppercase;letter-spacing:.1em;font-family:ui-monospace,Menlo,monospace}.invite-url{text-align:center;font-size:.9rem}.code{letter-spacing:.06em;font-family:ui-monospace,Menlo,monospace}.join-card{flex-direction:column;gap:8px;display:flex}.join-card .row input{flex:1;min-width:0}.btn{font:inherit;cursor:pointer;color:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 18px;font-weight:700;text-decoration:none;transition:transform 80ms,filter .15s,opacity .15s;display:inline-flex}.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.btn.big{border-radius:16px;width:100%;min-height:58px;font-size:1.15rem}.btn.primary{background:linear-gradient(#2d7bff,#1556e0);box-shadow:0 8px 24px #1f6bff59}.btn.green{background:linear-gradient(#27c47e,#128a55);box-shadow:0 8px 24px #27c47e40}.btn.secondary{border:1px solid var(--line);background:#1b2f52}.btn.ghost{border:1px solid var(--line);color:var(--ink);background:0 0}.btn.danger{color:#ffb3bd;background:#3a1420;border:1px solid #6b2232}.btn.whatsapp{background:#1a8f4c}.btn .trail{margin-left:auto}.play-btn{justify-content:center;position:relative}.play-btn .trail{position:absolute;right:18px}.btn:focus-visible,a:focus-visible,summary:focus-visible,.icon-btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.alert{color:#ffc2ca;background:#3a1420;border:1px solid #6b2232;border-radius:12px;margin:0;padding:10px 14px}.how summary{cursor:pointer;font-weight:700}.how ol{color:var(--muted);margin:10px 0 0;padding-left:20px}.how li{margin-bottom:6px}.spinner{border:4px solid var(--line);border-top-color:var(--blue-2);border-radius:50%;width:40px;height:40px;margin:8px auto;animation:.9s linear infinite spin}.loading{gap:18px;padding-top:22vh}@keyframes spin{to{transform:rotate(360deg)}}.setting-card{grid-template-columns:56px 1fr;align-items:start;gap:14px;display:grid}.setting-icon{color:#fff;border-radius:14px;place-items:center;width:56px;height:56px;display:grid}.setting-icon svg{width:28px;height:28px}.setting-icon.violet{background:linear-gradient(135deg,#8b5cf6,#5b21b6)}.setting-icon.green{background:linear-gradient(135deg,#22c55e,#0f8a4d)}.setting-icon.orange{background:linear-gradient(135deg,#ff9f2e,#e5620b)}.setting-icon.red{background:linear-gradient(135deg,#ff5a6b,#c81d3a)}.setting-icon.blue{background:linear-gradient(135deg,#3d8bff,#1d4ed8)}.setting-icon.teal{background:linear-gradient(135deg,#2dd4bf,#0f766e)}.setting-body{min-width:0}.setting-body p{color:var(--muted);margin:4px 0 12px;font-size:.9rem}.segmented{gap:6px;display:flex}.seg{cursor:pointer;flex:1 1 0;min-width:0;font-weight:700}.seg span{border:1px solid var(--line);min-height:42px;color:var(--ink);white-space:nowrap;background:#0c1a30;border-radius:10px;place-items:center;padding:0 8px;font-size:.95rem;transition:background .15s;display:grid}.seg input:checked+span{background:linear-gradient(#2d7bff,#1556e0);border-color:#4f93ff;box-shadow:0 4px 14px #1f6bff66}.seg input:focus-visible+span{outline:3px solid var(--gold);outline-offset:2px}.seg input:disabled+span{opacity:.3;cursor:not-allowed}.summary{background:#0c1a30}.summary h3{margin-bottom:6px}.settings-list{color:var(--muted);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.settings-list li:not(:last-child):after{content:"•";color:var(--faint);margin:0 8px}.host-card{align-items:center;gap:12px;display:flex}.host-card p{margin:0}.lobby-card h2{font-size:1.3rem}.pulse{color:#fff;background:radial-gradient(circle,#2d7bff,#1546b8);border-radius:50%;place-items:center;width:72px;height:72px;animation:1.6s ease-in-out infinite pulse;display:grid}.pulse svg{width:34px;height:34px}@keyframes pulse{0%,to{box-shadow:0 0 #2d7bff80}50%{box-shadow:0 0 0 16px #2d7bff00}}.game{gap:12px}.scoreboard{padding:14px 16px 12px}.players{justify-content:space-between;gap:10px;display:flex}.player{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.player.p2{text-align:right;flex-direction:row-reverse}.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:1.5rem;font-weight:800;display:grid;position:relative}.avatar.p1{background:linear-gradient(135deg,#3d8bff,#1d4ed8)}.avatar.p2{background:linear-gradient(135deg,#e879f9,#a21caf)}.player.p1.active .avatar{box-shadow:0 0 0 3px #0d1a2e, 0 0 0 5px var(--p1)}.player.p2.active .avatar{box-shadow:0 0 0 3px #0d1a2e, 0 0 0 5px var(--p2)}.player.offline .avatar{filter:grayscale(.8);opacity:.6}.pinfo{flex-direction:column;min-width:0;display:flex}.pname-row{align-items:center;gap:4px;min-width:0;display:flex}.player.p2 .pname-row{flex-direction:row-reverse}.pname{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.pcrown{color:var(--gold)}.pcrown svg{width:18px;height:18px}.pscore{font-size:1.8rem;font-weight:800;line-height:1.1}.round-dots{justify-content:center;align-items:center;margin-top:10px;display:flex}.rdot{background:#2a3d61;border-radius:50%;flex:none;width:14px;height:14px}.rdot.current{background:var(--blue-2);box-shadow:0 0 0 4px #3d8bff40}.rdot.p1{background:var(--p1)}.rdot.p2{background:var(--p2)}.rdot.draw{background:var(--faint)}.dot-line{background:#2a3d61;width:48px;height:3px}.play-area{flex-direction:column;gap:12px;display:flex}.turn-card{border-color:#2a4372;padding:18px 16px 14px;position:relative}.turn-head{justify-content:center;min-height:64px;padding:0 70px;display:flex;position:relative}.turn-text{text-align:center}.turn-title{font-size:1.6rem;font-weight:800}.turn-sub{color:var(--muted);margin:4px 0 0;font-size:.92rem}.turn-card[data-turn=me] .turn-title{color:var(--green)}.turn-card[data-turn=p1] .turn-title{color:#5ea0ff}.turn-card[data-turn=p2] .turn-title{color:#ee7ae3}.ring{width:64px;height:64px;position:absolute;top:-6px;right:-4px}.ring svg{width:64px;height:64px}.ring-track{stroke:#22355a}.ring-arc{stroke:var(--green);transition:stroke-dashoffset .1s linear,stroke .2s}.turn-card[data-turn=p1] .ring-arc{stroke:var(--p1)}.turn-card[data-turn=p2] .ring-arc{stroke:var(--p2)}.ring.warn .ring-arc{stroke:var(--orange)}.ring.danger .ring-arc{stroke:var(--red)}.ring-text{font-variant-numeric:tabular-nums;place-items:center;font-size:1rem;font-weight:800;display:grid;position:absolute;inset:0}.ring.danger .ring-text{color:#ff8b97}.tiles{justify-content:center;gap:10px;margin:22px 0 10px;display:flex}.tile{--size:min(19vw, 76px);width:var(--size);aspect-ratio:1;font:inherit;font-size:calc(var(--size) * .56);color:#fff;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(#213558,#182943);border:2px solid #2d4570;border-radius:12px;place-items:center;padding:0;font-weight:800;transition:border-color .15s,box-shadow .15s;display:grid;position:relative;box-shadow:0 6px #0b1526}:is(.len-5 .tile,.tiles:has(.tile:nth-child(5)) .tile){--size:min(16vw, 68px)}.tiles:has(.tile:nth-child(6)){gap:6px}.tiles:has(.tile:nth-child(6)) .tile{--size:min(13.4vw, 58px)}.tiles:has(.tile:nth-child(7)) .tile{--size:min(11.6vw, 52px)}.tiles:has(.tile:nth-child(8)) .tile{--size:min(10.2vw, 46px);border-radius:9px}.tile:disabled{cursor:default}.tile.changed{border-color:var(--green);background:linear-gradient(#145c3f,#0f4630)}.tile.edited{border-color:var(--blue-2);background:linear-gradient(#1d3f7a,#183466)}.tile.selected{box-shadow:0 0 0 2px #59a2ff, 0 0 22px var(--blue-glow), 0 6px 0 #0b1526;border-color:#59a2ff}.tile.selected:before,.tile.selected:after{color:#7fb2ff;font-size:.7rem;line-height:1;position:absolute;left:50%;transform:translate(-50%)}.tile.selected:before{content:"▲";top:-16px}.tile.selected:after{content:"▼";bottom:-20px}.my-turn .tile:not(:disabled):hover{border-color:#4a78c0}.game:not(.my-turn) .tile{opacity:.85}.tile.pop{animation:.45s pop}@keyframes pop{0%{transform:scale(.6)rotate(-8deg)}70%{transform:scale(1.12)}to{transform:scale(1)}}.meaning{color:var(--muted);background:#08111f8c;border:1px solid #22365a;border-radius:12px;margin:10px 0 0;padding:10px 12px;font-size:.88rem;line-height:1.4}.meaning strong{color:var(--ink);letter-spacing:.04em}.def-pos{color:#8fb8ff;font-style:italic}.def-base{color:var(--faint)}.no-def{color:var(--faint);font-style:italic}.hmeaning{color:var(--muted);grid-column:2/-1;margin-top:-4px;font-size:.82rem;line-height:1.35}.editor-hint{text-align:center;min-height:1.4em;color:var(--muted);margin:6px 0 0;font-size:.9rem}.keyboard{grid-template-columns:repeat(7,1fr);gap:7px;transition:opacity .2s;display:grid}.keyboard.disabled{opacity:.35}.pick{font:inherit;cursor:pointer;min-height:50px;color:var(--ink);touch-action:manipulation;background:linear-gradient(#1c2f50,#15253f);border:1px solid #2b4269;border-radius:10px;padding:0;font-size:1.15rem;font-weight:700}.pick:hover:not(:disabled){border-color:#4a78c0}.pick:disabled{cursor:default}.keyboard:not(.disabled) .pick:disabled:not(.undo-key){opacity:.55}.pick.current{box-shadow:0 0 14px var(--blue-glow);background:#1d3f7a;border:2px solid #59a2ff}.undo-key{grid-column:span 2;place-items:center;display:grid}.pick:focus-visible{outline:3px solid var(--gold);outline-offset:1px}.move-alert{color:#ffe1e5;background:linear-gradient(#4a1220,#3a0e19);border:2px solid #ff5a6b;border-radius:14px;align-items:center;gap:12px;margin:14px 0 4px;padding:12px 14px;display:flex;box-shadow:0 0 0 4px #ff5a6b26,0 8px 24px #00000059}.move-alert[data-reason=already_used]{border-color:var(--gold);color:#fff3d6;background:linear-gradient(#4d3008,#3b2406);box-shadow:0 0 0 4px #ffc53126,0 8px 24px #00000059}.alert-icon{color:#2a0710;background:#ff5a6b;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:1.2rem;font-weight:900;display:grid}.move-alert[data-reason=already_used] .alert-icon{background:var(--gold);color:#3b2406}.alert-title{font-size:1.1rem;font-weight:800;display:block}.alert-text{font-size:.92rem;line-height:1.35;display:block}.shake{animation:.42s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.tiles.shake .tile.edited{background:linear-gradient(#5a1626,#431020);border-color:#ff5a6b}.history li.flash{animation:1.6s flash}@keyframes flash{0%,60%{background:#ffc53147}to{background:0 0}}.latency{text-align:center;color:var(--faint);min-height:1em;margin:0;font-size:.75rem}.history-card h3{margin-bottom:8px}.history{flex-direction:column;max-height:300px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.history li{border-top:1px solid #1e3150;grid-template-columns:24px auto 1fr auto;align-items:center;gap:12px;padding:9px 2px;display:grid}.history li:first-child{border-top:0}.hnum{color:var(--muted);font-weight:600}.hword{gap:3px;display:flex}.mini{background:#1a2c4a;border:1px solid #2b4269;border-radius:5px;place-items:center;width:24px;height:26px;font-size:.85rem;font-weight:800;display:grid}.history li:has(.mini:nth-child(7)) .mini{width:19px;font-size:.75rem}.mini.hl{border-color:var(--green);background:#146a45}.hby{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.history li.p1 .hby{color:#5ea0ff}.history li.p2 .hby{color:#ee7ae3}.hnote{color:var(--muted);white-space:nowrap;font-size:.85rem}.match-over{padding:24px 16px}.match-over h2{font-size:1.6rem}.match-over.won h2{color:var(--gold)}.final-score,.big-score{margin:0;font-size:1.25rem;font-weight:800}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#040912b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.overlay-card{width:100%;max-width:400px}.countdown{color:var(--gold);margin:0;font-size:4.5rem;font-weight:900;line-height:1}.sheet-wrap{place-items:end center}.sheet{width:100%;max-width:480px}.credits{text-align:center;color:var(--faint);padding:8px 0 4px;font-size:.8rem}.credits p{margin:2px 0}.credits .made-by{color:var(--muted);font-size:.85rem;font-weight:600}.credits a{color:var(--muted)}.tabs{gap:6px}.tab{font:inherit;cursor:pointer;border:1px solid var(--line);min-height:44px;color:var(--muted);background:#0c1a30;border-radius:12px;flex:1;font-weight:700}.tab.active{color:#fff;background:linear-gradient(#2d7bff,#1556e0);border-color:#4f93ff}.tab:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.my-stats p{color:var(--muted);margin:6px 0 0}.board{margin:0;padding:0;list-style:none}.board li{border-top:1px solid #1e3150;grid-template-columns:32px 40px 1fr auto;align-items:center;gap:10px;padding:9px 4px;display:grid}.board li:first-child{border-top:0}.board li.you{background:#3d8bff1f;border-radius:10px}.board .avatar{width:36px;height:36px;font-size:1rem}.rank{color:var(--muted);text-align:center;font-weight:800}.rank.r1{color:var(--gold)}.rank.r2{color:#cfd8e6}.rank.r3{color:#e0a36a}.bname{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.bvalue{font-size:1.15rem;font-weight:800}.bvalue small{color:var(--muted);font-size:.75rem;font-weight:600}.board-note{color:var(--faint);text-align:center;margin:0;font-size:.8rem}.small{margin:0;font-size:.85rem}.missed-card{background:linear-gradient(#2a2611,#1a1a14);border-color:#5a4a12}.missed-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.missed-head h3{color:var(--gold)}.small-x{width:36px;height:36px;color:var(--muted);font-size:1.4rem}.chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chips.static{justify-content:center;margin-top:6px}.chip{font:inherit;letter-spacing:.08em;cursor:pointer;color:#ffe9a8;background:#2b2a18;border:1px solid #6b5a1a;border-radius:999px;min-height:40px;padding:8px 12px;font-weight:800}.chips.static .chip{cursor:default;min-height:0;padding:4px 10px;font-size:.9rem}.chip.active{background:var(--gold);color:#2b2206;border-color:var(--gold)}.chip:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.missed-meaning{color:var(--muted);background:#0000004d;border-radius:12px;margin:12px 0 0;padding:10px 12px;font-size:.9rem}.missed-meaning strong{color:var(--ink);letter-spacing:.04em}.overlay-missed{width:100%}.net-banner{z-index:20;color:#fff;text-align:center;background:#8f1d2c;padding:8px 12px;font-weight:700;position:sticky;top:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.move-alert:not([hidden])+.editor-hint{display:none}