@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/manrope-cyrillic-ext-wght-normal-2GMQGZDT.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/manrope-cyrillic-wght-normal-F76KYTZG.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/manrope-greek-wght-normal-NNUWM3E7.woff2") format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/manrope-vietnamese-wght-normal-HA5TFICD.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/manrope-latin-ext-wght-normal-6XGHMEDV.woff2") format("woff2-variations");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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url("./media/manrope-latin-wght-normal-73PUZEUA.woff2") format("woff2-variations");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{--color-bg: #083142;--color-accent: #ccf978;--color-tile: #f7f0d9;--color-text: #f6f7ed;--color-warning: #f4d27a;--color-error: #ff8e7d;--color-success: var(--color-accent);--color-dark: #000000;--color-bg-glow: color-mix(in srgb, var(--color-bg) 95%, var(--color-accent));--color-board: color-mix(in srgb, var(--color-bg) 90%, var(--color-dark));--color-cell: color-mix(in srgb, var(--color-bg) 88%, var(--color-text));--color-cell-border: color-mix(in srgb, var(--color-cell) 90%, var(--color-text));--color-board-border: var(--color-cell);--color-cell-bonus: color-mix(in srgb, var(--color-accent) 6%, var(--color-cell));--color-cell-start: color-mix(in srgb, var(--color-warning) 24%, var(--color-cell));--color-cell-bonus-text: var(--color-text);--color-text-muted: color-mix(in srgb, var(--color-text) 75%, var(--color-bg));--color-text-disabled: color-mix(in srgb, var(--color-text) 50%, var(--color-bg));--color-text-on-light: var(--color-bg);--color-text-on-accent: var(--color-text-on-light);--color-tile-bottom: color-mix(in srgb, var(--color-tile) 75%, var(--color-bg));--color-joker-open: color-mix(in srgb, var(--color-text-on-light) 75%, var(--color-tile));--color-accent-bright: color-mix(in srgb, var(--color-accent) 60%, var(--color-text));--color-accent-pressed: color-mix(in srgb, var(--color-accent) 88%, var(--color-bg));--color-opponent: var(--color-accent-pressed);--color-status-bg: var(--color-cell);--color-status-text: var(--color-accent-bright);--color-disabled-bg: var(--color-bg-glow);--color-disabled-border: var(--color-cell);--color-disabled-text: var(--color-text-muted);--color-avatar-secondary: var(--color-text-disabled);--color-button-bg-hover: var(--color-cell-border);--color-button-border: var(--color-cell-border);--color-button-bg: var(--color-board);--color-button-border-hover: color-mix(in srgb, var(--color-text) 50%, var(--color-bg));--color-overlay-bg: var(--color-bg-glow);--color-backdrop: color-mix(in srgb, var(--color-bg) 70%, transparent);--color-shadow-tile: color-mix(in srgb, var(--color-bg) 25%, transparent);--color-shadow-toast: color-mix(in srgb, var(--color-dark) 25%, transparent);--color-shadow-menu: color-mix(in srgb, var(--color-dark) 25%, transparent);--color-shadow-selected: color-mix(in srgb, var(--color-accent) 45%, transparent);--color-shadow-opponent: color-mix(in srgb, var(--color-opponent) 100%, transparent);--font-ui: "Manrope Variable", sans-serif;--border-radius-small: 3px;--border-radius-medium: 6px;--root-padding: .4rem}html{font-size:62.5%}@media(max-width:390px){html{font-size:56.25%}}@media(min-width:740px)and (orientation:portrait){html{font-size:clamp(.625rem,min(1.875vw,1.3dvh),.75rem)}}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,p{margin:0}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at bottom right,var(--color-bg-glow),var(--color-bg) 75%);background-attachment:fixed;color:var(--color-text);font-family:var(--font-ui);font-weight:500;font-size:1.6rem;line-height:1.5}button,input{font:inherit}button{padding:0;border:0;background:transparent;color:inherit;cursor:pointer}button:disabled{cursor:default}button:is(.primary,.secondary):disabled{filter:saturate(.25) opacity(.75)}:is(button,a):is(.primary,.secondary){display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:max(44px,4.4rem);padding:.8rem 1.4rem;border:2px solid var(--color-button-border);border-radius:var(--border-radius-medium);background:var(--color-button-bg);color:var(--color-text);font-weight:700;line-height:1.4;text-align:center;text-decoration:none;overflow-wrap:anywhere;transition:background-color .15s,border-color .15s,color .15s}:is(button,a).primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-text-on-accent)}@media(hover:hover){:is(button,a).primary:not(:disabled):hover{border-color:var(--color-accent-bright);background:var(--color-accent-bright)}:is(button,a).secondary:not(:disabled):hover{border-color:var(--color-button-border-hover);background:var(--color-button-bg-hover)}}:is(button,a).primary:not(:disabled):active{border-color:var(--color-accent-pressed);background:var(--color-accent-pressed)}:is(button,a).secondary:not(:disabled):active{border-color:var(--color-accent);background:var(--color-cell)}:is(button,a).button-large{min-height:max(44px,6rem);padding:1.2rem 1.6rem;font-size:2rem}:is(button,a).button-wide{width:100%}button.button-icon{width:max(44px,4.4rem);height:max(44px,4.4rem);padding:.4rem}button.button-icon.button-large{width:max(44px,6rem);height:max(44px,6rem)}:is(button,a).button-compact{min-height:max(44px,6rem);padding:.6rem .3rem;font-size:1.6rem}:is(button,a).button-menu{width:100%;justify-content:flex-start;text-align:left}button.create-button{flex-direction:column;align-items:flex-start;gap:.4rem;padding:1.4rem 2rem;margin-top:2rem;text-align:left}.create-button strong{font-size:2.4rem}.create-button span{font-weight:500}button.reload-button{margin-bottom:1.6rem}app-game .waiting-dialog :is(.primary,.secondary){margin-top:2rem}app-toast-container button,app-notification-list button{margin-block:1rem 0}@media(prefers-reduced-motion:reduce){:is(button,a):is(.primary,.secondary){transition:none}}svg{display:block;flex-shrink:0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.tile{position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:0;border:0 solid var(--color-tile-bottom);border-bottom-width:.4rem;border-radius:var(--border-radius-small);background:var(--color-tile);color:var(--color-text-on-light);font-weight:800;line-height:1}@media(hover:hover){button.tile:not(:disabled):hover,app-board .cell:not(:disabled):hover .tile,app-joker-dialog .letters button:not(:disabled):hover{background:var(--color-accent)}}.tile.selected{background:var(--color-accent);border-bottom-color:var(--color-accent-pressed);transform:scale(105%)}.tile .points{position:absolute;right:3px;bottom:2px;font-size:1rem;font-weight:600}app-board .cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:0;border:0;border-top:1px solid var(--color-cell-border);border-radius:var(--border-radius-small);background:var(--color-cell);font-size:clamp(1.8rem,5.5vw,2.6rem)}app-board .cell[data-bonus]{background:var(--color-cell-bonus)}app-board .cell[data-row="5"][data-col="5"]{background:var(--color-cell-start)}app-board .cell .tile{width:100%;height:100%;font-size:inherit;box-shadow:none}app-board .cell .tile.joker-open{color:var(--color-joker-open)}app-board .cell .tile.last-opponent-word{border-bottom-color:var(--color-opponent);background-color:var(--color-accent-bright)}app-rack .tile{aspect-ratio:1;font-size:clamp(2.2rem,7vw,3rem)}app-joker-dialog .letters button{min-width:44px;min-height:max(44px,4.4rem);border-radius:var(--border-radius-small);background:var(--color-tile);color:var(--color-text-on-light);font-size:2rem;font-weight:800}