:root{color:#153126;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f8f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f3f8f3;min-width:320px;min-height:100%}body{background:radial-gradient(circle at 12% 8%,#4aaf702b,#0000 30%),radial-gradient(circle at 90% 92%,#1f784c1f,#0000 32%),#f3f8f3;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}#root{min-height:100vh}.landing-page{width:min(1180px,100% - 40px);min-height:100vh;margin:0 auto;padding:42px 0 64px}.brand{color:#174b35;letter-spacing:.24em;align-items:center;gap:16px;font-size:clamp(1.05rem,2.4vw,1.45rem);font-weight:800;display:flex}.brand p{margin:0}.brand-mark{color:#1c7b48;background:#fff;border:1px solid #2d8d56;border-radius:8px;place-items:center;width:54px;height:54px;font-family:Georgia,serif;font-size:1.8rem;display:grid;transform:rotate(-4deg);box-shadow:0 8px 22px #1f784c1f}.eyebrow,.frame-label{color:#237f4c;letter-spacing:.24em;margin:0 0 14px;font-size:.72rem;font-weight:800}.game-frames{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:56px;display:grid}.game-frame{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #1f784c2b;border-radius:22px;min-height:430px;padding:34px;position:relative;overflow:hidden;box-shadow:0 24px 70px #1f5c3d1f}.game-frame:after{content:"";border:1px solid #1f784c1f;border-radius:50%;width:230px;height:230px;position:absolute;bottom:-95px;right:-70px}.create-frame{background:linear-gradient(135deg,#44a0661f,#0000 50%),#fffffff0}.join-frame{background:linear-gradient(135deg,#27774d1a,#0000 50%),#fffffff0}.frame-number{color:#1f784c29;font-family:Georgia,serif;font-size:3.5rem;position:absolute;top:28px;right:30px}.frame-heading{align-items:center;gap:18px;margin-bottom:36px;display:flex}.frame-icon{color:#fff;background:#237f4c;border:1px solid #a9d8bc;border-radius:50%;flex:none;place-items:center;width:54px;height:54px;display:grid}.frame-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:24px;height:24px}.frame-heading h2{color:#153126;margin:0;font-family:Georgia,serif;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:500}.frame-label{margin-bottom:7px;font-size:.62rem}.game-frame form{z-index:1;gap:10px;display:grid;position:relative}.game-frame label{color:#315d48;letter-spacing:.05em;text-transform:uppercase;margin-top:9px;font-size:.78rem;font-weight:700}.game-frame input{color:#153126;background:#f8fbf8;border:1px solid #c6d9ce;border-radius:10px;outline:none;width:100%;min-height:52px;padding:0 16px;transition:border-color .16s,box-shadow .16s}.game-frame input::placeholder{color:#779084}.game-frame input:focus{border-color:#2d8d56;box-shadow:0 0 0 3px #2d8d5624}.primary-button,.secondary-button{color:#fff;border:0;border-radius:10px;min-height:52px;margin-top:12px;font-weight:800;transition:transform .16s,filter .16s}.primary-button{background:#237f4c}.secondary-button{background:#174b35}.primary-button:hover,.secondary-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.primary-button:focus-visible,.secondary-button:focus-visible{outline-offset:3px;outline:3px solid #2d8d5647}.password-dialog-backdrop{z-index:1500;background:#0f271b8f;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.password-dialog{background:#fff;border:1px solid #c6d9ce;border-radius:18px;width:min(100%,420px);padding:30px;box-shadow:0 24px 70px #0a241647}.password-dialog h2{color:#153126;margin:0;font-family:Georgia,serif;font-size:1.8rem;font-weight:500}.password-dialog>p{color:#527064;margin:12px 0 20px}.password-dialog form{gap:10px;display:grid}.password-dialog label{color:#315d48;letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:700}.password-dialog input{color:#153126;background:#f8fbf8;border:1px solid #c6d9ce;border-radius:10px;outline:none;min-height:50px;padding:0 14px}.password-dialog input:focus{border-color:#2d8d56;box-shadow:0 0 0 3px #2d8d5624}.password-dialog .password-error{color:brown;font-weight:700}.password-dialog-actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.password-dialog-actions button{border:0;border-radius:10px;min-height:46px;padding:0 18px;font-weight:800}.password-dialog-actions .primary-button{color:#fff;background:#237f4c;margin:0}.password-cancel-button{color:#315d48;background:#edf4ef}.notification{z-index:2000;box-sizing:border-box;color:#153126;background:#fff;border:1px solid #1f784c40;border-left:4px solid #2d8d56;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;width:min(520px,100% - 32px);padding:14px 16px 14px 20px;font-weight:700;animation:.3s ease-out forwards notification-in;display:flex;position:fixed;top:16px;left:50%;box-shadow:0 18px 50px #1f5c3d38}.notification.closing{animation:.3s ease-in forwards notification-out}.notification-close{color:#527064;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;padding:0;font-size:1.4rem;line-height:1;display:grid}.notification-close:hover{color:#153126;background:#e2f2e7}@keyframes notification-in{0%{opacity:0;transform:translate(-50%,-140%)}to{opacity:1;transform:translate(-50%)}}@keyframes notification-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-140%)}}.active-games{background:#ffffffe0;border:1px solid #1f784c2b;border-radius:22px;margin-top:42px;padding:30px;box-shadow:0 20px 60px #1f5c3d14}.active-games-heading{border-bottom:1px solid #dce9e0;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:22px;display:flex}.active-games-heading h2{color:#153126;margin:7px 0 0;font-family:Georgia,serif;font-size:2.2rem;font-weight:500}.active-games-heading>span{color:#527064;font-size:.82rem;font-weight:700}.empty-games{color:#527064;text-align:center;align-content:center;place-items:center;min-height:190px;display:grid}.empty-games span{color:#2d8d56;margin-bottom:8px;font-size:2rem}.empty-games p,.empty-games small{margin:0}.empty-games p{color:#153126;font-weight:800}.empty-games small{margin-top:5px}.game-list{gap:12px;margin:22px 0 0;padding:0;list-style:none;display:grid}.game-list li{background:#f8fbf8;border:1px solid #dce9e0;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;padding:18px 20px;display:flex}.game-list li>div:first-child{gap:3px;display:grid}.game-code-label{color:#237f4c;letter-spacing:.15em;font-size:.62rem;font-weight:800}.game-list strong{color:#153126;letter-spacing:.12em;font-family:Georgia,serif;font-size:1.35rem}.game-list-details{color:#527064;text-align:right;gap:3px;display:grid}.game-list-details span{font-weight:800}.game-list-details small{color:#71887c}.game-list-join{color:#fff;cursor:pointer;background:#237f4c;border:1px solid #a9d8bc;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;padding:0;transition:background .16s,transform .16s;display:grid}.game-list-join:hover{background:#174b35;transform:translateY(-1px)}.game-list-join:focus-visible{outline-offset:3px;outline:3px solid #2d8d5647}.game-list-join svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:22px;height:22px}.game-screen{width:min(980px,100% - 40px);min-height:100vh;margin:0 auto;padding:36px 0 64px}.game-header{border-bottom:1px solid #1f784c2e;justify-content:space-between;align-items:center;gap:24px;padding-bottom:28px;display:flex}.game-header h1{color:#153126;letter-spacing:-.04em;margin:4px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,6vw,4.4rem);font-weight:500}.game-kicker{color:#237f4c;letter-spacing:.22em;margin:0;font-size:.7rem;font-weight:800}.quit-button{color:#a83b34;background:#fff;border:1px solid #c44b42;border-radius:10px;min-height:46px;padding:0 20px;font-weight:800;transition:color .16s,background .16s,transform .16s}.game-header-actions{align-items:center;gap:10px;display:flex}.player-list-toggle{color:#237f4c;background:#fff;border:1px solid #1f784c42;border-radius:10px;min-height:46px;padding:0 16px;font-weight:800;transition:color .16s,background .16s,transform .16s}.player-list-toggle:hover{color:#fff;background:#237f4c;transform:translateY(-1px)}.current-hand-actions{flex-direction:row;flex:.25;justify-content:space-between;display:inline-flex}.current-hand-actions .play-actions{flex-direction:column;justify-content:space-between;display:flex}.current-hand-actions .play-actions .game-action-button{color:#fff;background:#237f4c;border:1px solid #237f4c;border-radius:10px;min-height:46px;padding:0 20px;font-weight:800;transition:color .16s,background .16s,transform .16s;display:inline}.current-hand-actions .play-actions .game-action-button:hover:not(:disabled){background:#17633c;transform:translateY(-1px)}.current-hand-actions .play-actions .game-action-button:disabled{cursor:not-allowed;opacity:.45}.current-hand-actions .pass-action{height:100%;display:flex}.game-panel{color:#a83b34;background:#fff;border:1px solid #c44b42}.quit-button:hover{color:#fff;background:#c44b42}.game-layout{align-items:start;gap:24px;margin-top:124px;transition:grid-template-columns .22s}.game-layout.player-list-collapsed{grid-template-columns:0 minmax(0,1fr)}.player-list-panel{background:#ffffffeb;border:1px solid #1f784c2e;border-radius:18px;padding:18px;transition:opacity .18s,transform .18s;position:sticky;top:24px;box-shadow:0 18px 50px #1f5c3d17}.game-layout.player-list-collapsed .player-list-panel{opacity:0;pointer-events:none;transform:translate(-16px)}.player-list-heading{border-bottom:1px solid #dce9e0;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:16px;display:flex}.player-list-heading strong{color:#153126;letter-spacing:.08em;margin-top:4px;font-family:Georgia,serif;font-size:1.25rem;display:block}.player-list-heading>span{color:#527064;font-size:.7rem;font-weight:800}.joined-users li{background:#f7faf7;border:1px solid #dce9e0;border-radius:11px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;display:grid}.user-avatar{color:#fff;background:#237f4c;border-radius:50%;place-items:center;width:32px;height:32px;font-size:.72rem;font-weight:800;display:grid}.player-list-name{min-width:0}.player-list-name strong,.player-list-name small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.player-list-name strong{color:#153126;font-size:.78rem}.player-list-name small{color:#6b8176;margin-top:2px;font-size:.62rem}.hand-count{color:#527064;grid-column:2/-1;font-size:.65rem;font-weight:800}.you-label{color:#237f4c;text-transform:uppercase;background:#e2f2e7;border-radius:999px;grid-area:1/3;padding:3px 6px;font-size:.56rem;font-weight:800}.game-content{gap:18px;min-width:0;display:grid;position:relative}.board-section{background:#ffffffeb;border:1px solid #1f784c2e;border-radius:20px;padding:28px;position:relative;box-shadow:0 24px 70px #1f5c3d1f}.deck-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.deck-heading h2{color:#153126;margin:5px 0 0;font-family:Georgia,serif;font-size:2rem;font-weight:500}.deck-heading>p{color:#527064;margin:0;font-weight:800}.board-wrap{justify-content:center;align-items:end;display:flex}.board-stage{isolation:isolate;position:relative}.opponent-hand-frames-layer{z-index:5;pointer-events:none;position:absolute;inset:0}.opponent-hand-frame{z-index:4;box-sizing:border-box;background:#fffffff5;border:1px solid #1f784c33;border-radius:20px;flex-direction:column;gap:8px;width:124px;height:520px;min-height:520px;padding:24px;display:flex;position:absolute;box-shadow:0 24px 70px #1f5c3d1f}.opponent-hand-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.opponent-hand-frame span{color:#526f60;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:800;overflow:hidden}.opponent-hand-frame strong{color:#153126;font-size:.78rem}.opponent-tile-list{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.opponent-tile{background:#e4c895;border:1px solid #8d6840;border-radius:8px;width:76px;height:58px;box-shadow:0 6px 16px #4d301824}.opponent-hand-top{width:100%;height:124px;min-height:124px;top:-142px;left:0;transform:none}.opponent-hand-left,.opponent-hand-right{width:124px;height:100%;min-height:0;top:50%;transform:translateY(-50%)}.opponent-hand-left{left:-148px}.opponent-hand-right{right:-148px}.deck-section,.player-hand-frame{--tile-color:#e4c895}.deck-section{z-index:2;box-sizing:border-box;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;width:150px;height:150px;display:flex;position:absolute;bottom:20px;left:-158px}.replace-tiles-button,.confirm-replacement-button{color:#fff;cursor:pointer;background:#237f4c;border:1px solid #1f784c;border-radius:10px;justify-content:center;align-items:center;min-height:46px;padding:0 20px;font-size:.86rem;font-weight:800;display:inline-flex}.confirm-replacement-button:disabled,.replace-tiles-button:disabled{cursor:not-allowed;opacity:.45}.hand-tile.selected-for-replacement{outline-offset:3px;outline:3px solid #d4ad4b;transform:translateY(-4px)}.draw-tile-button{cursor:pointer;background:0 0;border:0;border-radius:16px;flex:0 0 104px;place-items:center;width:100%;height:104px;padding:0;display:grid}.draw-tile-button:disabled{cursor:not-allowed}.deck-tile-count{color:#527064;text-align:center;margin:0;font-size:.68rem;font-weight:800;display:block}.stacked-deck{transform-origin:bottom;filter:drop-shadow(0 10px 12px #4d30182e);width:86px;height:104px;display:block;position:relative;transform:none}.deck-tile{background:var(--tile-color);width:74px;height:74px;top:calc(var(--deck-index) * 5px);border:2px solid #6f4b2e;border-radius:5px;display:block;position:absolute;left:6px;box-shadow:inset 0 0 0 1px #ffffff57,0 3px 5px #4d301829}.draw-tile-button:hover:not(:disabled) .deck-tile{filter:brightness(1.05)}.draw-tile-button:hover:not(:disabled) .stacked-deck{transform:translateY(-4px)}.draw-tile-button:disabled .deck-tile{filter:saturate(.72)}.player-hand-frame{background:#fffffff5;border:1px solid #1f784c33;border-radius:20px;padding:24px;box-shadow:0 24px 70px #1f5c3d1f}.current-player-hand{flex-direction:row;justify-content:space-between;display:flex}.current-player-header{gap:10px;margin-bottom:10px;display:flex}.current-hand-content{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.current-hand-content ul{flex:1}.shuffle-hand-button{color:#153126;background:var(--tile-color);border:1px solid #6f4b2e;border-radius:8px;flex:none;place-items:center;width:40px;height:40px;transition:color .16s,background .16s,transform .16s;display:grid}.shuffle-hand-icon{width:22px;height:22px}.shuffle-hand-button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.shuffle-hand-button:disabled{cursor:not-allowed;opacity:.45}.player-hand{display:inline-block}.player-hand-frame>p{color:#6b8176;margin:0}.player-hand-frame ul{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.hand-tile{color:#153126;background:var(--tile-color);cursor:grab;border:1px solid #6f4b2e;border-radius:8px;place-items:center;width:58px;height:76px;display:grid;position:relative;box-shadow:0 6px 16px #4d301824}.hand-tile.dragging{opacity:.45;cursor:grabbing}.hand-drop-target{outline-offset:5px;border-radius:8px;outline:3px dashed #d4ad4b}.empty-hand{color:#5e7568;place-items:center;min-height:76px;font-size:.8rem;font-weight:700;display:grid}.hand-tile strong,.hand-tile span{line-height:1}.hand-tile strong{grid-area:1/1;font-family:Georgia,serif;font-size:1.35rem}.hand-tile span{color:#5e7568;font-size:.62rem;font-weight:800;position:absolute;bottom:3px;right:4px}.scrabble-board{aspect-ratio:1;background:#174b35;border:3px solid #174b35;border-radius:8px;grid-template-rows:repeat(15,minmax(0,1fr));grid-template-columns:repeat(15,minmax(0,1fr));width:min(100%,680px);display:grid;overflow:hidden;box-shadow:0 18px 50px #174b3533}.board-tile{color:#fffffff5;letter-spacing:-.03em;border:1px solid #174b3547;place-items:center;min-width:0;min-height:0;font-size:clamp(.38rem,.9vw,.68rem);font-weight:800;transition:outline-color .12s,outline-width .12s,filter .12s;display:grid}.board-tile.drop-target{outline-offset:-3px;filter:brightness(1.08);outline:3px solid #f5d98c}.board-tile.placed-tile{color:#153126;background:#e4c895;box-shadow:inset 0 0 0 1px #ffffff59}.board-tile.placed-tile strong{font-size:clamp(.48rem,1vw,.78rem)}.default-square{background:#46bd6f}.premium-dl{background:#2d8d56}.premium-tl{background:#1f6f43}.premium-dw{background:#2c5f4a}.premium-tw{background:#173f30}.game-panel-heading{border-bottom:1px solid #dce9e0;justify-content:space-between;align-items:center;gap:24px;padding-bottom:22px;display:flex}.game-panel-heading strong{color:#153126;letter-spacing:.12em;margin-top:5px;font-family:Georgia,serif;font-size:2rem;display:block}.game-panel-heading>p{color:#527064;margin:0}.joined-users{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.joined-users li{background:#f7faf7;border:1px solid #dce9e0;border-radius:12px;align-items:center;gap:14px;padding:16px;display:flex}.joined-users li.current-player{background:#2d8d5614;border-color:#79b98e}.user-avatar{color:#fff;background:#237f4c;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.hand-count{color:#527064;margin-left:auto;font-size:.78rem;font-weight:800}.joined-users strong,.joined-users small{display:block}.joined-users strong{color:#153126}.joined-users small{color:#6b8176;margin-top:3px}.you-label{color:#237f4c;text-transform:uppercase;background:#e2f2e7;border-radius:999px;margin-left:auto;padding:5px 9px;font-size:.72rem;font-weight:800}@media (width<=760px){.landing-page{width:min(100% - 28px,570px);padding-top:25px}.game-frames{grid-template-columns:1fr;margin-top:42px}.game-frame{min-height:auto;padding:26px 22px}.active-games{padding:22px}.active-games-heading,.game-list li{flex-direction:column;align-items:flex-start}.game-list-details{text-align:left}.game-screen{width:min(100% - 28px,560px);padding-top:25px}.game-header,.player-list-heading{flex-direction:column;align-items:flex-start}.player-list-panel{position:static}.joined-users{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.board-section{padding:20px 20px 110px}.board-wrap{padding-left:0}.opponent-hand-frame{width:118px;min-height:122px;padding:16px}.opponent-hand-top{width:100%;top:-138px}.opponent-hand-left,.opponent-hand-right{width:118px;height:100%;min-height:0}.opponent-hand-left{left:-134px}.opponent-hand-right{right:-134px}.deck-section{width:150px;height:150px;bottom:20px;left:20px}.draw-tile-button{flex-basis:124px;height:124px}.stacked-deck{width:76px;height:124px}.deck-tile{width:64px;height:64px;top:calc(var(--deck-index) * 10px)}.player-hand-frame{margin-top:20px;padding:20px}}.endgame-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.endgame-popup{color:#222;text-align:center;background:#fff;border-radius:12px;min-width:300px;max-width:90vw;padding:24px 32px;box-shadow:0 10px 40px #0006}.endgame-scores{margin:16px 0;padding:0;list-style:none}.endgame-scores li{border-bottom:1px solid #ddd;justify-content:space-between;gap:24px;padding:6px 0;display:flex}.pass-turn-button{color:#a83b34;cursor:pointer;background:#fff;border:1px solid #c44b42;border-radius:10px;justify-content:center;align-items:center;min-height:46px;padding:0 20px;font-size:.86rem;font-weight:800;display:inline-flex}.pass-turn-button:hover:not(:disabled){background:#fbeceb}.pass-turn-button:disabled{cursor:not-allowed;opacity:.45}