:root{color:#e8e0d4;background:radial-gradient(circle at 0 0,#d4853f1f,#0000 28%),radial-gradient(circle at 100%,#62a5a11a,#0000 32%),linear-gradient(#0e1a1e 0%,#121e22 100%);font-family:Trebuchet MS,Avenir Next,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:16px;position:relative;overflow:hidden}.aurora{filter:blur(32px);opacity:.35;pointer-events:none;border-radius:999px;position:absolute}.aurora-left{background:#d4853f4d;width:280px;height:280px;top:8%;left:-12%}.aurora-right{background:#4e948f3d;width:300px;height:300px;bottom:12%;right:-10%}.login-layout,.shell-layout,.invite-layout{z-index:1;width:min(100%,1160px);margin:0 auto;position:relative}.login-layout{grid-template-columns:1.3fr .9fr;align-items:stretch;gap:16px;min-height:calc(100vh - 32px);display:grid}.invite-layout{place-items:center;min-height:calc(100vh - 32px);display:grid}.hero-panel,.login-panel,.dashboard-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#10181ebf;border:1px solid #f4efe70f;border-radius:20px;box-shadow:0 16px 48px #02080c52}.hero-panel{flex-direction:column;justify-content:center;padding:28px;display:flex}.login-panel{flex-direction:column;justify-content:center;padding:24px;display:flex}.eyebrow,.panel-label{text-transform:uppercase;letter-spacing:.16em;color:#c7b59a;margin:0 0 6px;font-size:.72rem}h1,h2,h3,p{margin-top:0}h1{color:#f4efe7;max-width:12ch;margin-bottom:12px;font-size:max(2.2rem,min(5vw,4rem));line-height:.95}h2{color:#f4efe7}h3{color:#ead9c4}.hero-copy{color:#b0a896;max-width:52ch;margin-bottom:18px}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.info-card,.status-pill,.profile-meta{border-radius:14px}.info-card{color:#c3ced7;background:#f4efe70d;flex-direction:column;gap:4px;padding:12px;display:flex}.info-card strong{color:#ead9c4}.magic-link-form,.profile-form{gap:12px;display:grid}.magic-link-form label,.profile-form label{color:#b0a896;gap:4px;display:grid}input,textarea{color:#e8e0d4;background:#f4efe70f;border:1px solid #f4efe71a;border-radius:10px;width:100%;padding:10px 12px}input::placeholder,textarea::placeholder{color:#7a7264}button{color:#fff7ef;background:linear-gradient(135deg,#d4853f,#ba4f2b);border:none;border-radius:999px;padding:10px 16px;transition:transform .16s,opacity .16s}button:hover{transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}.ghost-button{color:#e8e0d4;background:#f4efe714;border:1px solid #f4efe714}.small-button{color:#e8e0d4;background:#f4efe714;border:1px solid #f4efe714;border-radius:999px;padding:6px 12px;font-size:.82rem}.danger-button{color:#f0a0a0;background:#c83c3c4d;border:1px solid #c83c3c4d;border-radius:999px;padding:6px 12px;font-size:.82rem}.status-pill{color:#f8d7b0;background:#d4853f1f;margin-top:10px;padding:8px 10px;font-size:.88rem;display:inline-flex}.shell-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.header-actions{align-items:center;gap:8px;display:flex}.dashboard-grid{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:12px;width:100%;display:grid}.dashboard-card{padding:16px}.party-browser-card{align-self:start;max-height:calc(100vh - 120px);overflow-y:auto}.dashboard-right{align-content:start;gap:12px;min-width:0;display:grid}.source-card{grid-column:1/-1;width:100%}.panel-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.panel-header .panel-label{margin-bottom:2px}.party-browser,.member-list{gap:6px;display:grid}.party-card,.member-row,.inline-pill{border-radius:14px}.party-card{color:#e8e0d4;text-align:left;background:#f4efe70a;border:1px solid #f4efe70f;gap:2px;padding:10px 12px;display:grid}.party-card p{margin-bottom:0;font-size:.82rem}.party-card.selected{background:#d4853f1a;border-color:#d4853f5c}.party-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.party-badge{color:#8a9ba3;background:#f4efe70f;border-radius:999px;padding:2px 6px;font-size:.72rem}.party-status{color:#8a9ba3}.party-status.idle{color:#6a7a82}.party-status.your-turn{color:#d4853f}.turn-info{color:#8a9ba3}.party-dashboard{border-left:3px solid #0000}.party-dashboard.your_turn{border-left-color:#d4853f}.party-dashboard.active{border-left-color:#62a5a1}.party-dashboard.idle{border-left-color:#f4efe71f}.dashboard-actions{align-items:center;gap:8px;display:flex}.active-badge{color:#62a5a1;background:#62a5a126;border-radius:999px;padding:4px 10px;font-size:.82rem}.invite-row{background:#f4efe70a;border-radius:10px;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;display:flex}.invite-label{color:#8a9ba3;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}.invite-code-display{color:#ead9c4;letter-spacing:.08em;font-family:monospace;font-size:.92rem}.party-mgmt-row{margin-top:8px}.confirm-leave{color:#f0a0a0;align-items:center;gap:8px;font-size:.88rem;display:flex}.create-party-form{gap:8px;margin-bottom:8px;display:flex}.create-party-form input{flex:1;padding:8px 10px;font-size:.88rem}.create-party-form button{padding:8px 14px;font-size:.82rem}.member-row{background:#f4efe70a;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.member-info{flex-direction:column;gap:1px;display:flex}.member-info strong{color:#ead9c4;font-size:.92rem}.member-info strong.self{color:#d4853f}.member-meta{color:#8a9ba3;font-size:.78rem}.member-actions{gap:4px;display:flex}.follow-button{color:#ead9c4;background:#d4853f2e;border:1px solid #d4853f33;border-radius:999px;padding:4px 12px;font-size:.78rem}.follow-button.following{color:#8a9ba3;background:#f4efe70f;border-color:#f4efe714}.member-row p{color:#8a9ba3;margin-bottom:0;font-size:.88rem}.game-card{background:radial-gradient(circle at top,#62a5a124,#0000 28%),linear-gradient(#09141aeb,#070f14f5);border:1px solid #f4efe70f;border-radius:24px;min-width:0;padding:10px;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 22px 54px #02080c5c}.game-card>.status-pill{color:#d5d9de;background:#f4efe714;margin:0 0 8px;padding:6px 10px;font-size:.78rem}.embedded-game-custom-element{width:100%;min-width:0;display:block}.debug-toggle-button{white-space:nowrap}.debug-toggle-button.active{color:#d7fffa;background:#6ebab329;border-color:#6ebab34d}.empty-game-card{background:#10181e80;border:1px solid #f4efe70f;min-height:100px}.embedded-game-loading,.embedded-game-error{text-align:center;background:#f4efe708;border-radius:18px;padding:24px 20px}.debug-layout-frame,.debug-layout-target{isolation:isolate;--debug-label-top:6px;--debug-label-left:6px;position:relative}.debug-layout-frame[data-debug-tone=red]{--debug-layout-color:#ff6b6b;--debug-layout-fill:#ff6b6b12}.debug-layout-frame[data-debug-tone=orange]{--debug-layout-color:#ff9f43;--debug-layout-fill:#ff9f4314}.debug-layout-frame[data-debug-tone=amber]{--debug-layout-color:#ffd166;--debug-layout-fill:#ffd16617}.debug-layout-frame[data-debug-tone=green]{--debug-layout-color:#7bd389;--debug-layout-fill:#7bd38914}.debug-layout-frame[data-debug-tone=pink]{--debug-layout-color:#ff5db1;--debug-layout-fill:#ff5db114}.debug-layout-frame[data-debug-tone=purple]{--debug-layout-color:#b794ff;--debug-layout-fill:#b794ff17}.debug-layout-target[data-debug-tone=amber]{--debug-layout-color:#ffd166;--debug-layout-fill:#ffd1661a}.debug-layout-target[data-debug-tone=green]{--debug-layout-color:#7bd389;--debug-layout-fill:#7bd3891a}.debug-layout-target[data-debug-tone=purple]{--debug-layout-color:#b794ff;--debug-layout-fill:#b794ff1c}.debug-layout-target[data-debug-tone=coral]{--debug-layout-color:#ff8a65;--debug-layout-fill:#ff8a651c}.debug-layout-target[data-debug-tone=blue]{--debug-layout-color:#6aa9ff;--debug-layout-fill:#6aa9ff1c}.debug-layout-frame{outline:2px solid var(--debug-layout-color,#fff);outline-offset:-2px}.debug-layout-frame:before,.debug-layout-frame:after,farkel-game[debug-layout=true] .debug-layout-target:not(.table-felt):before,farkel-game[debug-layout=true] .debug-layout-target:not(.table-felt):after,checkers-game[debug-layout=true] .debug-layout-target:before,checkers-game[debug-layout=true] .debug-layout-target:after{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.debug-layout-frame:after,farkel-game[debug-layout=true] .debug-layout-target:not(.table-felt):after,checkers-game[debug-layout=true] .debug-layout-target:after{content:"";z-index:0;background:var(--debug-layout-fill,#ffffff0a)}.debug-layout-frame:before,farkel-game[debug-layout=true] .debug-layout-target:not(.table-felt):before,checkers-game[debug-layout=true] .debug-layout-target:before{content:attr(data-debug-label);top:var(--debug-label-top);left:var(--debug-label-left);z-index:14;letter-spacing:.04em;background:color-mix(in srgb, var(--debug-layout-color,#fff) 22%, #0a1218f5);color:#f8fafc;border:1px solid color-mix(in srgb, var(--debug-layout-color,#fff) 55%, transparent);border-radius:999px;padding:3px 7px;font-size:.68rem;line-height:1.1;bottom:auto;right:auto}.debug-layout-frame .debug-layout-frame,.debug-layout-frame .debug-layout-target,farkel-game[debug-layout=true] .debug-layout-target .debug-layout-target,checkers-game[debug-layout=true] .debug-layout-target .debug-layout-target{--debug-label-top:28px}.debug-layout-frame .debug-layout-frame .debug-layout-frame,.debug-layout-frame .debug-layout-frame .debug-layout-target,.debug-layout-frame .debug-layout-target .debug-layout-target,farkel-game[debug-layout=true] .debug-layout-target .debug-layout-target .debug-layout-target,checkers-game[debug-layout=true] .debug-layout-target .debug-layout-target .debug-layout-target{--debug-label-top:50px}.debug-layout-frame .debug-layout-frame .debug-layout-frame .debug-layout-frame,.debug-layout-frame .debug-layout-frame .debug-layout-frame .debug-layout-target,.debug-layout-frame .debug-layout-frame .debug-layout-target .debug-layout-target,.debug-layout-frame .debug-layout-target .debug-layout-target .debug-layout-target,farkel-game[debug-layout=true] .debug-layout-target .debug-layout-target .debug-layout-target .debug-layout-target,checkers-game[debug-layout=true] .debug-layout-target .debug-layout-target .debug-layout-target .debug-layout-target{--debug-label-top:72px}.debug-layout-frame .debug-layout-frame .debug-layout-frame .debug-layout-frame .debug-layout-frame,.debug-layout-frame .debug-layout-frame .debug-layout-frame .debug-layout-frame .debug-layout-target,.debug-layout-frame .debug-layout-frame .debug-layout-frame .debug-layout-target .debug-layout-target,.debug-layout-frame .debug-layout-frame .debug-layout-target .debug-layout-target .debug-layout-target,.debug-layout-frame .debug-layout-target .debug-layout-target .debug-layout-target .debug-layout-target,farkel-game[debug-layout=true] .debug-layout-target .debug-layout-target .debug-layout-target .debug-layout-target .debug-layout-target,checkers-game[debug-layout=true] .debug-layout-target .debug-layout-target .debug-layout-target .debug-layout-target .debug-layout-target{--debug-label-top:94px}.debug-layout-frame>*,farkel-game[debug-layout=true] .debug-layout-target>*,checkers-game[debug-layout=true] .debug-layout-target>*{z-index:1;position:relative}farkel-game[debug-layout=true] .debug-layout-target,checkers-game[debug-layout=true] .debug-layout-target{outline:2px solid var(--debug-layout-color,#fff);outline-offset:-2px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--debug-layout-color,#fff) 28%, transparent)}.invite-card{text-align:center;width:100%;max-width:480px;padding:32px}.invite-actions{justify-content:center;gap:8px;margin-top:12px;display:flex}.profile-link-button{color:#e8e0d4;background:#f4efe714;border:1px solid #f4efe714;border-radius:999px;padding:8px 14px;font-size:.88rem}.back-link{color:#e8e0d4;background:0 0;border:none;border-radius:0;align-self:flex-start;margin-bottom:12px;padding:0}.back-link:hover{opacity:.85;transform:none}.inline-pill{margin-top:8px}.support-copy,.dashboard-card p{color:#8a9ba3}.dashboard-card strong{color:#ead9c4}.profile-layout{grid-template-columns:minmax(0,720px);justify-items:start;gap:10px;display:grid}.profile-card{justify-self:start;width:100%}.profile-back-link{margin-bottom:0}.profile-meta{color:#8a9ba3;flex-wrap:wrap;gap:8px;font-size:.88rem;display:flex}.game-catalog{gap:8px;display:grid}.game-catalog-entry{background:#f4efe70a;border-radius:14px;padding:10px 12px}.game-catalog-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.game-catalog-entry strong{color:#ead9c4}.game-catalog-entry .support-copy{margin-bottom:4px;font-size:.88rem}.game-catalog-meta{color:#8a9ba3;gap:10px;font-size:.78rem;display:flex}.game-status-badge{text-transform:capitalize;border-radius:999px;padding:2px 8px;font-size:.72rem}.game-status-badge.available{color:#62a5a1;background:#62a5a126}.game-status-badge.coming_soon{color:#f8d7b0;background:#d4853f1f}.game-status-badge.maintenance{color:#f0a0a0;background:#c83c3c26}.build-footer{z-index:10;color:#6a7a82;letter-spacing:.04em;opacity:.6;font-family:monospace;font-size:.68rem;position:fixed;bottom:8px;right:12px}.build-footer a{color:#6a7a82;text-decoration:none}.build-footer a:hover{color:#8a9ba3;text-decoration:underline}@media (max-width:860px){.app-shell{padding:10px}.login-layout,.dashboard-grid,.hero-grid{grid-template-columns:1fr}.shell-header,.header-actions{flex-wrap:wrap}.party-browser-card{grid-row:auto;max-height:none}}.game-catalog-actions{align-items:center;gap:6px;display:flex}.rules-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02080cbf;place-items:center;padding:24px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.rules-modal{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#10181ef2;border:1px solid #f4efe714;border-radius:20px;width:100%;max-width:600px;max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 24px 64px #02080c80}.rules-modal-header{z-index:1;background:#10181efa;border-bottom:1px solid #f4efe70f;border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex;position:sticky;top:0}.rules-modal-header h3{margin:0}.rules-modal-body{padding:16px 20px 20px}.rules-subtitle{color:#8a9ba3;margin-bottom:12px;font-style:italic}.rules-overview{color:#b0a896;margin-bottom:16px;line-height:1.6}.rules-section{margin-bottom:14px}.rules-section h4{color:#c7b59a;text-transform:uppercase;letter-spacing:.1em;margin:0 0 6px;font-size:.78rem}.rules-section p{color:#b0a896;margin-bottom:6px;font-size:.9rem;line-height:1.55}.rules-scoring-grid{gap:4px;display:grid}.rules-scoring-row{background:#f4efe708;border-radius:8px;align-items:center;gap:8px;padding:5px 10px;font-size:.88rem;display:flex}.rules-scoring-row strong{color:#ead9c4;flex:1}.rules-scoring-row span{color:#8a9ba3;font-size:.82rem}.rules-house-badge{background:#d4853f26;border-radius:999px;padding:1px 6px;color:#f8d7b0!important;font-size:.72rem!important}.rules-turn-list{color:#b0a896;margin:0;padding-left:18px;font-size:.9rem;line-height:1.6}.rules-turn-list li{margin-bottom:4px}.rules-toggle{margin-top:8px;font-size:.78rem}.rules-original-image{border-radius:10px;width:100%;margin-bottom:8px}.history-timeline{gap:8px;display:grid}.history-event{background:#f4efe708;border-left:3px solid #d4853f4d;border-radius:0 10px 10px 0;padding:10px 14px}.history-event-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.history-event-type{color:#d4853f;text-transform:capitalize;font-size:.82rem;font-weight:600}.history-event-type.game{color:#62a5a1}.history-event-type.farkel{color:#a0c4a8}.history-event-time{color:#7a7264;white-space:nowrap;font-size:.78rem}.history-event-body{color:#b0a896;margin:0;font-size:.88rem}.shell-header h2{margin-bottom:0;font-size:1.3rem}.mobile-party-select{display:none}.header-actions button{padding:8px 12px;font-size:.85rem}.party-browser-hint{margin:4px 0 16px;font-size:.84rem}.party-dashboard .panel-header{margin-bottom:8px}.party-dashboard h3{margin:0;font-size:1.55rem}.party-next-step{margin:0}.party-card{padding:12px}.party-badge{white-space:nowrap;font-size:.65rem}.party-card.selected{border-left:3px solid #d4853f}.party-details,.game-guide{box-shadow:none;background:#10181e66}.party-details summary,.game-guide summary{cursor:pointer;color:#d8cbb8;font-size:.9rem}.party-details summary span{color:#9eaaa9;margin-left:8px;font-size:.8rem}.party-details[open] summary,.game-guide[open] summary{margin-bottom:16px}.party-members{margin-top:18px}.party-mgmt-row{border-top:1px solid #f4efe714;margin-top:18px;padding-top:12px}.invite-row{flex-wrap:wrap}.game-picker .game-catalog{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.game-picker .game-catalog-entry{border:1px solid #f4efe71a;flex-direction:column;padding:20px;display:flex}.game-picker .game-catalog-header strong{font-size:1.3rem}.game-picker .game-status-badge.available{display:none}.game-start-action{gap:8px;margin-top:auto;padding-top:20px;display:grid}.game-start-action span{color:#c7b59a;font-size:.82rem}.game-catalog-meta{margin-top:12px}.shell-feedback{color:#d8cbb8;grid-column:1/-1;padding:0 12px;font-size:.9rem}.welcome-steps{counter-reset:welcome;gap:22px;margin:24px 0 0;padding:0;list-style:none;display:grid}.welcome-steps li{counter-increment:welcome;grid-template-columns:30px 1fr;column-gap:12px;display:grid}.welcome-steps li:before{content:counter(welcome);color:#d4853f;grid-row:span 2;font-size:1.1rem}.welcome-steps strong{color:#ead9c4}.welcome-steps span{color:#b0a896;font-size:.9rem}.login-layout{align-items:center;min-height:min(780px,100vh - 32px)}.login-layout .hero-panel{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}.login-panel{padding:32px}.login-panel h2{margin-bottom:8px}button:focus-visible{outline-offset:4px;outline:2px solid #d4853f}summary:focus-visible{outline-offset:4px;outline:2px solid #d4853f}a:focus-visible{outline-offset:4px;outline:2px solid #d4853f}@media (max-width:860px){.party-browser{display:none}.mobile-party-select{color:#c7b59a;gap:6px;font-size:.85rem;display:grid}.mobile-party-select select{color:#e8e0d4;width:100%;min-width:0;font:inherit;background:#17252a;border:1px solid #f4efe726;border-radius:10px;padding:10px}.party-browser-card{min-width:0}.party-browser-hint{display:none}.login-layout{gap:12px;min-height:auto}.hero-panel{padding:20px 12px}.welcome-steps{gap:12px}.login-panel{padding:24px}}.native-app .app-shell{min-height:100dvh;padding-top:max(16px, env(safe-area-inset-top));padding-right:max(16px, env(safe-area-inset-right));padding-bottom:max(16px, env(safe-area-inset-bottom));padding-left:max(16px, env(safe-area-inset-left))}.native-app .login-layout,.native-app .shell-layout{min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 32px)}.native-app input,.native-app select{font-size:16px}.mobile-link-fallback{margin-top:24px}.mobile-link-fallback input{box-sizing:border-box;width:100%}.mobile-open-app{color:#17252a;background:#d3ba83;border-radius:12px;padding:14px 20px;display:inline-block}