.court-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;background-size:cover;background-position:center}.court-shell-auth{background-image:linear-gradient(#0f111a99,#0f111abf),url(/images/login-bg.png)}.court-shell-menu{background-image:linear-gradient(#0f111a8c,#0f111abf),url(/images/menu-bg.png)}.court-shell-lobby{background-image:linear-gradient(#0f111a8c,#0f111abf),url(/images/lobby-bg.png)}.court-shell-night{background-image:linear-gradient(#0f111a80,#0f111ab3),url(/images/night-bg.png)}.court-shell-trial{background-image:linear-gradient(#0f111a8c,#0f111abf),url(/images/trial-bg.png)}.court-shell-victory-townsfolk{background-image:linear-gradient(#0f111a59,#0f111a99),url(/images/victory-townsfolk-bg.png)}.court-shell-victory-coven{background-image:linear-gradient(#0f111a80,#0f111ab8),url(/images/victory-coven-bg.png)}.court-shell-collection{background-image:linear-gradient(#0f111a80,#0f111ab8),url(/images/collection-bg.png)}.court-shell-shop{background-image:linear-gradient(#0f111a80,#0f111ab8),url(/images/shop-bg.png)}.court-shell-profile{background-image:linear-gradient(#0f111a80,#0f111ab8),url(/images/profile-bg.png)}.court-shell-settings{background-image:linear-gradient(#0f111a80,#0f111ab8),url(/images/settings-bg.png)}.court-banner:has(.court-logo){margin-top:var(--logo-clearance)}.court-logo{position:absolute;top:calc(-1 * var(--logo-clearance));left:50%;transform:translate(-50%);max-width:200px;width:60%;height:auto;z-index:2;filter:drop-shadow(0 8px 14px rgba(0,0,0,.65));pointer-events:none}.court-banner{position:relative;z-index:2;border-style:solid;border-width:34px;border-image-source:url(/images/ui-frame-fill.png);border-image-slice:220;border-image-width:34px;border-image-repeat:round;border-radius:0;padding:1.75rem 2.5rem;background-image:linear-gradient(#0a080459,#0a080473),url(/images/panel-texture.png);background-size:cover;background-clip:padding-box;box-shadow:0 16px 40px #0000008c;text-align:center;max-width:480px}.court-title{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:2rem;color:var(--color-bronze-bright);text-shadow:0 1px 0 rgba(255,255,255,.6),0 2px 8px rgba(176,48,74,.18);margin:0 0 .5rem}.court-subtitle{color:var(--color-parchment);opacity:.7;margin:0 0 1.75rem;font-size:.9rem;letter-spacing:.04em;text-shadow:0 1px 3px rgba(0,0,0,.7)}.court-status{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:999px;border:1px solid var(--color-stone);font-size:.85rem;margin-bottom:1.5rem}.court-status-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--color-stone)}.court-status[data-state=connected] .court-status-dot{background:var(--color-success)}.court-status[data-state=error] .court-status-dot{background:var(--color-error)}.court-status[data-state=connecting] .court-status-dot{background:var(--color-bronze)}.court-button{background:transparent url(/images/button-primary.png) center / 100% 100% no-repeat;color:var(--color-on-accent);border:none;border-radius:0;padding:.75rem 2rem;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;cursor:pointer;text-shadow:0 1px 3px rgba(0,0,0,.7);filter:brightness(1);transition:filter .15s ease}.court-button:hover:not(:disabled){filter:brightness(1.18)}.court-button:disabled{opacity:.5;cursor:default}.court-players{margin-top:1rem;font-size:.8rem;opacity:.6}.court-form{display:flex;flex-direction:column;gap:1rem;text-align:left;margin-bottom:1.25rem}.court-banner-wide .court-form{max-width:380px}.court-form button[type=submit]{align-self:flex-start;min-width:200px}.court-label{display:flex;flex-direction:column;gap:.4rem;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;opacity:.8;text-shadow:0 1px 3px rgba(0,0,0,.7)}.court-input{background:transparent url(/images/input-bg.png) center / 100% 100% no-repeat;border:none;border-radius:0;padding:.7rem 1.5rem;color:var(--color-parchment);font-family:var(--font-body);font-size:.95rem}.court-input::placeholder{color:var(--color-parchment);opacity:.45}.court-input:focus{outline:none;filter:brightness(1.2)}.court-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.6rem;height:1.6rem;background:url(/images/checkbox-off.png) center / contain no-repeat;cursor:pointer;flex-shrink:0}.court-checkbox:checked{background-image:url(/images/checkbox-on.png)}.court-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.5rem;background:url(/images/slider-track.png) center / 100% 60% no-repeat;cursor:pointer}.court-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.6rem;height:1.6rem;background:url(/images/slider-thumb.png) center / contain no-repeat;border:none;cursor:pointer}.court-range::-moz-range-thumb{width:1.6rem;height:1.6rem;background:url(/images/slider-thumb.png) center / contain no-repeat;border:none;cursor:pointer}.court-range::-moz-range-track{background:transparent}.court-error{color:var(--color-error);font-size:.85rem;margin:-.25rem 0 0}.court-link{color:var(--color-bronze-bright);text-decoration:none}.court-link:hover{text-decoration:underline}.court-menu{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem}.court-menu-item{display:flex;align-items:center;justify-content:space-between;background:transparent url(/images/button-secondary.png) center / 100% 100% no-repeat;border:none;color:var(--color-parchment);font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;font-size:.85rem;padding:.75rem 1.25rem;cursor:pointer;text-shadow:0 1px 3px rgba(0,0,0,.7);filter:brightness(1);transition:filter .15s ease}.court-menu-item:not(:disabled):hover{filter:brightness(1.25)}.court-menu-item:disabled{opacity:.45;cursor:default}.court-menu-badge{font-family:var(--font-body);text-transform:none;letter-spacing:normal;font-size:.7rem;opacity:.7}.court-menu-item-label{display:flex;align-items:center;gap:.6rem}.court-menu-icon{width:1.6rem;height:1.6rem;object-fit:contain}.court-button-secondary{background-image:url(/images/button-secondary.png);color:var(--color-parchment)}.court-button-secondary:hover:not(:disabled){filter:brightness(1.3)}.court-button-small{padding:.4rem .9rem;font-size:.75rem}.court-banner-wide{max-width:calc(var(--banner-wide-half) * 2);width:100%;text-align:left;position:relative}.court-banner-wide .court-title,.court-banner-wide .court-subtitle{text-align:center}.court-back-link{position:absolute;top:1.5rem;left:1.5rem}.court-columns{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}.court-section-title{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;font-size:1rem;color:var(--color-bronze-bright);text-shadow:0 1px 3px rgba(0,0,0,.8);margin:1.5rem 0 .75rem;padding-bottom:.4rem;border-bottom:1px solid rgba(240,181,88,.25)}.court-section-title:first-child{margin-top:0}.court-section-header{display:flex;align-items:baseline;justify-content:space-between}.court-section-header .court-section-title{margin:1.5rem 0 .75rem}.court-section-title-icon{display:flex;align-items:center;gap:.5rem}.court-section-icon{width:1.5rem;height:1.5rem;object-fit:contain}.court-label-row{display:flex;flex-direction:row;align-items:center;gap:.5rem;text-transform:none;font-size:.85rem}.court-link-button{background:none;border:none;color:var(--color-bronze-bright);font-size:.8rem;cursor:pointer;padding:0}.court-link-button:hover{text-decoration:underline}.court-lobby-list,.court-player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.court-lobby-row,.court-player-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:transparent url(/images/button-secondary.png) center / 100% 100% no-repeat;border:none;padding:.6rem 1rem;font-size:.85rem;text-shadow:0 1px 2px rgba(0,0,0,.6)}.court-lobby-count{opacity:.6;font-size:.8rem}.court-title-badge{margin-left:.4rem;font-size:.7rem;font-style:italic;color:var(--color-bronze-bright);border:1px solid var(--color-bronze);border-radius:999px;padding:.1rem .5rem}.court-host-badge{margin-left:.5rem;font-size:.7rem;color:var(--color-bronze-bright);border:1px solid var(--color-bronze);border-radius:999px;padding:.1rem .5rem}.court-ready-badge{color:var(--color-success);font-size:.8rem}.court-not-ready-badge{opacity:.5;font-size:.8rem}.court-seat-number{color:var(--color-bronze);font-weight:700;opacity:.85}.court-lobby-actions{display:flex;gap:.6rem;margin-top:1rem;flex-wrap:wrap}.court-chat-log{height:260px;overflow-y:auto;background-image:linear-gradient(#0a08048c,#0a0804a6),url(/images/panel-texture.png);background-size:cover;border:1px solid rgba(240,181,88,.3);border-radius:4px;box-shadow:inset 0 2px 8px #00000080;padding:.75rem;font-size:.82rem;display:flex;flex-direction:column;gap:.4rem}.court-chat-message{color:var(--color-parchment)}.court-chat-system{color:var(--color-bronze-bright);opacity:.75;font-style:italic}.court-chat-form{display:flex;gap:.5rem;margin-top:.75rem}.court-chat-form .court-input{flex:1}@media (max-width: 720px){.court-columns{grid-template-columns:1fr}}.court-player-dead{opacity:.45;text-decoration:line-through}.court-role-card{border-radius:10px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;text-align:left;border:1px solid var(--color-stone);background:var(--color-bg-panel)}.court-role-card-crown{border-color:var(--color-bronze);background:linear-gradient(135deg,rgba(201,134,31,.14),var(--color-bg-panel))}.court-role-card-conspiracy{border-color:var(--color-burgundy-bright);background:linear-gradient(135deg,rgba(176,48,74,.12),var(--color-bg-panel))}.court-role-faction{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.court-role-emblem{width:2rem;height:2rem;object-fit:contain}.court-currency-balance{display:flex;align-items:center;gap:.4rem;margin:0}.court-wallet{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.75rem 1rem;background:#0a080459;border:1px solid rgba(240,181,88,.25);border-radius:8px}.court-wallet-balance{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:1.05rem;color:var(--color-bronze-bright);text-shadow:0 1px 3px rgba(0,0,0,.8)}.court-wallet-balance .court-currency-icon{width:1.8rem;height:1.8rem}.court-shop-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.court-shop-card{display:flex;align-items:center;gap:1rem;padding:.9rem 1.25rem;background:transparent url(/images/button-secondary.png) center / 100% 100% no-repeat}.court-crown-package-list{flex-direction:row}.court-crown-package-list .court-shop-card{flex:1;flex-direction:column;text-align:center;gap:.5rem}.court-crown-package-list .court-shop-card-body{align-items:center}.court-shop-card-icon{width:2.75rem;height:2.75rem;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.court-shop-card-body{display:flex;flex-direction:column;gap:.15rem;flex:1}.court-shop-card-name{font-family:var(--font-display);font-size:1rem;color:var(--color-parchment);text-shadow:0 1px 3px rgba(0,0,0,.6)}.court-shop-card-slot{font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;opacity:.65}.court-currency-icon{width:1.4rem;height:1.4rem;object-fit:contain;vertical-align:middle}.court-currency-icon-inline{width:1.1rem;height:1.1rem;margin:0 .15rem 0 .35rem}.court-stat-icon{width:1.5rem;height:1.5rem;object-fit:contain}.court-role-name{font-family:var(--font-display);letter-spacing:.04em;font-size:1.3rem;margin:.25rem 0 .5rem;color:var(--color-bronze-bright);text-shadow:0 1px 3px rgba(0,0,0,.8)}.court-role-heading{display:flex;align-items:center;gap:.6rem;margin:.25rem 0 .5rem}.court-role-heading .court-role-name{margin:0}.court-role-icon{width:2.5rem;height:2.5rem;object-fit:contain;flex-shrink:0}.court-role-description{margin:0;font-size:.88rem;opacity:.85;line-height:1.4}.court-announcement{font-style:italic;text-align:center;opacity:.85;font-size:.9rem;margin:0 0 1.25rem}.court-announcement-secret{color:var(--color-bronze-bright);font-style:normal}.court-announcement-death{color:var(--color-error);font-style:normal;font-weight:600}.court-night-action{border:1px solid var(--color-burgundy-bright);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.5rem;background:#b0304a14}.court-night-action .court-section-title{margin-top:0}.court-notepad{position:fixed;left:calc(50% - var(--banner-wide-half) - var(--notepad-gap) - var(--notepad-width));top:50%;transform:translateY(-50%);width:var(--notepad-width);padding:1.5rem 1.25rem;border-style:solid;border-width:26px;border-image-source:url(/images/notepad-frame.png);border-image-slice:220 fill;border-image-width:26px;border-image-repeat:round;box-shadow:0 8px 24px #00000080;z-index:5}.court-notepad-title{font-family:var(--font-display);color:#4a3418;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;text-align:center;margin:0 0 .6rem}.court-notepad-area{width:100%;height:280px;background:transparent;border:none;color:#2b2013;font-family:var(--font-body);font-size:.82rem;line-height:1.6;padding:0;resize:none;outline:none}.court-notepad-area::placeholder{color:#2b2013;opacity:.4}@media (max-width: 1400px){.court-notepad{display:none}}.court-atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.court-sprite{position:absolute}.court-sprite-fog{width:480px;max-width:60vw;bottom:-5%;left:-15%;opacity:.18;animation:court-fog-drift 26s ease-in-out infinite alternate}.court-sprite-raven{width:56px;top:10%;left:-10%;opacity:0;animation:court-raven-fly 30s linear infinite;animation-delay:4s}.court-sprite-ember{width:12px;opacity:0;animation:court-ember-rise 8s ease-in infinite}.court-sprite-ember-1{left:12%;bottom:8%;animation-delay:0s}.court-sprite-ember-2{left:82%;bottom:4%;width:9px;animation-delay:3.5s}.court-sprite-firefly{width:18px;opacity:.4;animation:court-firefly-drift 9s ease-in-out infinite}.court-sprite-firefly-1{left:22%;top:62%}.court-sprite-firefly-2{left:72%;top:32%;width:14px;animation-delay:4.5s}@keyframes court-fog-drift{0%{transform:translate(0)}to{transform:translate(18vw)}}@keyframes court-raven-fly{0%,8%{opacity:0;transform:translate(0)}15%{opacity:.7}45%{opacity:.7}52%,to{opacity:0;transform:translate(130vw,-40px)}}@keyframes court-ember-rise{0%{opacity:0;transform:translate(0) scale(1)}15%{opacity:.85}85%{opacity:.4}to{opacity:0;transform:translate(18px,-200px) scale(.6)}}@keyframes court-firefly-drift{0%,to{transform:translate(0);opacity:.35}25%{transform:translate(26px,-18px);opacity:.9}50%{transform:translate(6px,-46px);opacity:.5}75%{transform:translate(-22px,-18px);opacity:.9}}.court-collection-swatch{display:inline-block;width:.85rem;height:.85rem;border-radius:50%;border:1px solid var(--color-stone)}:root{--color-bg: #171b28;--color-bg-panel: #2b2418;--color-wood: #4a3820;--color-bronze: #d99a3d;--color-bronze-bright: #f0b558;--color-parchment: #e8dcc0;--color-burgundy: #6d3f8f;--color-burgundy-bright: #9457bd;--color-stone: #3d3826;--color-success: #4a8c5c;--color-error: #d6584a;--color-on-accent: #fdf6e8;--font-display: "Cinzel", "Georgia", serif;--font-body: "Georgia", "Times New Roman", serif;--banner-wide-half: 390px;--logo-clearance: 220px;--notepad-width: 260px;--notepad-gap: 1.5rem}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse at top,var(--color-wood),var(--color-bg) 65%);color:var(--color-parchment);font-family:var(--font-body)}