:root{--color-bg:#f4f1e8;--color-surface:#fffdf6;--color-surface-muted:#ece7d6;--color-border:#ddd3bd;--color-text:#3b4038;--color-text-heading:#232a20;--color-text-muted:#6b7165;--color-primary:#2d5f35;--color-primary-hover:#234a29;--color-primary-soft:#e2e8d5;--color-pine:#1e4425;--color-wood:#8a5a2e;--color-accent:#c08a2d;--color-accent-hover:#a0741f;--color-accent-soft:#f0e2c2;--shadow-card:0 10px 30px #2e2a1c1a;--shadow-card-hover:0 14px 38px #2e2a1c29;--font-sans:"Segoe UI", system-ui, Roboto, sans-serif;--font-display:Georgia, "Times New Roman", "Nimbus Roman", serif;font-family:var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:17px;line-height:1.55}*{box-sizing:border-box}body{background:radial-gradient(1000px 480px at 50% -160px, var(--color-primary-soft), transparent 60%), radial-gradient(760px 380px at 100% 0%, var(--color-accent-soft), transparent 55%), var(--color-bg);background-attachment:fixed;min-width:320px;min-height:100svh;margin:0}h1,h2,h3{color:var(--color-text-heading);margin:0;font-weight:600;line-height:1.2}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:color-mix(in srgb, var(--color-primary) 25%, transparent)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border:3px solid var(--color-bg);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}#root{flex-direction:column;min-height:100svh;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.topbar{z-index:10;background:color-mix(in srgb, var(--color-bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);justify-content:space-between;align-items:center;gap:24px;padding:14px 32px;display:flex;position:sticky;top:0}.topbar-brand{letter-spacing:.01em;color:var(--color-primary);align-items:center;gap:8px;font-size:23px;font-weight:800;display:inline-flex}.topbar-brand:after{content:"";background:linear-gradient(135deg, var(--color-accent), var(--color-accent-hover));width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 25%, transparent);border-radius:50%}.topbar-brand,.home-title,.home-summary h2,.lobby-title,.game-title,.modal-title,.page h1{font-family:var(--font-display);letter-spacing:.01em}.topbar-nav{align-items:center;gap:6px;display:flex}.topbar-link{color:var(--color-text);border-radius:8px;padding:8px 14px;font-size:16px;font-weight:500;transition:background-color .2s,color .2s}.topbar-link:hover{background:var(--color-surface-muted);color:var(--color-text-heading)}.topbar-link.is-active{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-primary)}.topbar-button{all:unset;cursor:pointer;color:var(--color-text);border-radius:8px;padding:8px 14px;font-size:16px;font-weight:500;transition:background-color .2s,color .2s}.topbar-button:hover{background:var(--color-surface-muted);color:var(--color-text-heading)}.topbar-link-sign-in{background:var(--color-primary);color:#fff;box-shadow:0 2px 6px color-mix(in srgb, var(--color-primary) 35%, transparent), inset 0 1px 0 #ffffff2e}.topbar-link-sign-in:hover{background:var(--color-primary-hover);color:#fff}.topbar-link-user{background:var(--color-surface-muted);border:1px solid var(--color-border);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.topbar-link-user.is-active{background:var(--color-surface-muted);color:var(--color-text)}.user-menu{position:relative}.user-menu-toggle{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.user-menu-toggle:after{content:"";border-bottom:2px solid;border-right:2px solid;flex-shrink:0;width:8px;height:8px;margin-left:2px;transition:transform .15s;transform:translateY(-2px)rotate(45deg)}.user-menu-toggle[aria-expanded=true]:after{transform:translateY(1px)rotate(225deg)}.user-menu-dropdown{z-index:20;background:var(--color-surface);border:1px solid var(--color-border);min-width:180px;box-shadow:var(--shadow-card);border-radius:12px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.user-menu-item{width:100%;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 12px;font-size:15px;display:flex}.user-menu-item:hover{background:var(--color-surface-muted);color:var(--color-text-heading)}.topbar-link-room{background:var(--color-accent);color:#fff}.topbar-link-room:hover{background:var(--color-accent-hover);color:#fff}.topbar-link-room.is-active{background:var(--color-accent);box-shadow:none;color:#fff}.lang-switcher{background:var(--color-surface-muted);border-radius:10px;gap:2px;margin-left:8px;padding:3px;display:flex}.lang-switcher-button{all:unset;cursor:pointer;color:var(--color-text-muted);border-radius:7px;padding:4px 10px;font-size:13px;font-weight:600;transition:background-color .2s,color .2s}.lang-switcher-button:hover{color:var(--color-text-heading)}.lang-switcher-button.is-active{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-primary)}.app-content{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:48px 32px}.home{flex-direction:column;gap:56px;display:flex}.home-hero{text-align:center;background:radial-gradient(1200px 400px at 50% -10%, var(--color-accent-soft), transparent), repeating-linear-gradient(45deg, color-mix(in srgb, var(--color-pine) 5%, transparent) 0 2px, transparent 2px 12px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--color-pine) 5%, transparent) 0 2px, transparent 2px 12px), var(--color-surface);box-shadow:var(--shadow-card);border:1px solid var(--color-border);border-radius:20px;padding:40px 24px 72px;position:relative;overflow:hidden}.home-hero:before{content:"";background:color-mix(in srgb, var(--color-pine) 16%, transparent);clip-path:polygon(0 100%,0 55%,8% 30%,15% 48%,24% 18%,33% 45%,42% 28%,52% 55%,60% 32%,70% 52%,78% 25%,88% 50%,100% 40%,100% 100%);height:46%;position:absolute;bottom:0;left:0;right:0}.home-hero:after{content:"";background:color-mix(in srgb, var(--color-pine) 26%, transparent);clip-path:polygon(0 100%,0 60%,12% 35%,20% 55%,30% 30%,40% 58%,50% 38%,62% 60%,72% 40%,82% 58%,92% 42%,100% 55%,100% 100%);height:30%;position:absolute;bottom:0;left:0;right:0}.home-hero>*{z-index:1;position:relative}.home-title{letter-spacing:.01em;color:var(--color-pine);font-size:64px}.home-tagline{color:var(--color-accent);margin-top:8px;font-size:22px;font-weight:600}.home-intro{max-width:640px;color:var(--color-text);margin:24px auto 0;font-size:18px}.home-cta{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:32px;display:flex}.alpine-trim{opacity:.55;background:linear-gradient(135deg, var(--color-pine) 25%, transparent 25%) -6px 0 / 12px 12px repeat-x, linear-gradient(225deg, var(--color-pine) 25%, transparent 25%) -6px 0 / 12px 12px repeat-x;max-width:420px;height:12px;margin:0 auto}.button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:12px 24px;font-size:16px;font-weight:600;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button-primary{background:var(--color-primary);color:#fff;box-shadow:0 2px 6px color-mix(in srgb, var(--color-primary) 35%, transparent), inset 0 1px 0 #ffffff2e}.button-primary:hover{background:var(--color-primary-hover)}.button-secondary{background:var(--color-surface);color:var(--color-text-heading);box-shadow:0 1px 3px color-mix(in srgb, var(--color-text-heading) 14%, transparent), inset 0 1px 0 #fff6}.button-secondary:hover{background:var(--color-surface-muted)}.button-small{padding:8px 18px;font-size:15px}.home-summary h2{text-align:center;margin-bottom:16px;font-size:32px}.home-summary>p{text-align:center;max-width:720px;color:var(--color-text);margin:0 auto}.home-features{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:16px;padding:28px 24px;transition:transform .18s,box-shadow .18s,border-color .18s}.feature-card h3{color:var(--color-wood);margin-bottom:10px;font-size:20px}.feature-card p{color:var(--color-text);font-size:16px}.feature-card:hover,.room-card:hover,.leaderboard-entry:hover{box-shadow:var(--shadow-card-hover);border-color:color-mix(in srgb, var(--color-primary) 35%, var(--color-border));transform:translateY(-3px)}.lobby{flex-direction:column;gap:24px;display:flex}.lobby-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.lobby-title{font-size:36px}.lobby-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lobby-reload-button{justify-content:center;align-items:center;display:inline-flex}.lobby-reload-symbol{font-size:1.5rem;line-height:1}.lobby-subtitle{margin-top:8px;font-size:22px}.leaderboard-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.leaderboard-entry{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:12px;align-items:center;gap:16px;padding:14px 18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.leaderboard-rank{min-width:32px;height:32px;color:var(--color-accent);background:var(--color-surface-muted);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.leaderboard-entry:first-child .leaderboard-rank{background:var(--color-primary);color:#fff}.leaderboard-entry:nth-child(2) .leaderboard-rank,.leaderboard-entry:nth-child(3) .leaderboard-rank{background:var(--color-accent);color:#fff}.leaderboard-name{color:var(--color-text);font-size:18px}.leaderboard-stats{color:var(--color-text-muted);white-space:nowrap;margin-left:auto;font-size:14px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border:1px solid var(--color-border);width:100%;max-width:420px;box-shadow:var(--shadow-card);border-radius:16px;flex-direction:column;gap:18px;padding:28px;display:flex}.modal-title{font-size:24px}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:var(--color-text-muted);font-size:14px;font-weight:600}.form-field input,.form-field select{border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text-heading);font:inherit;border-radius:10px;padding:10px 12px}.form-field input:focus,.form-field select:focus{outline:2px solid var(--color-primary);outline-offset:1px}.form-field-checkbox{flex-direction:column;align-items:flex-start;gap:8px}.form-field-checkbox input[type=checkbox]{appearance:none;background:var(--color-surface-muted);border:1px solid var(--color-border);cursor:pointer;border-radius:999px;flex-shrink:0;width:44px;height:24px;transition:background-color .2s,border-color .2s;position:relative}.form-field-checkbox input[type=checkbox]:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.form-field-checkbox input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}.form-field-checkbox input[type=checkbox]:checked:before{transform:translate(20px)}.form-field-checkbox input[type=checkbox]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.form-error{color:#b3403a;font-size:14px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.button:disabled{opacity:.5;cursor:not-allowed}.button:disabled:hover{box-shadow:none;transform:none}.lobby-status{text-align:center;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:48px 24px}.lobby-status-error{color:#b3403a;background:#b3403a14;border-color:#b3403a59}.room-list{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;display:grid}.pager{justify-content:center;align-items:center;gap:16px;margin-top:24px;display:flex}.pager-info{text-align:center;min-width:120px;color:var(--color-text-muted);font-size:14px}.room-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:12px;flex-direction:column;gap:12px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.room-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.room-card-name{text-overflow:ellipsis;white-space:nowrap;font-size:19px;overflow:hidden}.room-status{border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:13px;font-weight:600}.room-status-waiting{color:var(--color-primary);background:#2f6b3a1f}.room-status-playing{background:var(--color-accent-soft);color:var(--color-accent)}.room-status-paused,.room-status-finished{background:var(--color-surface-muted);color:var(--color-text-muted)}.room-card-meta{flex-wrap:wrap;gap:8px;display:flex}.room-card-meta span{color:var(--color-text);background:var(--color-surface-muted);border-radius:8px;padding:4px 10px;font-size:14px}.room-seats{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.room-seat{text-overflow:ellipsis;white-space:nowrap;border-radius:8px;max-width:100%;padding:6px 12px;font-size:14px;overflow:hidden}.room-seat-taken{color:var(--color-text-heading);background:var(--color-surface-muted);border:1px solid var(--color-border);font-weight:600}.room-seat-open{color:var(--color-text-muted);border:1px dashed var(--color-border)}.room-card-actions{justify-content:flex-end;margin-top:auto;display:flex}.room-card-actions .button{padding:7px 14px;font-size:14px}.game-gate-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.page{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;flex-direction:column;align-items:center;gap:16px;padding:96px 24px;display:flex}.page h1{font-size:44px}.page .button{margin-top:16px}.page p{color:var(--color-text-muted)}.game{flex-direction:column;gap:24px;max-width:1080px;margin:0 auto;display:flex}.game-layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);align-items:stretch;gap:24px;width:100%;display:grid}.game-layout .game-table{max-width:none;margin:0}.game-main{flex-direction:column;gap:24px;min-width:0;display:flex}.game-divider{border:none;border-top:1px solid var(--color-border);margin:0}.game-winner{background:var(--color-primary);color:#fff;text-align:center;border-radius:12px;margin:0;padding:12px 16px;font-size:20px;font-weight:800}.game-hand-cards{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.game-hand-play{cursor:pointer;background:0 0;border:none;padding:0}.game-hand-play:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.game-hand-play:disabled{cursor:default}.game-hand-play:disabled .game-card-image:hover{transform:none}.help{flex-direction:column;gap:32px;max-width:960px;margin:0 auto;display:flex}.help-title{font-size:36px;font-family:var(--font-display);letter-spacing:.01em}.help-section{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:16px;flex-direction:column;gap:12px;padding:24px;display:flex}.help-section h2{font-size:24px}.help-section p{color:var(--color-text)}.help-suit{flex-direction:column;gap:12px;margin-top:8px;display:flex}.help-suit-title{align-items:center;gap:8px;font-size:18px;display:flex}.help-suit-cards{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;display:grid}.help-card{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;align-items:center;gap:4px;margin:0;padding:8px;display:flex}.help-card .game-card-image{width:100%;max-width:96px}.help-card figcaption{color:var(--color-text-muted);font-size:13px}.footer{border-top:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);width:100%;max-width:1120px;color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:20px 32px 28px;font-size:14px;display:flex}.footer-brand{font-family:var(--font-display);color:var(--color-text-muted);font-weight:700}.footer-links{align-items:center;gap:16px;display:flex}.footer-link{color:var(--color-text-muted);transition:color .2s}.footer-link:hover{color:var(--color-primary)}.feedback{flex-direction:column;gap:24px;max-width:960px;margin:0 auto;display:flex}.feedback-title{font-size:36px;font-family:var(--font-display);letter-spacing:.01em}.feedback-intro{color:var(--color-text);font-size:17px}.feedback-section{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex}.feedback-section h2{font-size:24px}.feedback-form{flex-direction:column;gap:18px;display:flex}.form-label{color:var(--color-text-muted);font-size:14px;font-weight:600}.star-rating{gap:4px;display:flex}.star-rating-button{all:unset;cursor:pointer;color:var(--color-border);font-size:30px;line-height:1;transition:color .15s,transform .15s}.star-rating-button:hover{transform:scale(1.12)}.star-rating-button.is-active{color:var(--color-accent)}.feedback-textarea{resize:vertical;border:1px solid var(--color-border);background:var(--color-surface-muted);min-height:120px;color:var(--color-text-heading);font:inherit;border-radius:10px;padding:10px 12px}.feedback-textarea:focus{outline:2px solid var(--color-primary);outline-offset:1px}.feedback-success{color:var(--color-primary);border:1px solid color-mix(in srgb, var(--color-primary) 35%, transparent);background:#2f6b3a1a;border-radius:10px;padding:12px 16px;font-size:15px}.game-layout .game-chat{min-height:100%;margin-top:0}.game-layout .game-chat-list{flex:1;min-height:220px;max-height:min(480px,60vh)}@media (width<=900px){.game-layout{grid-template-columns:1fr}.game-layout .game-chat-list{flex:none;min-height:180px;max-height:260px}}.game-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.game-title{color:var(--color-text-heading);font-size:32px}.game-title-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.game-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.game-meta span{color:var(--color-text);background:var(--color-surface-muted);border-radius:8px;padding:6px 12px;font-size:14px}.game-table{aspect-ratio:16/10;width:100%;max-width:720px;margin:0 auto;position:relative}.game-table-felt{background:radial-gradient(120% 90% at 50% 20%, #ffffff73, transparent 55%), repeating-linear-gradient(45deg, color-mix(in srgb, var(--color-pine) 5%, transparent) 0 2px, transparent 2px 10px), linear-gradient(155deg, var(--color-surface), var(--color-surface-muted));border:1px solid var(--color-border);box-shadow:var(--shadow-card), inset 0 0 48px color-mix(in srgb, var(--color-pine) 8%, transparent);border-radius:72px;position:absolute;inset:15% 9%}.game-table-seats{margin:0;padding:0;list-style:none;position:absolute;inset:0}.game-seat{z-index:1;background:var(--color-surface);border:1px solid var(--color-border);min-width:110px;max-width:160px;box-shadow:var(--shadow-card);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;font-size:14px;display:flex;position:absolute;transform:translate(-50%,-50%)}.game-seat-avatar{background:linear-gradient(135deg, var(--color-pine), var(--color-primary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;font-weight:800;display:flex}.game-seat-name{color:var(--color-text-heading);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:700;overflow:hidden}.game-seat-stats{color:var(--color-text-muted);white-space:nowrap;font-size:13px}.game-seat-dealer{background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:800;line-height:1;display:flex;position:absolute;top:-12px;right:-12px;box-shadow:0 2px 6px #00000040}.game-seat-turn{color:#fff;background:var(--color-primary);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.game-seat-turn.is-you{background:var(--color-accent)}.game-seat-out{color:var(--color-accent);font-size:12px;font-weight:600}.game-seat.has-left{opacity:.6}.game-seat.has-play{text-align:center;flex-direction:row;align-items:center;gap:10px;max-width:230px}.game-seat-info{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.game-seat.has-play .game-seat-info{align-items:center}.game-seat-play{flex-shrink:0;display:inline-flex}.game-seat-play .game-card-image{width:80px}.game-seat-play.is-winning .game-card-image{outline:3px solid var(--color-accent);outline-offset:2px;box-shadow:0 0 12px var(--color-accent)}.game-card-image{border:1px solid var(--color-border);border-radius:8px;width:80px;transition:transform .15s;box-shadow:0 3px 6px #00000014}.game-card-image:hover{transform:translateY(-3px)rotate(-2deg)}@keyframes deal-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.game-hand-cards .game-card-image{animation:.35s ease-out backwards deal-in}.game-hand-cards .game-card-image:nth-child(2){animation-delay:70ms}.game-hand-cards .game-card-image:nth-child(3){animation-delay:.14s}.game-hand-cards .game-card-image:nth-child(4){animation-delay:.21s}.game-hand-cards .game-card-image:nth-child(5){animation-delay:.28s}.game-hand-cards .game-card-image:nth-child(6){animation-delay:.35s}.game-trump{align-items:center;gap:8px;display:inline-flex}.game-trump .game-card-image{border-radius:4px;width:32px}.game-trump .game-card-image:hover{transform:none}.game-suit-icon{object-fit:contain;width:24px;height:24px}.game-chat{flex-direction:column;gap:12px;margin-top:8px;display:flex}.game-chat h2{color:var(--color-text-heading);font-size:20px}.game-chat-list{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:8px;min-height:180px;max-height:260px;padding:12px;display:flex;overflow-y:auto}.game-chat-entry{word-break:break-word;border-radius:10px;flex-direction:column;gap:2px;max-width:80%;padding:8px 12px;font-size:15px;display:flex}.game-chat-entry-own{background:var(--color-primary);color:#fff;align-self:flex-end}.game-chat-entry-other{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);align-self:flex-start}.game-chat-meta{opacity:.75;font-size:12px}.game-chat-entry-system{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);text-align:center;border-radius:999px;align-self:center;max-width:90%;padding:4px 14px;font-size:13px}.game-chat-form{gap:10px;display:flex}.game-chat-input{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:10px;flex:1;padding:10px 12px;font-size:15px}@media (width<=1024px){.home-features{grid-template-columns:1fr}.topbar{flex-direction:column;gap:12px;padding:12px 16px}.topbar-nav{flex-wrap:wrap;justify-content:center}.home-title{font-size:44px}.app-content{padding:32px 16px}}