@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/hecivo/assets/bangers-latin-ext-400-normal-7BLmjjiv.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/hecivo/assets/bangers-latin-400-normal-DeHY8Ncq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(/hecivo/assets/rubik-latin-ext-500-normal-CKoAoPpD.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(/hecivo/assets/rubik-latin-500-normal-1os41rQk.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(/hecivo/assets/rubik-latin-ext-700-normal-D5I4eEgK.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(/hecivo/assets/rubik-latin-700-normal-D-tMm-eS.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:800;src:url(/hecivo/assets/rubik-latin-ext-800-normal-C-Q65BvC.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:800;src:url(/hecivo/assets/rubik-latin-800-normal-BtaGuVpR.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #1a1423;--paper: #fff4d8;--paper-2: #fffaf0;--yellow: #ffd23f;--red: #ff3b30;--blue: #2b7de9;--pink: #ff5fa2;--green: #2ecc71;--me: #ef3e36;--app-h: 100dvh;--app-top: 0px;--top-h: 52px;--display: "Bangers", "Impact", "Arial Black", sans-serif;--ui: "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--pop: 3px 3px 0 var(--ink);--pop-big: 6px 6px 0 var(--ink);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--ink);color:var(--ink);font-family:var(--ui);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}#app{position:fixed;left:0;right:0;top:var(--app-top);height:var(--app-h);display:flex;flex-direction:column}main{flex:1;min-height:0;display:grid;grid-template-columns:1fr 330px}.topbar{height:var(--top-h);flex:none;display:flex;align-items:center;gap:12px;padding:0 12px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));background:var(--ink);color:#fff;border-bottom:3px solid var(--yellow);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:6px;color:var(--yellow);text-decoration:none;font:30px/1 var(--display);letter-spacing:1px;text-shadow:2px 2px 0 var(--red);flex:none}.brand svg{width:34px;height:34px;overflow:visible}.b-body{fill:#2c2536;stroke:var(--yellow);stroke-width:2}.b-cap{fill:#8d93a8;stroke:var(--yellow);stroke-width:1.6}.b-fuse{fill:none;stroke:#e8cf97;stroke-width:2.4;stroke-linecap:round}.b-spark{fill:var(--yellow);transform-origin:38px 3px;animation:spark .35s steps(2) infinite}.b-shine{fill:#fff;opacity:.8}@keyframes spark{50%{transform:scale(1.35) rotate(20deg);fill:#fff}}.scoreboard{display:flex;align-items:center;gap:8px;min-width:0}.round-tag{font:18px/1 var(--display);letter-spacing:.5px;background:var(--yellow);color:var(--ink);padding:5px 9px 3px;border-radius:6px;white-space:nowrap;transform:rotate(-2deg);box-shadow:2px 2px 0 var(--red)}.my-wins{font:18px/1 var(--display);color:var(--yellow);letter-spacing:2px;white-space:nowrap}.identity{margin-left:auto;display:flex;align-items:center;gap:6px;position:relative;min-width:0}.identity-dot{width:30px;height:30px;border-radius:50%;border:2.5px solid #fff;background:var(--me);padding:0;flex:none}.identity-dot i{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.55) 0 18%,transparent 20%)}#playerName{width:132px;min-width:0;background:#2c2536;border:2px solid #4a4358;border-radius:8px;color:#fff;padding:6px 9px;font-weight:600}#playerName:focus{border-color:var(--yellow);outline:none}.color-picker{position:absolute;top:44px;left:0;background:var(--paper-2);border:3px solid var(--ink);border-radius:12px;padding:10px;box-shadow:var(--pop-big);z-index:30}.color-grid{display:grid;grid-template-columns:repeat(5,32px);gap:8px}.color-grid button{width:32px;height:32px;border-radius:50%;border:3px solid var(--ink);background:var(--c);box-shadow:2px 2px 0 var(--ink)}.color-grid button.selected{outline:3px solid var(--ink);outline-offset:2px;transform:scale(1.08)}.color-grid button:disabled{opacity:.25;cursor:not-allowed}.toolbar{display:flex;gap:6px;flex:none}.icon-button{width:36px;height:36px;border-radius:9px;border:2px solid #4a4358;background:#2c2536;color:#fff;display:grid;place-items:center;padding:0;font:700 18px/1 var(--ui);transition:transform .12s,background .12s,border-color .12s}.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.icon-button:hover{border-color:var(--yellow);background:#3a3247;transform:translateY(-1px)}.icon-button:active{transform:translateY(1px)}.icon-button[aria-pressed=true]{color:#ff9b94}.lang-button{font:17px/1 var(--display);letter-spacing:1px}#menuButton{display:none}.arena{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--paper)}#stage{position:absolute;inset:0;width:100%;height:100%;display:block}.dock{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:min(720px,calc(100% - 20px));padding:0 0 max(10px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:7px;z-index:3}.alphabet{display:flex;flex-wrap:nowrap;justify-content:center;gap:2px}.alphabet span{flex:0 1 23px;min-width:0;height:24px;display:grid;place-items:center;font:15px/1 var(--display);border:2px solid var(--ink);border-radius:5px;background:#fffaf0db;color:#1a142373;box-shadow:1.5px 1.5px 0 var(--ink)}.alphabet span.got{background:var(--yellow);color:var(--ink)}.alphabet span.new{animation:chip-pop .5s cubic-bezier(.2,1.8,.4,1)}.alphabet.wave span{animation:chip-wave .9s ease both;animation-delay:calc(var(--i) * 28ms)}.alphabet.off span{opacity:.45}@keyframes chip-pop{0%{transform:scale(.4) rotate(-20deg);background:#fff}60%{transform:scale(1.45) rotate(8deg)}to{transform:none}}@keyframes chip-wave{0%{transform:none}30%{transform:translateY(-12px) scale(1.25);background:var(--red);color:#fff}to{transform:none}}.word-form{display:flex;gap:8px;align-items:stretch}#word{flex:1;min-width:0;height:54px;border:3px solid var(--ink);border-radius:12px;background:#fff;box-shadow:4px 4px 0 var(--ink);padding:0 16px;font:800 24px/1 var(--ui);letter-spacing:2px;text-transform:uppercase;color:var(--ink);transition:transform .12s,background .2s}#word::placeholder{text-transform:none;letter-spacing:0;font-weight:500;font-size:17px;color:#8d8697}#word:focus{outline:none;border-color:var(--ink);background:#fffef6}.word-form.mine #word{background:#fffbe0;box-shadow:4px 4px 0 var(--ink),0 0 0 4px var(--yellow)}.word-form.shake #word{animation:shake .4s;background:#ffe2df}.word-form.ok #word{animation:ok .45s}@keyframes shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}@keyframes ok{0%{background:#c9f7da}to{background:#fff}}.send{width:58px;flex:none;border:3px solid var(--ink);border-radius:12px;background:var(--red);color:#fff;box-shadow:4px 4px 0 var(--ink);display:grid;place-items:center;transition:transform .1s,box-shadow .1s}.send svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.send:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.send:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.tr-keys{display:flex;justify-content:center;gap:6px}.tr-keys button{min-width:34px;height:28px;border:2px solid var(--ink);border-radius:7px;background:var(--paper-2);font:700 16px/1 var(--ui);box-shadow:2px 2px 0 var(--ink)}.tr-keys button:hover{background:var(--yellow)}.tr-keys button:active{transform:translate(2px,2px);box-shadow:none}.primary,.secondary{border:3px solid var(--ink);border-radius:12px;padding:11px 16px;font:22px/1 var(--display);letter-spacing:1px;box-shadow:var(--pop);transition:transform .1s,box-shadow .1s,filter .1s}.primary{background:var(--red);color:#fff;text-shadow:2px 2px 0 var(--ink)}.secondary{background:var(--yellow);color:var(--ink)}.primary:hover,.secondary:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.primary:active,.secondary:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.primary:disabled{filter:grayscale(.7);opacity:.7;cursor:default;transform:none}.text-button{border:0;background:none;color:var(--blue);font-weight:700;padding:6px 4px;text-decoration:underline;text-underline-offset:3px}.welcome{position:absolute;inset:0;display:grid;place-items:center;padding:16px;z-index:6;background:radial-gradient(circle at 50% 50%,#fff4d859,#1a142361);overflow:auto}.welcome-card{width:min(520px,100%);background:var(--paper-2);border:4px solid var(--ink);border-radius:18px;box-shadow:9px 9px 0 var(--ink);padding:22px 24px 20px;transform:rotate(-1.2deg);animation:card-in .55s cubic-bezier(.2,1.5,.4,1) both;position:relative}.welcome-card:before{content:"";position:absolute;inset:0;border-radius:14px;background:radial-gradient(circle,rgba(255,95,162,.22) 1.6px,transparent 2px) 0 0 / 11px 11px;pointer-events:none;mask-image:linear-gradient(135deg,transparent 55%,#000)}@keyframes card-in{0%{transform:scale(.4) rotate(-12deg);opacity:0}}.welcome h1{margin:0 0 4px;font:clamp(44px,9vw,76px)/.9 var(--display);color:var(--yellow);letter-spacing:2px;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--red),7px 7px 0 var(--ink);transform:rotate(-3deg)}.welcome .kicker{display:inline-block;font:24px/1 var(--display);background:var(--red);color:#fff;padding:6px 12px 4px;border:3px solid var(--ink);border-radius:8px;transform:rotate(2deg);box-shadow:var(--pop);margin-bottom:10px;letter-spacing:1px}.welcome p{margin:8px 0 14px;font-size:16px;line-height:1.45;font-weight:500}.welcome ol{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:8px}.welcome li{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;font-size:15px;line-height:1.35}.welcome li b{width:32px;height:32px;border:2.5px solid var(--ink);border-radius:50%;display:grid;place-items:center;font:18px/1 var(--display);background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}.welcome .actions{display:flex;gap:10px;flex-wrap:wrap}.welcome .actions button{flex:1 1 200px}.intro-card{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:7;pointer-events:none;text-align:center}.intro-card .panel-burst{position:relative;width:min(440px,calc(100vw - 40px));padding:26px 20px 22px;background:var(--yellow);border:4px solid var(--ink);border-radius:16px;box-shadow:8px 8px 0 var(--ink);animation:slam .5s cubic-bezier(.2,1.6,.4,1) both;overflow:hidden}.intro-card .panel-burst:before{content:"";position:absolute;inset:-60%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.55) 0 6deg,transparent 6deg 14deg);animation:spin 8s linear infinite}.intro-card h2{position:relative;margin:0;font:clamp(54px,12vw,104px)/.9 var(--display);color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--red);letter-spacing:3px}.intro-card p{position:relative;margin:8px 0 0;font:700 clamp(14px,2.6vw,19px)/1.3 var(--ui);background:#fff;display:inline-block;padding:5px 12px;border:2.5px solid var(--ink);border-radius:8px}.intro-card.out{animation:fly-out .35s ease-in both}@keyframes slam{0%{transform:scale(2.6) rotate(-14deg);opacity:0}to{transform:rotate(-2deg);opacity:1}}@keyframes fly-out{to{transform:translate(-50%,-150%) rotate(10deg);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}.count{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:7;pointer-events:none;font:clamp(90px,20vw,170px)/1 var(--display);color:var(--yellow);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:8px 8px 0 var(--ink)}.count.pop{animation:count-pop .75s cubic-bezier(.2,1.7,.4,1) both}.count.go{color:var(--red);top:22%;font-size:clamp(56px,11vw,100px)}.count.go.pop{animation-duration:.55s}@keyframes count-pop{0%{transform:translate(-50%,-50%) scale(.2) rotate(-25deg);opacity:0}25%{opacity:1}75%{transform:translate(-50%,-50%) scale(1) rotate(-4deg);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.banner{position:absolute;left:50%;top:18%;transform:translate(-50%) rotate(-2deg);z-index:7;pointer-events:none;padding:12px 24px 9px;font:clamp(26px,5vw,44px)/1 var(--display);letter-spacing:1.5px;color:#fff;background:var(--red);border:4px solid var(--ink);border-radius:12px;box-shadow:7px 7px 0 var(--ink);text-shadow:3px 3px 0 var(--ink);white-space:nowrap;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;animation:banner-in .5s cubic-bezier(.2,1.6,.4,1) both}.banner.alt{background:var(--blue)}.banner small{display:block;font:600 15px/1.3 var(--ui);letter-spacing:0;text-shadow:none;margin-top:4px;white-space:normal}@keyframes banner-in{0%{transform:translate(-50%,-40px) rotate(-12deg) scale(.5);opacity:0}}.pause-note{position:absolute;left:50%;top:12px;transform:translate(-50%);z-index:6;background:#fff;border:3px solid var(--ink);border-radius:10px;padding:8px 14px;font-weight:700;box-shadow:var(--pop);text-align:center;max-width:calc(100% - 24px)}.pause-note small{display:block;font-weight:500;font-size:13px}.result{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:16px;background:#1a142359;overflow:auto}.result-card{width:min(460px,100%);background:var(--paper-2);border:4px solid var(--ink);border-radius:18px;box-shadow:9px 9px 0 var(--ink);padding:18px 20px;animation:card-in .55s cubic-bezier(.2,1.5,.4,1) both;transform:rotate(1deg)}.result-card h2{margin:0 0 12px;font:clamp(36px,8vw,56px)/.95 var(--display);color:var(--yellow);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--red);letter-spacing:1.5px;transform:rotate(-2deg)}.result-card table{width:100%;border-collapse:collapse;margin-bottom:14px;font-weight:600}.result-card th{text-align:right;font:15px/1 var(--display);letter-spacing:1px;padding:0 6px 6px;color:#6b6475}.result-card th:first-child{text-align:left}.result-card td{padding:6px;border-top:2px dashed rgba(26,20,35,.2);text-align:right;font-variant-numeric:tabular-nums}.result-card td:first-child{text-align:left;display:flex;gap:8px;align-items:center}.result-card tr.win td{background:#ffd23f73}.result-card .dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--ink);flex:none}.result-card .actions{display:flex;gap:10px;flex-wrap:wrap}.result-card .actions button{flex:1 1 150px}.result-card .note{margin:0 0 10px}.toast{position:absolute;left:50%;top:calc(var(--top-h) + 14px);transform:translate(-50%);z-index:40;background:#fff;border:3px solid var(--ink);border-radius:12px;padding:9px 16px;font-weight:700;box-shadow:var(--pop);max-width:calc(100% - 24px);animation:banner-in .35s cubic-bezier(.2,1.6,.4,1) both}.fly-heart{position:fixed;z-index:50;width:34px;height:34px;pointer-events:none;transition:transform .75s cubic-bezier(.5,-.4,.5,1),opacity .2s .65s}.panel{background:var(--paper);border-left:3px solid var(--ink);padding:14px 16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;min-height:0;background-image:radial-gradient(circle,rgba(43,125,233,.13) 1.4px,transparent 1.8px);background-size:12px 12px}.panel>*{flex-shrink:0}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head h2{margin:0;font:28px/1 var(--display);letter-spacing:1px}.panel .icon-button,dialog .icon-button{background:#fff;color:var(--ink);border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}#closePanel{display:none}.mode-switch,.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:3px solid var(--ink);border-radius:11px;overflow:hidden;box-shadow:var(--pop);background:#fff}.mode-switch button,.segmented button{border:0;background:#fff;padding:9px 6px;font-weight:700;border-left:2px solid var(--ink)}.mode-switch button:first-child,.segmented button:first-child{border-left:0}.mode-switch button.active,.segmented button.active{background:var(--yellow)}.mode-switch button{font:20px/1 var(--display);letter-spacing:1px;padding:10px 6px 8px}.segmented.small{box-shadow:2px 2px 0 var(--ink);border-width:2.5px;border-radius:9px}.segmented.small button{padding:6px 8px;font-size:14px}.segmented button:disabled,.stepper button:disabled{cursor:default;color:#a59fae}.bot-settings,.room-settings{display:grid;gap:10px;background:var(--paper-2);border:3px solid var(--ink);border-radius:12px;padding:12px;box-shadow:var(--pop)}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700}.stepper{display:flex;align-items:center;border:2.5px solid var(--ink);border-radius:9px;overflow:hidden;background:#fff;box-shadow:2px 2px 0 var(--ink)}.stepper button{width:32px;height:30px;border:0;background:#fff;font:700 20px/1 var(--ui)}.stepper button:hover:not(:disabled){background:var(--yellow)}.stepper output{min-width:30px;text-align:center;font:20px/1 var(--display);padding-top:2px}.invite-row{display:flex;gap:6px;align-items:center}.invite-row input{flex:1;min-width:0;border:2.5px solid var(--ink);border-radius:8px;padding:7px 8px;background:#fff;font-size:13px}.player-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.player-list li{display:flex;align-items:center;gap:8px;background:#fff;border:2.5px solid var(--ink);border-radius:10px;padding:6px 8px;box-shadow:2px 2px 0 var(--ink);font-weight:600;min-width:0}.player-list li.me{background:#fff6cf}.player-list .dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--ink);flex:none}.player-list .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-list .tag{font-size:11px;font-weight:800;text-transform:uppercase;background:var(--ink);color:#fff;padding:2px 6px;border-radius:5px}.player-list .tag.off{background:#a59fae}.player-list .stat{font:16px/1 var(--display);letter-spacing:1px;white-space:nowrap}.player-list .remove{border:0;background:none;font-size:18px;color:#6b6475;padding:0 2px}.note{margin:0;color:#4a4358;font-size:14px;line-height:1.4}.panel-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:700}.connection:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:#a59fae;margin-right:6px;border:1.5px solid var(--ink)}.connection.online:before{background:var(--green)}.connection.trouble:before{background:var(--red)}dialog{border:4px solid var(--ink);border-radius:18px;box-shadow:9px 9px 0 var(--ink);background:var(--paper-2);padding:18px 20px;width:min(560px,calc(100% - 24px));max-height:calc(var(--app-h) - 30px);color:var(--ink)}dialog::backdrop{background:#1a142380}.help-body ol{padding-left:20px;margin:10px 0;display:grid;gap:8px;line-height:1.45}.keys-help{font-size:14px;color:#4a4358}dialog .primary{width:100%}@media(max-width:899px){:root{--top-h: 48px}main{grid-template-columns:1fr}#menuButton,#closePanel{display:grid}.panel{position:fixed;top:calc(var(--app-top) + var(--top-h));right:0;bottom:auto;height:calc(var(--app-h) - var(--top-h));width:min(360px,92vw);z-index:20;transform:translate(105%);transition:transform .25s ease;box-shadow:-8px 0 #1a142340}.panel.open{transform:none}.topbar{gap:8px;padding:0 8px}.brand span{display:none}#playerName{width:96px}#fullscreenButton{display:none}.icon-button{width:34px;height:34px}}@media(max-width:600px){.alphabet{flex-wrap:wrap;gap:3px}.alphabet span{flex:none;width:21px}}@media(max-width:420px){.toolbar{gap:4px}.icon-button{width:31px;height:31px;border-radius:8px}#playerName{width:78px;padding:5px 7px}.round-tag{font-size:15px;padding:4px 6px 2px}.my-wins{display:none}.alphabet span{width:21px;height:21px;font-size:13px;border-width:1.5px;border-radius:4px}#word{height:48px;font-size:21px}.send{width:52px}}@media(max-height:520px){:root{--top-h: 42px}.brand svg{width:28px;height:28px}.alphabet span{width:19px;height:19px;font-size:13px}#word{height:44px;font-size:20px}.send{width:50px}.dock{gap:5px;padding-bottom:max(6px,env(safe-area-inset-bottom))}}@media(max-height:520px){.welcome-card{width:min(640px,100%);padding:14px 18px}.welcome h1{font-size:46px;margin-bottom:10px}.welcome .kicker{font-size:19px;margin-bottom:4px}.welcome p{margin:6px 0 10px;font-size:15px}.welcome ol{display:none}.result-card{padding:12px 16px}.result-card h2{font-size:34px;margin-bottom:6px}.result-card td{padding:3px 6px}}.kb .alphabet,.kb .tr-keys,.kb.tiny .topbar{display:none}@media(prefers-reduced-motion:reduce){*,*:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}