:root{color:#e8e0d4;background:radial-gradient(circle at top left,rgba(212,133,63,.12),transparent 28%),radial-gradient(circle at right center,rgba(98,165,161,.1),transparent 32%),linear-gradient(180deg,#0e1a1e,#121e22);font-family:Trebuchet MS,Avenir Next,sans-serif;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{position:relative;min-height:100vh;overflow:hidden;padding:16px}.aurora{position:absolute;border-radius:999px;filter:blur(32px);opacity:.35;pointer-events:none}.aurora-left{top:8%;left:-12%;width:280px;height:280px;background:#d4853f4d}.aurora-right{right:-10%;bottom:12%;width:300px;height:300px;background:#4e948f3d}.login-layout,.shell-layout,.invite-layout{position:relative;z-index:1;width:min(100%,1160px);margin:0 auto}.login-layout{display:grid;grid-template-columns:1.3fr .9fr;gap:16px;align-items:stretch;min-height:calc(100vh - 32px)}.invite-layout{display:grid;place-items:center;min-height:calc(100vh - 32px)}.hero-panel,.login-panel,.dashboard-card{border:1px solid rgba(244,239,231,.06);border-radius:20px;background:#10181ebf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 48px #02080c52}.hero-panel{padding:28px;display:flex;flex-direction:column;justify-content:center}.login-panel{padding:24px;display:flex;flex-direction:column;justify-content:center}.eyebrow,.panel-label{margin:0 0 6px;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:#c7b59a}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.2rem,5vw,4rem);line-height:.95;margin-bottom:12px;max-width:12ch;color:#f4efe7}h2{color:#f4efe7}h3{color:#ead9c4}.hero-copy{max-width:52ch;color:#b0a896;margin-bottom:18px}.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.info-card,.status-pill,.profile-meta{border-radius:14px}.info-card{padding:12px;background:#f4efe70d;display:flex;flex-direction:column;gap:4px;color:#c3ced7}.info-card strong{color:#ead9c4}.magic-link-form,.profile-form{display:grid;gap:12px}.magic-link-form label,.profile-form label{display:grid;gap:4px;color:#b0a896}input,textarea{width:100%;padding:10px 12px;border:1px solid rgba(244,239,231,.1);border-radius:10px;background:#f4efe70f;color:#e8e0d4}input::placeholder,textarea::placeholder{color:#7a7264}button{border:none;border-radius:999px;padding:10px 16px;background:linear-gradient(135deg,#d4853f,#ba4f2b);color:#fff7ef;transition:transform .16s ease,opacity .16s ease}button:hover{transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}.ghost-button{background:#f4efe714;color:#e8e0d4;border:1px solid rgba(244,239,231,.08)}.small-button{padding:6px 12px;font-size:.82rem;border-radius:999px;background:#f4efe714;color:#e8e0d4;border:1px solid rgba(244,239,231,.08)}.danger-button{padding:6px 12px;font-size:.82rem;border-radius:999px;background:#c83c3c4d;color:#f0a0a0;border:1px solid rgba(200,60,60,.3)}.status-pill{display:inline-flex;padding:8px 10px;background:#d4853f1f;color:#f8d7b0;margin-top:10px;font-size:.88rem}.shell-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.header-actions{display:flex;gap:8px;align-items:center}.dashboard-grid{display:grid;grid-template-columns:280px 1fr;gap:12px;width:100%;align-items:start}.dashboard-card{padding:16px}.party-browser-card{grid-row:1 / 3;align-self:start;max-height:calc(100vh - 120px);overflow-y:auto}.dashboard-right{display:grid;gap:12px;align-content:start;min-width:0}.source-card{grid-column:1 / -1;width:100%}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.panel-header .panel-label{margin-bottom:2px}.party-browser,.member-list{display:grid;gap:6px}.party-card,.member-row,.inline-pill{border-radius:14px}.party-card{border:1px solid rgba(244,239,231,.06);padding:10px 12px;background:#f4efe70a;color:#e8e0d4;display:grid;gap:2px;text-align:left}.party-card p{margin-bottom:0;font-size:.82rem}.party-card.selected{border-color:#d4853f5c;background:#d4853f1a}.party-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.party-badge{font-size:.72rem;padding:2px 6px;border-radius:999px;background:#f4efe70f;color:#8a9ba3}.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 transparent}.party-dashboard.your_turn{border-left-color:#d4853f}.party-dashboard.active{border-left-color:#62a5a1}.party-dashboard.idle{border-left-color:#f4efe71f}.dashboard-actions{display:flex;gap:8px;align-items:center}.active-badge{font-size:.82rem;padding:4px 10px;border-radius:999px;background:#62a5a126;color:#62a5a1}.invite-row{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;background:#f4efe70a;border-radius:10px}.invite-label{font-size:.78rem;color:#8a9ba3;text-transform:uppercase;letter-spacing:.1em}.invite-code-display{font-family:monospace;font-size:.92rem;color:#ead9c4;letter-spacing:.08em}.party-mgmt-row{margin-top:8px}.confirm-leave{display:flex;align-items:center;gap:8px;font-size:.88rem;color:#f0a0a0}.create-party-form{display:flex;gap:8px;margin-bottom:8px}.create-party-form input{flex:1;padding:8px 10px;font-size:.88rem}.create-party-form button{padding:8px 14px;font-size:.82rem}.member-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f4efe70a;border-radius:14px;gap:8px}.member-info{display:flex;flex-direction:column;gap:1px}.member-info strong{color:#ead9c4;font-size:.92rem}.member-info strong.self{color:#d4853f}.member-meta{color:#8a9ba3;font-size:.78rem}.member-actions{display:flex;gap:4px}.follow-button{padding:4px 12px;font-size:.78rem;border-radius:999px;background:#d4853f2e;color:#ead9c4;border:1px solid rgba(212,133,63,.2)}.follow-button.following{background:#f4efe70f;color:#8a9ba3;border-color:#f4efe714}.member-row p{margin-bottom:0;color:#8a9ba3;font-size:.88rem}.game-card{padding:10px;overflow:hidden;min-width:0;border:1px solid rgba(244,239,231,.06);background:radial-gradient(circle at top center,rgba(98,165,161,.14),transparent 28%),linear-gradient(180deg,#09141aeb,#070f14f5);box-shadow:inset 0 1px #ffffff08,0 22px 54px #02080c5c;border-radius:24px}.game-card>.status-pill{margin:0 0 8px;font-size:.78rem;padding:6px 10px;background:#f4efe714;color:#d5d9de}.embedded-game-custom-element{display:block;width:100%;min-width:0}.debug-toggle-button{white-space:nowrap}.debug-toggle-button.active{background:#6ebab329;color:#d7fffa;border-color:#6ebab34d}.empty-game-card{min-height:100px;background:#10181e80;border:1px solid rgba(244,239,231,.06)}.embedded-game-loading,.embedded-game-error{padding:24px 20px;text-align:center;border-radius:18px;background:#f4efe708}.debug-layout-frame,.debug-layout-target{position:relative;isolation:isolate;--debug-label-top: 6px;--debug-label-left: 6px}.debug-layout-frame[data-debug-tone=red]{--debug-layout-color: #ff6b6b;--debug-layout-fill: rgba(255, 107, 107, .07)}.debug-layout-frame[data-debug-tone=orange]{--debug-layout-color: #ff9f43;--debug-layout-fill: rgba(255, 159, 67, .08)}.debug-layout-frame[data-debug-tone=amber]{--debug-layout-color: #ffd166;--debug-layout-fill: rgba(255, 209, 102, .09)}.debug-layout-frame[data-debug-tone=green]{--debug-layout-color: #7bd389;--debug-layout-fill: rgba(123, 211, 137, .08)}.debug-layout-frame[data-debug-tone=pink]{--debug-layout-color: #ff5db1;--debug-layout-fill: rgba(255, 93, 177, .08)}.debug-layout-frame[data-debug-tone=purple]{--debug-layout-color: #b794ff;--debug-layout-fill: rgba(183, 148, 255, .09)}.debug-layout-target[data-debug-tone=amber]{--debug-layout-color: #ffd166;--debug-layout-fill: rgba(255, 209, 102, .1)}.debug-layout-target[data-debug-tone=green]{--debug-layout-color: #7bd389;--debug-layout-fill: rgba(123, 211, 137, .1)}.debug-layout-target[data-debug-tone=purple]{--debug-layout-color: #b794ff;--debug-layout-fill: rgba(183, 148, 255, .11)}.debug-layout-target[data-debug-tone=coral]{--debug-layout-color: #ff8a65;--debug-layout-fill: rgba(255, 138, 101, .11)}.debug-layout-target[data-debug-tone=blue]{--debug-layout-color: #6aa9ff;--debug-layout-fill: rgba(106, 169, 255, .11)}.debug-layout-frame{outline:2px solid var(--debug-layout-color, #ffffff);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{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.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, rgba(255, 255, 255, .04))}.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);right:auto;bottom:auto;z-index:14;padding:3px 7px;border-radius:999px;font-size:.68rem;line-height:1.1;letter-spacing:.04em;background:color-mix(in srgb,var(--debug-layout-color, #ffffff) 22%,rgba(10,18,24,.96));color:#f8fafc;border:1px solid color-mix(in srgb,var(--debug-layout-color, #ffffff) 55%,transparent)}.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>*{position:relative;z-index:1}farkel-game[debug-layout=true] .debug-layout-target,checkers-game[debug-layout=true] .debug-layout-target{outline:2px solid var(--debug-layout-color, #ffffff);outline-offset:-2px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--debug-layout-color, #ffffff) 28%,transparent)}.invite-card{max-width:480px;width:100%;padding:32px;text-align:center}.invite-actions{display:flex;gap:8px;justify-content:center;margin-top:12px}.profile-link-button{padding:8px 14px;font-size:.88rem;border-radius:999px;background:#f4efe714;color:#e8e0d4;border:1px solid rgba(244,239,231,.08)}.back-link{align-self:flex-start;margin-bottom:12px;padding:0;border:none;border-radius:0;background:transparent;color:#e8e0d4}.back-link:hover{transform:none;opacity:.85}.inline-pill{margin-top:8px}.support-copy,.dashboard-card p{color:#8a9ba3}.dashboard-card strong{color:#ead9c4}.profile-layout{display:grid;grid-template-columns:minmax(0,720px);gap:10px;justify-items:start}.profile-card{justify-self:start;width:100%}.profile-back-link{margin-bottom:0}.profile-meta{display:flex;gap:8px;flex-wrap:wrap;color:#8a9ba3;font-size:.88rem}.game-catalog{display:grid;gap:8px}.game-catalog-entry{padding:10px 12px;border-radius:14px;background:#f4efe70a}.game-catalog-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}.game-catalog-entry strong{color:#ead9c4}.game-catalog-entry .support-copy{margin-bottom:4px;font-size:.88rem}.game-catalog-meta{display:flex;gap:10px;font-size:.78rem;color:#8a9ba3}.game-status-badge{font-size:.72rem;padding:2px 8px;border-radius:999px;text-transform:capitalize}.game-status-badge.available{background:#62a5a126;color:#62a5a1}.game-status-badge.coming_soon{background:#d4853f1f;color:#f8d7b0}.game-status-badge.maintenance{background:#c83c3c26;color:#f0a0a0}.build-footer{position:fixed;bottom:8px;right:12px;z-index:10;font-size:.68rem;color:#6a7a82;font-family:monospace;letter-spacing:.04em;opacity:.6}.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-direction:column;align-items:stretch}.party-browser-card{max-height:none;grid-row:auto}}.game-catalog-actions{display:flex;gap:6px;align-items:center}.rules-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;background:#02080cbf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px}.rules-modal{width:100%;max-width:600px;max-height:calc(100vh - 48px);overflow-y:auto;border:1px solid rgba(244,239,231,.08);border-radius:20px;background:#10181ef2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 64px #02080c80}.rules-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px;border-bottom:1px solid rgba(244,239,231,.06);position:sticky;top:0;background:#10181efa;border-radius:20px 20px 0 0;z-index:1}.rules-modal-header h3{margin:0}.rules-modal-body{padding:16px 20px 20px}.rules-subtitle{font-style:italic;color:#8a9ba3;margin-bottom:12px}.rules-overview{color:#b0a896;line-height:1.6;margin-bottom:16px}.rules-section{margin-bottom:14px}.rules-section h4{color:#c7b59a;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;margin:0 0 6px}.rules-section p{color:#b0a896;font-size:.9rem;line-height:1.55;margin-bottom:6px}.rules-scoring-grid{display:grid;gap:4px}.rules-scoring-row{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:8px;background:#f4efe708;font-size:.88rem}.rules-scoring-row strong{flex:1;color:#ead9c4}.rules-scoring-row span{color:#8a9ba3;font-size:.82rem}.rules-house-badge{font-size:.72rem!important;padding:1px 6px;border-radius:999px;background:#d4853f26;color:#f8d7b0!important}.rules-turn-list{padding-left:18px;margin:0;color:#b0a896;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{width:100%;border-radius:10px;margin-bottom:8px}.history-timeline{display:grid;gap:8px}.history-event{padding:10px 14px;border-left:3px solid rgba(212,133,63,.3);background:#f4efe708;border-radius:0 10px 10px 0}.history-event-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}.history-event-type{font-size:.82rem;font-weight:600;color:#d4853f;text-transform:capitalize}.history-event-type.game{color:#62a5a1}.history-event-type.farkel{color:#a0c4a8}.history-event-time{font-size:.78rem;color:#7a7264;white-space:nowrap}.history-event-body{font-size:.88rem;color:#b0a896;margin:0}