:root{color-scheme:dark;--bg:#071019;--surface:#0d1823;--surface-2:#122231;--line:#223447;--text:#f3f7fb;--muted:#91a4b7;--accent:#48d7ff;--danger:#ff6482;--shadow:0 20px 60px #0005;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px}
[data-theme=light]{color-scheme:light;--bg:#eef3f8;--surface:#fff;--surface-2:#f5f8fb;--line:#d5e0e9;--text:#13202c;--muted:#5d7082;--shadow:0 18px 48px #28445b18}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;color:var(--text);background:radial-gradient(circle at 80% -20%,#133b52 0,transparent 34rem),var(--bg);min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:20;background:var(--text);color:var(--bg);padding:.75rem 1rem;border-radius:.5rem}.skip-link:focus{top:1rem}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:1.5rem 1rem;border-right:1px solid var(--line);background:#07111ddd;backdrop-filter:blur(18px);display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:.8rem;font-weight:800;font-size:1.05rem;padding:.25rem .5rem 1.5rem}.brand small{display:block;color:var(--muted);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;margin-top:.15rem}.brand-mark{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.8rem;background:linear-gradient(135deg,#6fe7ff,#7068ff);color:#061019;box-shadow:0 0 30px #49d8ff55}.brand-mark.large{width:3.5rem;height:3.5rem;font-size:1.5rem;margin-bottom:1.5rem}.sidebar nav{display:grid;gap:.35rem}.nav-link{display:flex;align-items:center;gap:.8rem;padding:.78rem .85rem;border-radius:.75rem;color:var(--muted);font-weight:650}.nav-link span{width:1.3rem;text-align:center;color:var(--accent)}.nav-link:hover,.nav-link:focus-visible{color:var(--text);background:var(--surface-2);outline:none}.sidebar-footer{margin-top:auto;display:grid;gap:.25rem;padding:.9rem}.sidebar-footer form{margin-top:.5rem}.main-column{min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:1rem;padding:0 clamp(1rem,4vw,3.5rem);background:#07111da8;backdrop-filter:blur(16px);position:sticky;top:0;z-index:5}.topbar>div{display:grid}.topbar .icon-button:last-child{margin-left:auto}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:800;color:var(--muted)}.icon-button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:.7rem;width:2.6rem;height:2.6rem}.menu-button{display:none}.content{width:min(1220px,100%);margin:auto;padding:clamp(1.5rem,4vw,3.5rem)}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2rem}.page-heading h1{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em;margin:.25rem 0}.page-heading p{color:var(--muted);margin:0;max-width:56ch}.status-pill{border:1px solid var(--line);background:var(--surface);padding:.55rem .8rem;border-radius:999px;color:var(--muted);white-space:nowrap}.status-pill i{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:#48e09b;box-shadow:0 0 14px #48e09b;margin-right:.4rem}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.2rem}.module-card{min-height:135px;padding:1.2rem;border:1px solid var(--line);border-radius:1rem;background:linear-gradient(145deg,var(--surface-2),var(--surface));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;transition:transform .18s,border-color .18s}.module-card:hover{transform:translateY(-3px);border-color:var(--card-accent)}.module-card strong{display:block;font-size:1.05rem}.module-card small{display:block;color:var(--muted);margin-top:.3rem;line-height:1.4}.module-icon{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:.8rem;background:color-mix(in srgb,var(--card-accent) 16%,transparent);color:var(--card-accent);font-size:1.25rem}.cyan{--card-accent:#45d8ff}.green{--card-accent:#45e29a}.violet{--card-accent:#9c86ff}.amber{--card-accent:#ffbf55}.blue{--card-accent:#61a8ff}.rose{--card-accent:#ff6d91}.panel{border:1px solid var(--line);background:var(--surface);border-radius:1rem;padding:1.2rem;margin-top:1rem;box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel h2{margin:.2rem 0;font-size:1.25rem}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:.8rem;overflow:hidden}.stats div{background:var(--surface-2);padding:1rem}.stats strong{display:block;font-size:1.8rem}.stats span{color:var(--muted);font-size:.85rem}.button{display:inline-flex;justify-content:center;align-items:center;gap:.4rem;min-height:2.65rem;padding:.65rem 1rem;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:.7rem;font-weight:750}.button:hover,.button:focus-visible{border-color:var(--accent);outline:2px solid transparent}.button.primary{background:var(--accent);color:#061019;border-color:var(--accent)}.button.danger{color:#ffdbe3;border-color:#7d3245}.button.subtle{width:100%;background:transparent}.stack{display:grid;gap:1rem}.inline-form{display:flex;gap:.7rem;align-items:end;flex-wrap:wrap}.inline-form label{flex:1;min-width:170px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}label{display:grid;gap:.4rem;color:var(--muted);font-size:.9rem;font-weight:650}input,textarea,select{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:.7rem;padding:.75rem .85rem;min-height:2.75rem}textarea{min-height:110px;resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}.check{display:flex;grid-template-columns:auto 1fr;align-items:center}.check input{width:1.1rem;min-height:auto}.validation{color:#ff9aad}.item-list{display:grid;gap:.65rem}.item{display:flex;align-items:center;gap:1rem;border:1px solid var(--line);background:var(--surface-2);border-radius:.8rem;padding:.85rem 1rem}.item .grow{flex:1;min-width:0}.item strong,.item span{overflow-wrap:anywhere}.item small{display:block;color:var(--muted);margin-top:.2rem}.badge{font-size:.75rem;font-weight:800;background:#ffffff0c;border:1px solid var(--line);border-radius:999px;padding:.25rem .5rem}.empty-state{text-align:center;display:grid;justify-items:center;gap:.7rem;padding:4rem 1rem}.empty-state h1,.empty-state p{margin:0}.empty-state p{color:var(--muted)}.auth-page{display:grid;place-items:center;padding:1rem}.auth-card{width:min(430px,100%);border:1px solid var(--line);background:#0d1823ee;padding:clamp(1.5rem,5vw,2.5rem);border-radius:1.2rem;box-shadow:var(--shadow)}.auth-card h1{font-size:2.2rem;letter-spacing:-.04em;margin:.35rem 0}.auth-card>p{color:var(--muted);margin:0 0 1.5rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.75rem;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.flash{padding:.75rem 1rem;border-radius:.7rem;background:#48e09b18;border:1px solid #48e09b55;margin-bottom:1rem}.danger-zone{border-color:#7d3245}.muted{color:var(--muted)}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;transform:translateX(-105%);transition:transform .2s;width:250px}.sidebar.open{transform:none}.menu-button{display:block}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:570px){.content{padding:1.1rem}.topbar{padding:0 1rem}.page-heading{align-items:flex-start;flex-direction:column}.module-grid,.field-grid{grid-template-columns:1fr}.module-card{min-height:105px}.stats{grid-template-columns:1fr}.item{align-items:flex-start;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.term-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.term{min-height:72px;display:grid;place-items:center;text-align:center;padding:.6rem;border:1px solid var(--line);border-radius:.7rem;background:var(--surface-2);overflow-wrap:anywhere}.term.correct{border-color:#45e29a;background:#45e29a20;box-shadow:inset 0 0 0 1px #45e29a}
.heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:.7rem;flex-wrap:wrap}.priority-1{color:#91a4b7}.priority-2{color:#48d7ff;border-color:#286279}.priority-3{color:#ffcf66;border-color:#796231}.priority-4{color:#ff9666;border-color:#82452d}.priority-5{color:#ff6d91;border-color:#84334a;background:#ff6d9112}.archive-date{color:var(--muted);font-size:.8rem;white-space:nowrap}
.quick-picks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.quick-picks form{min-width:0}.quick-pick{width:100%;min-height:80px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:.15rem .55rem;text-align:left;align-items:center;padding:.7rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface-2);color:var(--text)}.quick-pick:hover,.quick-pick:focus-visible{border-color:var(--accent);outline:2px solid transparent}.quick-pick>span{grid-row:1/3;color:var(--accent);font-size:1.25rem}.quick-pick strong,.quick-pick small{overflow-wrap:anywhere}.quick-pick small,.item-meta{color:var(--muted)}.is-purchased{text-decoration:line-through;opacity:.55}
@media(max-width:900px){.quick-picks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:570px){.term-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.random-stage{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:1rem;margin:0 0 1.25rem}.random-stage>form:only-child{grid-column:1/-1}.random-dish-button{position:relative;isolation:isolate;width:100%;min-height:190px;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.3rem;text-align:left;padding:clamp(1.25rem,4vw,2.2rem);border:1px solid #ffbf5577;border-radius:1.2rem;background:linear-gradient(125deg,#4a2b08,#9b5912 48%,#ffbf55);color:#fff7e5;box-shadow:0 24px 70px #ff9d2528;transition:transform .2s,border-color .2s,box-shadow .2s}.random-dish-button:before{content:"";position:absolute;z-index:-1;width:18rem;height:18rem;border-radius:50%;right:-5rem;top:-10rem;background:#fff4;filter:blur(3px)}.random-dish-button:hover,.random-dish-button:focus-visible{transform:translateY(-4px);border-color:#ffe0a1;box-shadow:0 30px 80px #ff9d2540;outline:3px solid #ffcf6688;outline-offset:3px}.random-dish-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.random-symbol{display:grid;place-items:center;width:4.5rem;height:4.5rem;border-radius:1rem;background:#160c0566;border:1px solid #fff4;font-size:2.2rem}.random-dish-button small,.random-dish-button em{display:block;font-style:normal;opacity:.8}.random-dish-button strong{display:block;font-size:clamp(1.35rem,3vw,2.15rem);line-height:1.1;margin:.3rem 0}.random-dish-button>b{font-size:2rem}.random-result{min-height:190px;display:flex;flex-direction:column;justify-content:center;padding:1.5rem;border:1px solid #ffbf5555;border-radius:1.2rem;background:linear-gradient(145deg,#231b10,var(--surface));transition:transform .2s,border-color .2s}.random-result:hover,.random-result:focus-visible{transform:translateY(-3px);border-color:#ffbf55;outline:none}.random-result>strong{font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.1;margin:.55rem 0}.random-result>small{color:#ffcf7a}.dish-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.dish-grid>.empty-state{grid-column:1/-1}.dish-card{min-width:0;border:1px solid var(--line);border-radius:.9rem;background:var(--surface-2);overflow:hidden}.dish-card-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem}.dish-card-main:hover,.dish-card-main:focus-visible{background:#ffffff08;outline:none}.dish-card-main strong,.dish-card-main small{display:block;overflow-wrap:anywhere}.dish-card-main small{color:var(--muted);margin-top:.2rem}.dish-card-actions{display:flex;justify-content:flex-end;gap:.55rem;padding:.7rem 1rem;border-top:1px solid var(--line)}.ingredient-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.ingredient-option{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.8rem;padding:1rem;border:1px solid var(--line);border-radius:.8rem;background:var(--surface-2);color:var(--text);cursor:pointer}.ingredient-option:has(input:checked){border-color:#45e29a88;background:#45e29a12}.ingredient-option input{width:1.25rem;min-height:1.25rem}.ingredient-option strong,.ingredient-option small{display:block}.ingredient-option small{color:var(--muted);margin-top:.2rem}.ingredient-submit{min-height:3.2rem;font-size:1.05rem}
@media(max-width:760px){.random-stage,.dish-grid,.ingredient-list{grid-template-columns:1fr}.random-dish-button{min-height:160px}.dish-card-actions{justify-content:stretch}.dish-card-actions>*{flex:1}.dish-card-actions .button{width:100%}}
@media(max-width:570px){.random-dish-button{grid-template-columns:auto 1fr}.random-dish-button>b{display:none}.random-symbol{width:3.5rem;height:3.5rem}.random-result{min-height:150px}}
.lobby-panel{margin-bottom:1.25rem}.live-indicator{display:inline-flex;align-items:center;gap:.45rem;color:#65e7aa;font-size:.85rem;font-weight:750}.live-indicator i{width:.65rem;height:.65rem;border-radius:50%;background:#45e29a;box-shadow:0 0 14px #45e29a}.live-indicator.reconnecting{color:var(--muted)}.live-indicator.reconnecting i{background:#ffbf55;box-shadow:0 0 14px #ffbf55}.player-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.player-card{display:flex;align-items:center;gap:.8rem;min-width:0;padding:.8rem;border:1px solid var(--line);border-radius:.8rem;background:var(--surface-2)}.player-card .grow{min-width:0;flex:1}.player-card strong,.player-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-card small{color:var(--muted);margin-top:.15rem}.player-avatar{display:grid;place-items:center;flex:0 0 2.5rem;width:2.5rem;height:2.5rem;border-radius:50%;background:#48d7ff18;border:1px solid #48d7ff55;color:var(--accent);font-weight:850}.player-card .button{min-height:2.3rem;padding:.45rem .65rem}.lobby-empty{grid-column:1/-1;margin:.5rem 0}.lobby-hint{color:var(--muted);font-size:.82rem;margin:1rem 0 0}
@media(max-width:900px){.player-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:570px){.player-list{grid-template-columns:1fr}.player-card{flex-wrap:wrap}.player-card .button{width:100%}}
.account-heading{align-items:center}.superadmin-seal{display:inline-flex;align-items:center;gap:.55rem;padding:.65rem .95rem;border:1px solid #ffbf5577;border-radius:999px;background:#ffbf5512;color:#ffd581;font-weight:800}.superadmin-seal span{color:#ffbf55}.account-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.account-stats>div{display:flex;align-items:center;gap:.8rem;min-width:0;padding:1rem;border:1px solid var(--line);border-radius:.9rem;background:linear-gradient(145deg,var(--surface-2),var(--surface))}.account-stats strong,.account-stats small{display:block}.account-stats strong{font-size:1.55rem;line-height:1}.account-stats small{color:var(--muted);font-size:.78rem;margin-top:.25rem}.account-stat-icon{display:grid;place-items:center;width:2.35rem;height:2.35rem;flex:0 0 2.35rem;border-radius:.7rem;background:color-mix(in srgb,var(--card-accent) 15%,transparent);color:var(--card-accent)}.account-create-panel{overflow:hidden;background:linear-gradient(145deg,var(--surface),#102333)}.account-create-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:end}.account-role-choice{display:flex;align-items:center;gap:.75rem;min-height:4.25rem;padding:.8rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface-2);color:var(--text);cursor:pointer}.account-role-choice:has(input:checked){border-color:#9c86ff88;background:#9c86ff10}.account-role-choice input{width:1.2rem;min-height:1.2rem}.account-role-choice strong,.account-role-choice small{display:block}.account-role-choice small{color:var(--muted);font-size:.78rem;margin-top:.15rem}.account-create-button{min-height:4.25rem}.account-create-button span{font-size:1.25rem}.account-directory{margin-top:2rem}.directory-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.directory-heading h2{font-size:1.6rem;margin:.2rem 0 0}.directory-heading p{color:var(--muted);font-size:.85rem;margin:0}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.account-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:1.15rem;border:1px solid var(--line);border-radius:1rem;background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:0 12px 35px #0002}.account-card.is-admin{border-color:#6657ac88}.account-card.is-superadmin{border-color:#9b742f;background:linear-gradient(145deg,#1b1a17,var(--surface));box-shadow:0 12px 40px #ffbf550d}.account-card-header{display:flex;align-items:center;gap:.8rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.account-avatar{display:grid;place-items:center;width:2.8rem;height:2.8rem;flex:0 0 2.8rem;border-radius:.85rem;background:#48d7ff16;border:1px solid #48d7ff44;color:var(--accent);font-size:1.15rem;font-weight:900}.is-admin .account-avatar{background:#9c86ff18;border-color:#9c86ff55;color:#b9aaff}.is-superadmin .account-avatar{background:#ffbf5518;border-color:#ffbf5566;color:#ffd581}.account-identity{min-width:0;flex:1}.account-identity strong,.account-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-identity strong{font-size:1.05rem}.account-identity small{color:var(--muted);font-size:.78rem;margin-top:.18rem}.account-type{flex:0 0 auto;padding:.3rem .55rem;border-radius:999px;border:1px solid var(--line);font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.account-type.super{color:#ffd581;border-color:#9b742f;background:#ffbf5510}.account-type.admin{color:#c8bcff;border-color:#6657ac;background:#9c86ff10}.account-type.guest{color:#ffd28a;border-color:#795d2d}.account-type.user{color:#8eecc0;border-color:#286d51}.account-permissions-heading{display:flex;justify-content:space-between;gap:.7rem;margin:1rem 0 .65rem}.account-permissions-heading strong{font-size:.82rem;text-transform:uppercase;letter-spacing:.07em}.account-permissions-heading span{color:var(--muted);font-size:.78rem}.permission-form{display:flex;flex:1;flex-direction:column}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.permission-option{display:block;min-width:0;color:var(--muted)}.permission-option>input{position:absolute;opacity:0;pointer-events:none;width:1px;min-height:1px}.permission-option>span{display:flex;align-items:center;gap:.5rem;min-height:2.45rem;padding:.55rem .65rem;border:1px solid var(--line);border-radius:.65rem;background:#ffffff03;font-size:.82rem;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.permission-option>span i{width:.55rem;height:.55rem;flex:0 0 .55rem;border-radius:50%;background:#526273}.permission-option>input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.permission-option>input:checked+span,.permission-option.active>span{color:var(--text);border-color:#45e29a66;background:#45e29a0c}.permission-option>input:checked+span i,.permission-option.active>span i{background:#45e29a;box-shadow:0 0 10px #45e29a88}.permission-grid.readonly .permission-option>span{cursor:default}.permission-grid.readonly .permission-option:not(.active)>span{opacity:.48}.account-card-actions{display:flex;justify-content:flex-end;margin-top:auto;padding-top:1rem}.account-card-actions .button{width:100%}.account-lock-note{display:flex;align-items:flex-start;gap:.5rem;color:var(--muted);font-size:.78rem;line-height:1.45;margin:1rem 0 0}.account-lock-note span{color:#ffbf55}.account-delete-form{display:flex;justify-content:flex-end;margin-top:.65rem}.account-delete-form .button{width:100%}.flash-error{background:#ff648218;border-color:#ff648255;color:#ffdbe3}
@media(max-width:900px){.account-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.account-grid{grid-template-columns:1fr}}
@media(max-width:570px){.account-stats,.account-create-grid{grid-template-columns:1fr}.directory-heading{align-items:flex-start;flex-direction:column}.account-card-header{align-items:flex-start;flex-wrap:wrap}.account-type{margin-left:3.6rem}.permission-grid{grid-template-columns:1fr}}
.account-management-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.65rem}.account-management-actions form,.account-management-actions .button{width:100%}.account-management-actions>form:only-child{grid-column:1/-1}.role-button.promote{color:#c8bcff;border-color:#6657ac;background:#9c86ff0c}.role-button.demote{color:#ffd28a;border-color:#795d2d;background:#ffbf5508}
@media(max-width:570px){.account-management-actions{grid-template-columns:1fr}}
.role-change-form:has(.demotion-permissions){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem}.demotion-permissions{display:flex;align-items:center;gap:.6rem;padding:.65rem;border:1px solid #795d2d;border-radius:.65rem;background:#ffbf5508;color:var(--text);cursor:pointer}.demotion-permissions input{width:1.1rem;min-height:1.1rem}.demotion-permissions strong,.demotion-permissions small{display:block}.demotion-permissions strong{font-size:.78rem}.demotion-permissions small{color:var(--muted);font-size:.7rem;margin-top:.1rem}.audit-panel{margin-top:2rem}.audit-list{list-style:none;padding:0;margin:0;display:grid}.audit-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.85rem .25rem;border-bottom:1px solid var(--line)}.audit-list li:last-child{border-bottom:0}.audit-marker{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:.65rem;background:#48d7ff12;border:1px solid #48d7ff33;color:var(--accent);font-weight:900}.audit-main{min-width:0}.audit-main strong,.audit-main span,.audit-main small{display:block;overflow-wrap:anywhere}.audit-main span{color:var(--text);font-size:.83rem;margin-top:.15rem}.audit-main span b{color:var(--accent)}.audit-main small{color:var(--muted);font-size:.76rem;margin-top:.15rem}.audit-list time{color:var(--muted);font-size:.76rem;white-space:nowrap}.audit-empty{display:grid;place-items:center;gap:.45rem;padding:2rem;color:var(--muted);text-align:center}.audit-empty span{font-size:1.6rem;color:var(--accent)}.audit-empty p{margin:0}
@media(max-width:570px){.role-change-form:has(.demotion-permissions){grid-template-columns:1fr}.audit-list li{grid-template-columns:auto 1fr}.audit-list time{grid-column:2;white-space:normal}}
.upload-queue{display:grid;gap:.65rem;margin-top:1rem}.upload-queue:empty{display:none}.upload-row{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;border:1px solid var(--line);border-radius:.8rem;background:var(--surface-2)}.upload-row .grow{display:grid;gap:.35rem;min-width:0}.upload-row strong,.upload-row small{overflow-wrap:anywhere}.upload-row small{color:var(--muted)}.upload-row progress{width:100%;height:.65rem;accent-color:var(--accent)}.upload-row.complete{border-color:#45e29a66}.upload-row.failed{border-color:#ff648266}.upload-row.failed small{color:#ff9aad}
@media(max-width:570px){.upload-row{align-items:stretch;flex-direction:column}.upload-row .button{width:100%}}
.chameleon-heading{align-items:center}.chameleon-lobby-stage{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);align-items:center;gap:clamp(1.5rem,5vw,4rem);min-height:300px;overflow:hidden;padding:clamp(1.5rem,5vw,3.5rem);border:1px solid #48d7ff55;border-radius:1.2rem;background:radial-gradient(circle at 15% 50%,#48d7ff1c,transparent 18rem),linear-gradient(135deg,#0b1d2b,var(--surface));box-shadow:0 25px 70px #0004;margin-bottom:1rem}.chameleon-lobby-stage:after{content:"";position:absolute;z-index:-1;right:-7rem;top:-10rem;width:25rem;height:25rem;border-radius:50%;background:#7068ff0b}.lobby-orbit{position:relative;width:min(230px,60vw);aspect-ratio:1;margin:auto;border:1px solid #48d7ff33;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 60px #48d7ff0b}.lobby-orbit:before,.lobby-orbit:after{content:"";position:absolute;border:1px solid #48d7ff24;border-radius:50%;inset:16%}.lobby-orbit:after{inset:32%}.lobby-orbit b{display:grid;place-items:center;width:4.5rem;height:4.5rem;border-radius:1.2rem;background:linear-gradient(135deg,#48d7ff,#7068ff);color:#071019;font-size:2rem;box-shadow:0 0 45px #48d7ff66}.lobby-orbit>span{position:absolute;width:.85rem;height:.85rem;border-radius:50%;background:#45e29a;box-shadow:0 0 16px #45e29a}.lobby-orbit>span:nth-child(1){top:12%;left:48%}.lobby-orbit>span:nth-child(2){bottom:20%;left:13%;background:#9c86ff;box-shadow:0 0 16px #9c86ff}.lobby-orbit>span:nth-child(3){bottom:18%;right:14%;background:#ffbf55;box-shadow:0 0 16px #ffbf55}.lobby-stage-copy h2,.chameleon-wait-stage h2{font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.04em;line-height:1.05;margin:.35rem 0 .8rem}.lobby-stage-copy p,.chameleon-wait-stage p{color:var(--muted);line-height:1.6;max-width:56ch}.game-start-button{min-width:min(280px,100%);min-height:3.5rem;margin-top:.65rem;font-size:1.05rem;box-shadow:0 12px 30px #48d7ff24}.game-start-button>span{font-size:.85rem}.waiting-note{display:inline-flex;margin-top:.7rem;padding:.65rem .85rem;border:1px solid var(--line);border-radius:.65rem;color:var(--muted);background:#ffffff04}.chameleon-wait-stage{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.25rem;padding:clamp(1.3rem,4vw,2.2rem);border:1px solid #ffbf5555;border-radius:1rem;background:linear-gradient(135deg,#211a0e,var(--surface));margin-bottom:1rem}.wait-symbol{display:grid;place-items:center;width:4.2rem;height:4.2rem;border:1px solid #ffbf5566;border-radius:1rem;background:#ffbf5510;color:#ffcf7a;font-size:2rem}.chameleon-wait-stage h2,.chameleon-wait-stage p{margin-bottom:.35rem}.chameleon-game-panel{border-color:#48d7ff44}.game-panel-heading{align-items:flex-end}.game-panel-heading h2{font-size:clamp(1.5rem,3vw,2.15rem)}.status-pill.chameleon-role{color:#ffd28a;border-color:#ffbf5566;background:#ffbf550b}.game-master-bar{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.game-master-bar>span{margin-right:auto}.game-master-bar b,.game-master-bar small{display:block}.game-master-bar small{color:var(--muted);font-size:.76rem;margin-top:.12rem}.player-card.is-waiting{border-style:dashed;opacity:.82}.player-state{display:inline-flex;padding:.25rem .48rem;border-radius:999px;border:1px solid var(--line);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.player-state.playing{color:#8eecc0;border-color:#286d51;background:#45e29a0b}.player-state.waiting{color:#ffd28a;border-color:#795d2d;background:#ffbf5508}
@media(max-width:760px){.chameleon-lobby-stage{grid-template-columns:1fr;text-align:center}.lobby-stage-copy p{margin-left:auto;margin-right:auto}.chameleon-wait-stage{grid-template-columns:auto 1fr}.chameleon-wait-stage form{grid-column:1/-1}.chameleon-wait-stage .button{width:100%}.game-master-bar{align-items:stretch}.game-master-bar>span{width:100%;margin-bottom:.3rem}.game-master-bar form,.game-master-bar .button{flex:1;width:100%}}
@media(max-width:570px){.chameleon-lobby-stage{min-height:0}.lobby-orbit{width:160px}.lobby-orbit b{width:3.5rem;height:3.5rem}.chameleon-wait-stage{grid-template-columns:1fr;text-align:center}.wait-symbol{margin:auto}.player-state{order:3;margin-left:3.3rem}}
.winter-heading{align-items:center}.winter-lobby{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(1.5rem,5vw,4rem);min-height:280px;margin-bottom:1rem;padding:clamp(1.5rem,5vw,3.5rem);border:1px solid #8bc8ff55;border-radius:1.2rem;background:radial-gradient(circle at 15% 50%,#9ad8ff24,transparent 17rem),linear-gradient(135deg,#0b1b29,var(--surface));box-shadow:0 25px 70px #0004}.winter-lobby:after{content:"";position:absolute;right:-8rem;top:-12rem;width:30rem;height:30rem;border:1px solid #a4ddff18;border-radius:50%;box-shadow:inset 0 0 90px #a4ddff08}.winter-emblem{display:grid;place-items:center;width:clamp(7rem,20vw,12rem);aspect-ratio:1;border:1px solid #b9e4ff55;border-radius:50%;background:#9ad8ff0b;color:#cceeff;font-size:clamp(3rem,8vw,6rem);text-shadow:0 0 35px #72c7ff;box-shadow:inset 0 0 50px #6bc5ff10}.winter-lobby h2{font-size:clamp(2rem,5vw,3.5rem);line-height:1;margin:.35rem 0 1rem}.winter-lobby p{max-width:58ch;color:var(--muted);line-height:1.6}.winter-player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.winter-player{display:flex;align-items:center;gap:.8rem;padding:.85rem;border:1px solid var(--line);border-radius:.8rem;background:var(--surface-2)}.winter-player.current{border-color:#69ccff66;background:#69ccff0a}.winter-player strong,.winter-player small{display:block}.winter-player small{margin-top:.15rem;color:var(--muted);font-size:.76rem}.winter-dashboard{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}.winter-stat{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.7rem;padding:1rem;border:1px solid var(--line);border-radius:.9rem;background:linear-gradient(145deg,var(--surface),var(--surface-2))}.winter-stat>span{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.7rem;background:#6bc5ff14;color:#9edbff;font-size:1.15rem}.winter-stat small,.winter-stat strong{display:block}.winter-stat small{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.winter-stat strong{margin-top:.15rem;font-size:1.15rem}.winter-stat progress{grid-column:1/-1;width:100%;height:.4rem;accent-color:#65dda3}.winter-stat.threat progress{accent-color:#ff6d91}.winter-main-grid,.winter-lower-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.8fr);gap:1rem;margin-bottom:1rem}.winter-crisis{border-color:#ffbf5555;background:radial-gradient(circle at 100% 0,#ffbf5512,transparent 18rem),var(--surface)}.winter-crisis>p,.secret-goal>p{color:var(--muted);line-height:1.55}.winter-crisis>progress{width:100%;height:.8rem;accent-color:#ffbf55}.crisis-demand{display:flex;justify-content:space-between;gap:1rem;margin:1rem 0 .5rem;padding:.75rem;border:1px solid #ffbf5533;border-radius:.7rem;background:#ffbf5508}.crisis-demand span{color:var(--muted)}.secret-goal{position:relative;overflow:hidden;border-color:#9c86ff66;background:linear-gradient(145deg,#211d36,var(--surface))}.secret-goal:after{content:"?";position:absolute;right:-.2rem;bottom:-2.8rem;color:#9c86ff0d;font-size:11rem;font-weight:900;line-height:1}.secret-goal h2{position:relative;z-index:1;margin:.35rem 0}.secret-goal p,.secret-goal .goal-state{position:relative;z-index:1}.goal-state{display:inline-flex;padding:.3rem .55rem;border:1px solid #795d2d;border-radius:999px;background:#ffbf5508;color:#ffd28a;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.goal-state.complete{border-color:#286d51;background:#45e29a0b;color:#8eecc0}.winter-turn-panel{margin-bottom:1rem;border-color:#6bc5ff44}.winter-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem}.winter-actions form{min-width:0}.winter-action{width:100%;min-height:145px;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1rem;border:1px solid var(--line);border-radius:.8rem;background:var(--surface-2);color:var(--text);text-align:left;transition:transform .15s,border-color .15s,background .15s}.winter-action:hover,.winter-action:focus-visible{transform:translateY(-2px);border-color:#69ccff88;background:#69ccff0b;outline:2px solid transparent}.winter-action>span{display:grid;place-items:center;width:2.25rem;height:2.25rem;margin-bottom:.2rem;border-radius:.65rem;background:#69ccff15;color:#9edbff;font-size:1.15rem}.winter-action strong{line-height:1.2}.winter-action small{color:var(--muted);line-height:1.35}.winter-action.risky>span{background:#ff6d9112;color:#ff91aa}.end-turn-form{display:flex;justify-content:flex-end;margin-top:1rem}.end-turn-form .button{min-width:220px}.waiting-turn{display:flex;align-items:center;justify-content:center;gap:.8rem;min-height:100px;color:var(--muted);text-align:center}.waiting-turn>span{color:#9edbff;font-size:1.8rem}.winter-roster{display:grid;gap:.55rem}.winter-roster article{display:flex;align-items:center;gap:.7rem;padding:.65rem;border:1px solid var(--line);border-radius:.7rem;background:var(--surface-2)}.winter-roster article.active{border-color:#69ccff77;background:#69ccff0a}.winter-roster article>div{min-width:0;flex:1}.winter-roster strong,.winter-roster small{display:block;overflow:hidden;text-overflow:ellipsis}.winter-roster small{color:var(--muted);font-size:.74rem}.winter-log{list-style:none;display:grid;gap:.55rem;margin:0;padding:0}.winter-log li{padding:.65rem .75rem;border-left:2px solid #69ccff55;background:#ffffff03;color:var(--muted);font-size:.82rem;line-height:1.4}.winter-result{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.25rem;margin-bottom:1rem;padding:clamp(1.3rem,4vw,2.2rem);border:1px solid #45e29a66;border-radius:1rem;background:linear-gradient(135deg,#10261e,var(--surface))}.winter-result.lost{border-color:#ff6d9166;background:linear-gradient(135deg,#2b1118,var(--surface))}.winter-result-icon{display:grid;place-items:center;width:4.2rem;height:4.2rem;border-radius:1rem;background:#45e29a12;color:#8eecc0;font-size:2rem}.winter-result.lost .winter-result-icon{background:#ff6d9112;color:#ff91aa}.winter-result h2{margin:.25rem 0}.winter-result p{margin:0;color:var(--muted)}.winter-admin-reset{display:flex;justify-content:flex-end;margin-bottom:1rem}
@media(max-width:1050px){.winter-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}.winter-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.winter-lobby,.winter-main-grid,.winter-lower-grid{grid-template-columns:1fr}.winter-lobby{text-align:center}.winter-emblem{margin:auto}.winter-lobby p{margin-left:auto;margin-right:auto}.winter-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.winter-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.winter-result{grid-template-columns:auto 1fr}.winter-result form{grid-column:1/-1}.winter-result .button{width:100%}}
@media(max-width:570px){.winter-dashboard,.winter-player-grid,.winter-actions{grid-template-columns:1fr 1fr}.winter-stat{padding:.75rem}.winter-actions form:last-child{grid-column:1/-1}.winter-action{min-height:130px}.crisis-demand{flex-direction:column}.end-turn-form .button{width:100%;min-width:0}.winter-result{grid-template-columns:1fr;text-align:center}.winter-result-icon{margin:auto}}
.sidebar-footer{min-width:0}.sidebar-footer>strong{max-width:100%;overflow-wrap:anywhere}.player-card strong,.player-card small{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}.winter-player{min-width:0}.winter-player>div{min-width:0}.winter-player strong,.winter-player small,.winter-roster strong,.winter-roster small{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}.winter-player.companion,.winter-roster article.companion{border-style:dashed;border-color:#9c86ff66;background:#9c86ff08}
.mars-heading{align-items:center}.mars-intro{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);align-items:center;gap:clamp(2rem,6vw,5rem);min-height:390px;overflow:hidden;padding:clamp(1.5rem,5vw,4rem);border:1px solid #ff765955;border-radius:1.25rem;background:radial-gradient(circle at 20% 50%,#ff6c4530,transparent 20rem),linear-gradient(135deg,#29140f,#0d1823 65%);box-shadow:0 28px 80px #0005}.mars-intro:after{content:"";position:absolute;z-index:-1;right:-12rem;top:-13rem;width:32rem;height:32rem;border:1px solid #ff97751a;border-radius:50%}.mars-planet{position:relative;width:min(260px,60vw);aspect-ratio:1;margin:auto;border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffbd86,#cf4f2d 35%,#792416 72%,#2f0c0a);box-shadow:inset -35px -25px 55px #260805cc,0 0 65px #ff62334d}.mars-planet:before,.mars-planet:after,.mars-planet span{content:"";position:absolute;border-radius:50%;background:#69231688;box-shadow:inset 3px 4px 8px #2d090877}.mars-planet:before{width:24%;height:14%;left:18%;top:25%;transform:rotate(-18deg)}.mars-planet:after{width:34%;height:18%;right:12%;bottom:24%;transform:rotate(12deg)}.mars-planet span{width:14%;height:10%;right:22%;top:19%}.mars-intro h2{max-width:12ch;margin:.35rem 0 1rem;font-size:clamp(2.2rem,5vw,4rem);line-height:.98;letter-spacing:-.045em}.mars-intro p{max-width:58ch;color:var(--muted);line-height:1.65}.mars-launch{min-width:min(300px,100%);min-height:3.6rem;margin-top:.75rem;font-size:1.05rem;background:#ff7755!important;border-color:#ff7755!important}.mars-status{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem;margin-bottom:1rem}.mars-status article{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.6rem;min-width:0;padding:.85rem;border:1px solid var(--line);border-radius:.85rem;background:linear-gradient(145deg,var(--surface),var(--surface-2))}.mars-status article>span{display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:.65rem;background:#ff765913;color:#ff9c82}.mars-status small,.mars-status strong{display:block}.mars-status small{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.mars-status strong{font-size:1.15rem}.mars-status progress{grid-column:1/-1;width:100%;height:.36rem;accent-color:#ff7755}.mars-research{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.65rem;margin-bottom:1rem;padding:1rem 1.15rem;border:1px solid #9c86ff55;border-radius:.9rem;background:linear-gradient(100deg,#9c86ff0d,var(--surface))}.mars-research span,.mars-research strong{display:block}.mars-research strong{margin-top:.2rem}.mars-research>b{color:#c6baff}.mars-research progress{grid-column:1/-1;width:100%;height:.65rem;accent-color:#9c86ff}.mars-outcome{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:1rem;padding:.8rem 1rem;border-left:3px solid #ff7755;background:#ff765909;color:var(--muted)}.mars-outcome>span{color:#ff9c82;font-size:.7rem;font-weight:900;letter-spacing:.1em}.mars-outcome p{margin:0;line-height:1.5}.mars-event{overflow:hidden;border-color:#ff765944;background:radial-gradient(circle at 100% 0,#ff765910,transparent 20rem),var(--surface)}.mars-event .panel-heading h2{font-size:clamp(1.7rem,4vw,2.6rem)}.event-description{max-width:72ch;margin:0 0 1.25rem;color:var(--muted);font-size:1.05rem;line-height:1.65}.mars-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.mars-choices form{min-width:0}.mars-choices button{position:relative;width:100%;min-height:180px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr;gap:.2rem .8rem;padding:1.1rem;border:1px solid var(--line);border-radius:.9rem;background:var(--surface-2);color:var(--text);text-align:left;transition:transform .16s,border-color .16s}.mars-choices button:hover,.mars-choices button:focus-visible{transform:translateY(-3px);border-color:#ff8769;outline:2px solid transparent}.mars-choices button>span{grid-row:1/4;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.7rem;background:#ff765915;color:#ff9c82;font-weight:900}.mars-choices strong{font-size:1.05rem;overflow-wrap:anywhere}.mars-choices small{color:var(--muted);line-height:1.45}.mars-choices b{align-self:end;color:#ff9c82}.mars-choices em{position:absolute;right:.8rem;top:.8rem;padding:.2rem .4rem;border:1px solid #ff6d9166;border-radius:999px;color:#ff91aa;font-size:.68rem;font-style:normal;font-weight:800}.mars-choices button.risky{border-color:#ff6d9138}.mars-finale{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.2rem;padding:1.5rem;border:1px solid #45e29a66;border-radius:1rem;background:linear-gradient(135deg,#10261e,var(--surface))}.mars-finale.lost{border-color:#ff6d9166;background:linear-gradient(135deg,#2b1118,var(--surface))}.mars-finale>span{display:grid;place-items:center;width:4rem;height:4rem;border-radius:1rem;background:#45e29a12;color:#8eecc0;font-size:2rem}.mars-finale.lost>span{background:#ff6d9112;color:#ff91aa}.mars-finale h2{margin:.2rem 0}.mars-finale p{margin:0;color:var(--muted)}.mars-log summary{cursor:pointer;font-weight:800}.mars-log ol{display:grid;gap:.5rem;margin:1rem 0 0;padding-left:1.2rem;color:var(--muted)}.mars-log li{padding-left:.4rem;line-height:1.45}
@media(max-width:1000px){.mars-status{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.mars-intro{grid-template-columns:1fr;text-align:center}.mars-planet{width:170px}.mars-intro h2,.mars-intro p{margin-left:auto;margin-right:auto}.mars-choices{grid-template-columns:1fr}.mars-finale{grid-template-columns:auto 1fr}.mars-finale form{grid-column:1/-1}.mars-finale .button{width:100%}}
@media(max-width:480px){.mars-status{grid-template-columns:repeat(2,minmax(0,1fr))}.mars-event .panel-heading{align-items:flex-start;flex-direction:column}.mars-finale{grid-template-columns:1fr;text-align:center}.mars-finale>span{margin:auto}.mars-choices button{min-height:160px}}
.mars-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;flex-wrap:wrap}.mars-heading-actions form{margin:0}.mars-mode-form{margin-top:1rem;padding:clamp(1rem,3vw,1.5rem);border:1px solid #ff765944;border-radius:1rem;background:var(--surface)}.mars-mode-form fieldset{padding:0;border:0}.mars-mode-form legend{margin-bottom:1rem;font-size:1.25rem;font-weight:850}.mars-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.mars-mode-grid label{position:relative;min-width:0;cursor:pointer}.mars-mode-grid input{position:absolute;opacity:0;pointer-events:none}.mars-mode-grid label>span{display:flex;flex-direction:column;min-height:155px;padding:1rem;border:1px solid var(--line);border-radius:.85rem;background:var(--surface-2);transition:transform .15s,border-color .15s,background .15s}.mars-mode-grid label:hover>span{transform:translateY(-2px);border-color:#ff765977}.mars-mode-grid input:focus-visible+span{outline:3px solid #ff9c8288;outline-offset:3px}.mars-mode-grid input:checked+span{border-color:#ff7755;background:linear-gradient(145deg,#ff765916,var(--surface-2));box-shadow:inset 0 0 0 1px #ff775533}.mars-mode-grid b{font-size:1.08rem}.mars-mode-grid small{flex:1;margin:.45rem 0;color:var(--muted);line-height:1.45}.mars-mode-grid em{color:#ff9c82;font-size:.75rem;font-style:normal;font-weight:800}.mars-mode-form>.mars-launch{display:block;margin:1rem auto 0}.mars-status{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.mars-status article.psyche{border-color:#9c86ff55}.mars-status article.psyche>span{background:#9c86ff18;color:#c6baff}.mars-status article.psyche progress{accent-color:#9c86ff}.mars-research.rocket{border-color:#ffbf5566;background:linear-gradient(100deg,#ffbf5510,var(--surface))}.mars-research.rocket>b{color:#ffd28a}.mars-research.rocket progress{accent-color:#ffbf55}.mars-reserves{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:-.25rem 0 1rem;color:var(--muted);font-size:.78rem}.mars-reserves>b{padding:.3rem .55rem;border:1px solid #45e29a55;border-radius:999px;background:#45e29a0b;color:#8eecc0;font-size:.72rem}.mars-choices button>span{grid-row:1/5}
@media(max-width:760px){.mars-heading-actions{justify-content:flex-start}.mars-mode-grid{grid-template-columns:1fr}.mars-mode-grid label>span{min-height:0}}
.access-denied-actions{display:flex;align-items:center;justify-content:center;gap:.65rem;flex-wrap:wrap}.access-denied-actions form{margin:0}@media(max-width:480px){.access-denied-actions,.access-denied-actions>*{width:100%}.access-denied-actions .button{width:100%}}
.codenames-heading{align-items:center}.codenames-lobby{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);align-items:center;gap:clamp(2rem,6vw,5rem);min-height:350px;padding:clamp(1.4rem,5vw,3.5rem);border:1px solid #45e29a55;border-radius:1.2rem;background:radial-gradient(circle at 15% 40%,#45e29a1e,transparent 22rem),linear-gradient(135deg,#10241d,var(--surface));box-shadow:var(--shadow)}.codenames-lobby h2{margin:.35rem 0;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.04em}.codenames-lobby p{max-width:58ch;color:var(--muted);line-height:1.55}.codenames-mark{display:grid;grid-template-columns:repeat(5,1fr);gap:.45rem;width:min(270px,70vw);aspect-ratio:1;margin:auto;transform:rotate(-4deg)}.codenames-mark span{border-radius:.55rem;background:#45e29a;box-shadow:0 10px 25px #0004}.codenames-mark span:nth-child(2){background:#d8c8a8}.codenames-mark span:nth-child(3){background:#10161b}.codenames-mark span:nth-child(4){background:#45e29a99}.codenames-start-form{display:grid;grid-template-columns:minmax(150px,220px) auto;align-items:end;gap:.75rem;margin-top:1.2rem}.codenames-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}.codenames-status article{padding:.9rem 1rem;border:1px solid var(--line);border-radius:.8rem;background:var(--surface)}.codenames-status small,.codenames-status strong{display:block}.codenames-status small{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.codenames-status strong{margin-top:.25rem;font-size:1.2rem}.codenames-clue-panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:end;gap:1.2rem;border-color:#45e29a55}.codenames-clue-panel p{margin:.3rem 0 0;color:var(--muted)}.codenames-clue-form{display:grid;grid-template-columns:minmax(0,1fr) 90px auto;align-items:end;gap:.65rem}.codenames-current-clue{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.2rem;border:1px solid #45e29a66;border-radius:.9rem;background:linear-gradient(110deg,#45e29a15,var(--surface))}.codenames-current-clue>span{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.codenames-current-clue>strong{font-size:clamp(1.3rem,4vw,2rem)}.codenames-current-clue>strong b{display:inline-grid;place-items:center;min-width:2.3rem;height:2.3rem;margin-left:.35rem;border-radius:50%;background:#45e29a;color:#071019}.codenames-current-clue>small{color:var(--muted)}.codenames-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.3rem,1vw,.65rem);margin:1rem 0}.codenames-board form{display:block;min-width:0}.codename-card{position:relative;width:100%;min-width:0;min-height:clamp(72px,10vw,105px);display:grid;place-items:center;padding:.45rem .3rem;border:1px solid #756e5e;border-radius:.7rem;background:linear-gradient(145deg,#f1e3c6,#cbbd9f);color:#18211d;text-align:center;font-weight:850;box-shadow:0 5px 0 #7d725d,0 12px 25px #0003;overflow:hidden;overflow-wrap:anywhere;hyphens:auto;transition:transform .14s,border-color .14s}.codenames-board button:hover,.codenames-board button:focus-visible{transform:translateY(-3px);border-color:#fff;outline:3px solid var(--accent);outline-offset:2px}.codename-card span{line-height:1.05;font-size:clamp(.78rem,2vw,1rem)}.codename-card small{position:absolute;right:.25rem;bottom:.2rem;padding:.08rem .25rem;border-radius:999px;background:#0002;font-size:.58rem;text-transform:uppercase}.codename-card.agent{background:linear-gradient(145deg,#65e7aa,#24835d);border-color:#7ff0bd;color:#06150f;box-shadow:0 5px 0 #14593e,0 12px 25px #0003}.codename-card.assassin{background:linear-gradient(145deg,#343c43,#090d10);border-color:#68747e;color:#fff;box-shadow:0 5px 0 #000,0 12px 25px #0005}.codename-card.bystander{filter:saturate(.7)}.codename-card.found{background:linear-gradient(145deg,#45e29a,#19704e);border-color:#74f0b6;color:#06150f;box-shadow:none;opacity:.64;text-decoration:line-through}.codenames-end-turn{display:flex;justify-content:flex-end;margin-bottom:1rem}.codenames-reset{display:flex;justify-content:flex-end;margin:1rem 0}.codenames-result{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-bottom:1rem;padding:1.25rem;border:1px solid #45e29a66;border-radius:1rem;background:#45e29a0c}.codenames-result.lost{border-color:#ff6d9166;background:#ff6d910c}.codenames-result>span{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:.9rem;background:#45e29a18;color:#8eecc0;font-size:2rem}.codenames-result.lost>span{background:#ff6d9118;color:#ff91aa}.codenames-result h2{margin:.25rem 0}.codenames-log summary{cursor:pointer;font-weight:800}.codenames-log ol{display:grid;gap:.4rem;color:var(--muted)}.codenames-word-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.codenames-word-stats article{padding:1rem;border:1px solid var(--line);border-radius:.8rem;background:var(--surface)}.codenames-word-stats strong,.codenames-word-stats span{display:block}.codenames-word-stats strong{font-size:1.7rem;color:#8eecc0}.codenames-word-stats span{color:var(--muted)}.codenames-word-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.codenames-word-list article{display:flex;align-items:center;gap:.7rem;min-width:0;padding:.7rem;border:1px solid var(--line);border-radius:.7rem;background:var(--surface-2)}.codenames-word-list article>div{flex:1;min-width:0}.codenames-word-list strong,.codenames-word-list small{display:block;overflow-wrap:anywhere}.codenames-word-list small{color:var(--muted);font-size:.75rem;margin-top:.15rem}
.codenames-key-preview{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem 0;padding:.8rem 1rem;border:1px solid #45e29a55;border-radius:.8rem;background:#45e29a0b}.codenames-key-preview strong,.codenames-key-preview small{display:block}.codenames-key-preview small{margin-top:.15rem;color:var(--muted)}.codenames-board.own-key-visible{padding:.45rem;border:1px dashed #45e29a88;border-radius:.85rem;background:#45e29a08}
@media(max-width:760px){.codenames-lobby,.codenames-clue-panel{grid-template-columns:1fr}.codenames-lobby{text-align:center}.codenames-start-form{grid-template-columns:1fr}.codenames-start-form .button{width:100%}.codenames-clue-form{grid-template-columns:minmax(0,1fr) 80px}.codenames-clue-form .button{grid-column:1/-1}.codenames-current-clue{grid-template-columns:1fr;text-align:center}.codenames-word-list{grid-template-columns:1fr}.codenames-result{grid-template-columns:auto 1fr}.codenames-result form{grid-column:1/-1}.codenames-result .button{width:100%}}
@media(max-width:480px){.codenames-status{grid-template-columns:repeat(3,1fr)}.codenames-status article{padding:.65rem .5rem}.codenames-status strong{font-size:.95rem;overflow-wrap:anywhere}.codenames-key-preview{align-items:stretch;flex-direction:column}.codenames-key-preview .button{width:100%}.codenames-board{gap:.28rem;margin-left:-.35rem;margin-right:-.35rem}.codename-card{min-height:75px;padding:.3rem .12rem;border-radius:.45rem;box-shadow:0 3px 0 #7d725d,0 7px 14px #0003}.codename-card span{font-size:clamp(.68rem,3vw,.82rem)}.codenames-result{grid-template-columns:1fr;text-align:center}.codenames-result>span{margin:auto}.codenames-end-turn .button,.codenames-reset .button{width:100%}}
.codename-card.missed{background:#726d63;color:#d9d4ca;border-color:#837d72;box-shadow:none;opacity:.62;text-decoration:line-through}.codename-card.losing-card{border-color:#ff6d91;box-shadow:0 0 0 3px #ff6d9144,0 12px 25px #0005}.codenames-clue-override{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-color:#f4b35d66}.codenames-clue-override div{min-width:0}.codenames-clue-override strong,.codenames-clue-override small{display:block}.codenames-clue-override small{margin-top:.25rem;color:var(--muted);line-height:1.45}
.codename-card.attempted{border-style:dashed}.codename-card em{position:absolute;left:.18rem;right:.18rem;bottom:.14rem;color:#3d493f;font-size:.5rem;font-style:normal;font-weight:750;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.codename-card.missed em{color:#eee}.codename-card.found em{display:none}

/* Social live games */
.social-heading{border-bottom:1px solid var(--line);padding-bottom:1.3rem}.social-heading.disaster h1{color:#ff9c78}.social-heading.headlines h1{color:#6ee7d2}.social-heading.interrogation h1{color:#cbb9ff}
.social-lobby{display:flex;align-items:center;gap:1.4rem;padding:1.5rem}.social-lobby h2{margin:.2rem 0}.social-emblem{display:grid;place-items:center;flex:0 0 5rem;width:5rem;height:5rem;border-radius:1.35rem;background:linear-gradient(145deg,#263b4e,#132332);font-size:2.4rem;border:1px solid #38536a}
.compact-start{display:flex;align-items:end;gap:.65rem;flex-wrap:wrap}.compact-start label{display:grid;gap:.25rem;min-width:min(100%,18rem)}.compact-start select{width:100%}
.social-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.65rem;margin:1rem 0}.social-stats article{padding:.8rem 1rem;border:1px solid var(--line);border-radius:1rem;background:var(--panel)}.social-stats small{display:block;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.social-stats strong{font-size:1.35rem}
.secret-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin:1rem 0}.secret-card{padding:1.15rem;border-radius:1.1rem;border:1px solid #745c9b;background:linear-gradient(145deg,rgba(95,61,132,.25),var(--panel))}.secret-card.objective{border-color:#9c713c;background:linear-gradient(145deg,rgba(145,94,39,.23),var(--panel))}.secret-card h2{margin:.25rem 0}.secret-card form,.secret-card>small{display:block;margin-top:.8rem}.secret-card.dossier{max-width:48rem;margin:1rem auto;border-color:#8d333f}.secret-card dl{display:grid;grid-template-columns:auto 1fr;gap:.45rem .8rem}.secret-card dt{color:var(--muted)}.secret-card dd{margin:0;font-weight:700}
.crisis-card,.case-intro,.headline-prompt{margin:1rem 0;padding:1.3rem;border-radius:1.1rem;border:1px solid #854a3e;background:linear-gradient(135deg,rgba(123,45,35,.32),var(--panel))}.crisis-card h2,.headline-prompt h2{font-size:clamp(1.35rem,5vw,2.2rem);margin:.25rem 0}.headline-prompt{border-color:#297d74;background:linear-gradient(135deg,rgba(29,116,104,.27),var(--panel));text-align:center}.headline-prompt>span{display:inline-block;padding:.25rem .7rem;border-radius:999px;background:#276e66;font-weight:800}
.plan-grid,.proposal-list,.answer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.plan-card,.proposal-list article,.answer-grid article{min-width:0;padding:1rem;border-radius:1rem;border:1px solid var(--line);background:var(--panel)}.plan-card.selected{outline:2px solid var(--accent)}.plan-card>span{color:var(--accent);font-size:.76rem;font-weight:800;text-transform:uppercase}.plan-card h3{margin:.3rem 0}.plan-card textarea{width:100%;resize:vertical}.impact{display:flex;gap:.4rem;margin:.8rem 0}.impact b{padding:.25rem .4rem;border-radius:.4rem;background:var(--bg);font-size:.75rem}.proposal-list{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.answer-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.answer-grid article{display:flex;flex-direction:column;justify-content:space-between;gap:.8rem;min-height:8rem}.answer-grid p{font-size:1.05rem;font-weight:700;margin:0;overflow-wrap:anywhere}
.result-panel{margin:1rem 0;padding:1.4rem;text-align:center;border-radius:1.1rem;border:1px solid #366d54;background:linear-gradient(145deg,rgba(35,104,73,.24),var(--panel))}.score-list{max-width:35rem;margin:1rem auto}.score-list article{display:flex;justify-content:space-between;gap:1rem;padding:.6rem;border-bottom:1px solid var(--line)}
.social-form{display:grid;gap:.8rem;max-width:48rem;margin:1rem auto}.social-form label{display:grid;gap:.3rem}.social-form input,.social-form textarea,.social-form select{width:100%}.answer-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.answer-buttons label{display:flex;align-items:center;gap:.3rem;padding:.6rem .8rem;border:1px solid var(--line);border-radius:.7rem}.answer-buttons input{width:auto}.accusation{max-width:48rem;margin:1rem auto}.accusation summary{font-weight:800;cursor:pointer}.interview-log{display:grid;gap:.55rem;max-width:48rem;margin:1rem auto}.interview-log article{display:grid;grid-template-columns:1fr auto;gap:.2rem .8rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:.85rem;background:var(--panel)}.interview-log p{margin:0}.interview-log strong{color:var(--accent)}.interview-log small{grid-column:1/-1;color:var(--muted)}.social-player-panel{margin-top:1.2rem}.social-reset{text-align:center;margin:1rem}
.forensic-action{text-align:center;margin:.7rem}.forensic-hint{display:grid;gap:.25rem;max-width:48rem;margin:1rem auto;padding:1rem;border:1px solid #3e7d9c;border-radius:1rem;background:rgba(35,105,137,.18)}.forensic-hint span{color:#79d3f7;font-size:.75rem;font-weight:850;text-transform:uppercase}
.social-history{margin-top:1rem}.social-history summary{cursor:pointer;font-weight:800}.social-history li{padding:.35rem 0;color:var(--muted)}
.game-mode-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:-.6rem 0 2rem}.game-mode-nav a{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.7rem;align-items:center;min-width:0;padding:.8rem 1rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface);transition:border-color .18s,transform .18s}.game-mode-nav a:hover,.game-mode-nav a:focus-visible{border-color:var(--accent);transform:translateY(-2px);outline:none}.game-mode-nav span{grid-row:1/3;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.75rem;background:#45d8ff18;color:var(--accent);font-weight:900}.game-mode-nav strong{align-self:end}.game-mode-nav small{align-self:start;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-mode-section{scroll-margin-top:6.5rem;margin:0 0 2.7rem}.game-mode-section>header{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin-bottom:1rem}.game-mode-section>header>div{display:flex;align-items:center;gap:.8rem}.game-mode-section h2{margin:.1rem 0;font-size:clamp(1.35rem,3vw,1.9rem)}.game-mode-section>header p{max-width:34rem;margin:0;color:var(--muted);text-align:right}.mode-number{display:grid;place-items:center;min-width:3rem;height:3rem;padding:0 .55rem;border-radius:.9rem;background:linear-gradient(135deg,#42d7f0,#7474ff);color:#061019;font-size:1.05rem;font-weight:950}.player-count{display:inline-flex;margin-top:.4rem;padding:.18rem .46rem;border:1px solid color-mix(in srgb,var(--card-accent) 45%,var(--line));border-radius:999px;color:var(--card-accent);font-size:.67rem;font-style:normal;font-weight:850;line-height:1.2}.game-mode-section .games-grid{margin-bottom:0}
@media(max-width:700px){.social-lobby{align-items:flex-start;padding:1rem}.social-emblem{flex-basis:3.5rem;width:3.5rem;height:3.5rem;font-size:1.7rem}.secret-grid,.plan-grid{grid-template-columns:1fr}.social-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.proposal-list,.answer-grid{grid-template-columns:1fr}.plan-card{padding:.9rem}.score-list article{align-items:flex-start;flex-direction:column;gap:.15rem}.interview-log article{grid-template-columns:1fr auto}.social-player-panel .player-card{flex-wrap:wrap}.social-player-panel .player-card form{width:100%}.social-player-panel .player-card form button{width:100%}.compact-start,.compact-start label,.compact-start button{width:100%}.game-mode-nav{display:flex;overflow-x:auto;scroll-snap-type:x proximity;margin-left:-.75rem;margin-right:-.75rem;padding:0 .75rem .45rem}.game-mode-nav a{flex:0 0 10.5rem;scroll-snap-align:start;padding:.7rem}.game-mode-section>header{align-items:flex-start;flex-direction:column;gap:.45rem}.game-mode-section>header p{text-align:left}.game-mode-section{margin-bottom:2.2rem}.mode-number{min-width:2.7rem;height:2.7rem}}

/* Mobile-first finishing pass: keep content usable down to narrow phone widths. */
html,body{max-width:100%;overflow-x:hidden}.panel,.item,.item-list,.item .grow,.item-actions,.heading-actions,.panel-heading,.module-card,.module-card>span{min-width:0}.item{width:100%}.item small{overflow-wrap:anywhere}.item-actions{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;flex-wrap:wrap}.item-actions form{margin:0;min-width:0}.file-item .grow strong{word-break:normal;overflow-wrap:anywhere}.compact-form input[type=number]{width:6rem;min-width:5.5rem}.compact-form select{min-width:8rem}

@media(max-width:760px){
    .content{padding:1rem}.page-heading{gap:1rem;margin-bottom:1.35rem}.page-heading>.button{width:100%}.heading-actions{width:100%;justify-content:flex-start}.heading-actions>*{min-width:0}.heading-actions .button{flex:1 1 auto}.status-pill{max-width:100%;white-space:normal;text-align:center}.panel{padding:1rem}.panel-heading{align-items:flex-start;flex-wrap:wrap}.panel-heading>.status-pill{margin-left:0}.inline-form:not(.compact-form){align-items:stretch;flex-direction:column}.inline-form:not(.compact-form)>label,.inline-form:not(.compact-form)>.button{width:100%}
    .item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.7rem;padding:.8rem}.item>.grow{grid-column:2;align-self:center}.item>.archive-date{grid-column:2;white-space:normal}.item>.item-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));width:100%;margin-top:.15rem}.item-actions>*{min-width:0}.item-actions form,.item-actions .button{width:100%}.item-actions .compact-form{display:grid;grid-template-columns:minmax(70px,.65fr) minmax(120px,1fr);align-items:end;width:100%}.item-actions .compact-form .button{grid-column:1/-1}.file-item>.item-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.race-item>.item-actions .compact-form{grid-template-columns:minmax(80px,.55fr) minmax(0,1fr)}.race-item>.item-actions .compact-form .button{grid-column:auto}.bet-item>.item-actions,.task-item>.item-actions{grid-template-columns:1fr}
    .games-grid .module-card{grid-template-columns:auto minmax(0,1fr);align-items:start}.games-grid .module-card>b{grid-column:2;margin:0;width:100%}.games-grid .module-card .button{width:100%;margin-top:.35rem}.account-type{max-width:calc(100% - 3.6rem);white-space:normal}.audit-list time{min-width:0}.table-wrap{max-width:100%;overscroll-behavior-inline:contain}input[type=file]{min-width:0;padding:.45rem;font-size:.82rem}input[type=file]::file-selector-button{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

@media(max-width:380px){
    .content{padding:.75rem}.topbar{padding:0 .75rem}.topbar .eyebrow{font-size:.66rem}.panel{padding:.85rem;border-radius:.85rem}.page-heading h1{font-size:2rem}.item{padding:.72rem}.button{padding:.62rem .75rem}.module-card{padding:.9rem}.games-grid .module-card{grid-template-columns:2.5rem minmax(0,1fr);gap:.75rem}.games-grid .module-icon{width:2.5rem;height:2.5rem}.account-card{padding:.9rem}.account-stats>div{padding:.85rem}.codenames-board{margin-left:0;margin-right:0}.codename-card{font-size:.7rem;padding:.35rem .15rem}.winter-stat small,.mars-status small{letter-spacing:.03em}
}

.winter-player>div{flex:1}.winter-kick-form{flex:0 0 auto;margin:0}.winter-kick-form .button{min-height:2.35rem;padding:.45rem .65rem}
@media(max-width:480px){.winter-player-grid{grid-template-columns:1fr}.winter-player{flex-wrap:wrap}.winter-player .winter-kick-form,.winter-roster .winter-kick-form{width:100%}.winter-kick-form .button{width:100%}.winter-roster article{flex-wrap:wrap}}

/* Toter Winter v3 */
.winter-lobby-v3{margin-bottom:1.2rem}.winter-missions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.winter-mission-card{display:flex;flex-direction:column;min-width:0;padding:1.2rem;border:1px solid #69ccff55;border-radius:1rem;background:linear-gradient(145deg,#102435,var(--surface));box-shadow:var(--shadow)}.winter-mission-card.gentle{border-color:#45e29a55;background:linear-gradient(145deg,#10291f,var(--surface))}.winter-mission-card.brutal{border-color:#ff6d9166;background:linear-gradient(145deg,#30141b,var(--surface))}.winter-mission-card h2{margin:.55rem 0}.winter-mission-card p{color:var(--muted);line-height:1.5}.winter-mission-card>strong{flex:1;font-size:.85rem;line-height:1.45}.winter-mission-card>div{display:flex;justify-content:space-between;gap:.6rem;margin:1rem 0;color:var(--muted);font-size:.76rem}.winter-mission-card .button{width:100%}.mission-difficulty{align-self:flex-start;padding:.25rem .5rem;border:1px solid currentColor;border-radius:999px;color:#9edbff;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.gentle .mission-difficulty{color:#8eecc0}.brutal .mission-difficulty{color:#ff91aa}
.winter-mission-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.32fr);align-items:center;gap:1.2rem;margin-bottom:1rem;padding:1.2rem;border:1px solid #69ccff55;border-radius:1rem;background:radial-gradient(circle at 0 50%,#69ccff16,transparent 25rem),var(--surface)}.winter-mission-banner h2{margin:.25rem 0}.winter-mission-banner p{margin:0;color:var(--muted)}.mission-progress{display:grid;grid-template-columns:1fr auto;gap:.2rem .6rem}.mission-progress strong{font-size:1.45rem}.mission-progress span{align-self:center;color:var(--muted);font-size:.75rem}.mission-progress progress{grid-column:1/-1;width:100%;accent-color:#69ccff}.winter-dashboard-v3{grid-template-columns:repeat(8,minmax(0,1fr))}.winter-dashboard-v3 .winter-stat{padding:.8rem}.winter-dashboard-v3 .winter-stat>span{width:2.1rem;height:2.1rem}.winter-dashboard-v3 .winter-stat strong{overflow-wrap:anywhere;font-size:.95rem}
.winter-story{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.2rem;margin-bottom:1rem;padding:clamp(1.2rem,4vw,2rem);border:1px solid #ffbf5577;border-radius:1rem;background:radial-gradient(circle at 0 50%,#ffbf5516,transparent 20rem),linear-gradient(135deg,#251b0d,var(--surface));box-shadow:0 20px 60px #0004}.story-mark{display:grid;place-items:center;width:4rem;height:4rem;border:1px solid #ffbf5577;border-radius:50%;color:#ffd28a;font-size:2rem;font-weight:900}.winter-story h2{margin:.3rem 0}.winter-story p{color:var(--muted)}.story-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1rem}.story-choices button{width:100%;height:100%;min-height:70px;padding:.8rem;border:1px solid #ffbf5555;border-radius:.75rem;background:#ffbf5509;color:var(--text);font-weight:750;text-align:left}.story-choices button:hover,.story-choices button:focus-visible{border-color:#ffbf55;outline:2px solid transparent}.secret-goal.traitor{border-color:#ff6d9177;background:linear-gradient(145deg,#32121d,var(--surface))}.secret-goal.traitor:after{content:"!";color:#ff6d910c}
.winter-character-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.winter-character-card{display:grid;grid-template-columns:180px minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid #69ccff55;border-radius:1rem;background:var(--surface-2)}.winter-character-card.spent{opacity:.62}.winter-character-card.dead{filter:grayscale(1);opacity:.48;border-color:#ff6d9166}.winter-character-card>img{width:100%;height:100%;min-height:350px;object-fit:cover;object-position:center top}.character-body{display:flex;flex-direction:column;min-width:0;padding:1rem}.character-role{color:#9edbff;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.character-body h3{margin:.25rem 0;font-size:1.15rem}.character-body>p{margin:.2rem 0 .8rem;color:var(--muted);font-size:.8rem;line-height:1.4}.character-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.character-stats span{display:flex;justify-content:space-between;gap:.4rem;padding:.4rem .5rem;border:1px solid var(--line);border-radius:.5rem;color:var(--muted);font-size:.72rem}.character-stats b{color:var(--text)}.character-condition{display:flex;justify-content:space-between;gap:.5rem;margin:.7rem 0;color:#9edbff;font-size:.72rem}.character-action-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:auto}.character-action-form .button{grid-column:1/-1;width:100%}.character-action-form label{font-size:.72rem}.character-action-form select{min-width:0;padding:.55rem;font-size:.8rem}.winter-sabotage{margin-top:1rem;border-color:#ff6d9155}.winter-sabotage summary{cursor:pointer;color:#ff91aa;font-weight:850}.winter-sabotage>p{color:var(--muted);font-size:.82rem}.winter-sabotage .field-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end}.winter-sabotage .button{height:2.75rem}
.winter-location-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:1rem 0}.winter-location-grid>article{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.7rem;min-width:0;padding:.9rem;border:1px solid var(--line);border-radius:.8rem;background:var(--surface)}.location-symbol{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.7rem;background:#69ccff14;color:#9edbff;font-size:1.2rem}.winter-location-grid h3{margin:0;font-size:.95rem}.winter-location-grid p{margin:.25rem 0;color:var(--muted);font-size:.76rem;line-height:1.35}.winter-location-grid small{color:#9edbff;font-size:.68rem}.winter-location-grid>article>b{display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--surface-2);font-size:.72rem}.location-occupants{grid-column:1/-1;display:flex}.location-occupants img{width:2rem;height:2rem;margin-right:-.35rem;border:2px solid var(--surface);border-radius:50%;object-fit:cover}.winter-social-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);gap:1rem}.radio-feed{display:grid;gap:.5rem;max-height:360px;overflow:auto}.radio-feed article{position:relative;margin-right:15%;padding:.65rem .75rem;border:1px solid var(--line);border-radius:.7rem;background:var(--surface-2)}.radio-feed article.own{margin-right:0;margin-left:15%;border-color:#69ccff55;background:#69ccff0a}.radio-feed article.nova{border-color:#9c86ff66;background:#9c86ff0b}.radio-feed strong,.radio-feed p{display:block;margin:0}.radio-feed strong{font-size:.75rem;color:#9edbff}.radio-feed p{margin-top:.2rem;line-height:1.4;overflow-wrap:anywhere}.radio-feed time{position:absolute;right:.5rem;top:.5rem;color:var(--muted);font-size:.65rem}.radio-form,.support-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.6rem;margin-top:1rem}.winter-goal-results{display:grid;gap:.6rem}.winter-goal-results article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto;gap:.7rem;padding:.7rem;border:1px solid var(--line);border-radius:.7rem;background:var(--surface-2)}.winter-goal-results span{color:var(--muted)}.winter-goal-results b{padding:.2rem .45rem;border-radius:999px;font-size:.7rem}.winter-goal-results .success{color:#8eecc0;background:#45e29a12}.winter-goal-results .failed{color:#ff91aa;background:#ff6d9112}
@media(max-width:1100px){.winter-dashboard-v3{grid-template-columns:repeat(4,minmax(0,1fr))}.winter-character-card{grid-template-columns:140px minmax(0,1fr)}.winter-location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.winter-missions,.winter-social-grid{grid-template-columns:1fr}.winter-mission-banner{grid-template-columns:1fr}.winter-character-actions{grid-template-columns:1fr}.winter-character-card{grid-template-columns:120px minmax(0,1fr)}.winter-character-card>img{min-height:330px}.winter-story{grid-template-columns:1fr}.story-mark{width:3rem;height:3rem}.story-choices{grid-template-columns:1fr}.winter-goal-results article{grid-template-columns:1fr}.radio-feed article{margin-right:5%}.radio-feed article.own{margin-left:5%}}
@media(max-width:480px){.winter-dashboard-v3{grid-template-columns:repeat(2,minmax(0,1fr))}.winter-location-grid{grid-template-columns:1fr}.winter-character-card{grid-template-columns:1fr}.winter-character-card>img{height:230px;min-height:0}.character-action-form{grid-template-columns:1fr}.character-action-form .button{grid-column:auto}.radio-form,.support-form{grid-template-columns:1fr}.winter-mission-card>div{flex-direction:column}.winter-story{padding:1rem}}

/* Signalbruch */
.signal-heading{align-items:center}.signal-live{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .7rem;border:1px solid #9a86ff55;border-radius:999px;color:#c3b8ff;font-size:.78rem}.signal-live i{width:.55rem;height:.55rem;border-radius:50%;background:#70edb0;box-shadow:0 0 12px #70edb0}.signal-live.reconnecting i{background:#ffcc72}.signal-hero{display:grid;grid-template-columns:minmax(210px,.55fr) minmax(0,1.45fr);align-items:center;gap:clamp(1.5rem,5vw,4rem);padding:clamp(1.3rem,5vw,3rem);border:1px solid #9a86ff55;border-radius:1.2rem;background:radial-gradient(circle at 18% 45%,#9a86ff22,transparent 18rem),linear-gradient(135deg,#11152a,var(--surface));box-shadow:var(--shadow)}.signal-hero h2{margin:.3rem 0;font-size:clamp(2rem,5vw,3.5rem)}.signal-hero p{max-width:62ch;color:var(--muted);line-height:1.55}.signal-radar{position:relative;width:min(230px,65vw);aspect-ratio:1;margin:auto;border:2px solid #9a86ff88;border-radius:50%;background:repeating-radial-gradient(circle,#9a86ff18 0 2px,transparent 2px 42px);overflow:hidden}.signal-radar:before,.signal-radar:after{content:"";position:absolute;background:#9a86ff44}.signal-radar:before{left:50%;top:0;width:1px;height:100%}.signal-radar:after{left:0;top:50%;width:100%;height:1px}.signal-radar i{position:absolute;inset:0;background:conic-gradient(from 0deg,#9a86ff00 0 80%,#9a86ff77);animation:signal-sweep 4s linear infinite}.signal-radar b,.signal-radar span{position:absolute;width:.65rem;height:.65rem;border-radius:50%;background:#70edb0;box-shadow:0 0 14px #70edb0}.signal-radar b{left:28%;top:36%}.signal-radar span{right:23%;bottom:29%}@keyframes signal-sweep{to{transform:rotate(360deg)}}.signal-missions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0}.signal-missions article{display:flex;flex-direction:column;min-width:0;padding:1.1rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface)}.signal-missions h2{margin:.35rem 0}.signal-missions p{flex:1;color:var(--muted);line-height:1.45}.signal-missions article>div{display:flex;flex-wrap:wrap;gap:.4rem;margin:.7rem 0}.signal-missions article>div span{padding:.3rem .5rem;border-radius:999px;background:var(--surface-2);font-size:.72rem}.signal-missions .button{width:100%}.signal-mission-bar{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,auto);align-items:center;gap:1.4rem;margin-bottom:1rem;padding:1rem 1.2rem;border:1px solid #9a86ff55;border-radius:1rem;background:linear-gradient(120deg,#9a86ff12,var(--surface))}.signal-mission-bar h2{margin:.2rem 0}.signal-mission-bar>div:not(:first-child){min-width:90px;padding-left:1rem;border-left:1px solid var(--line)}.signal-mission-bar small,.signal-mission-bar strong{display:block}.signal-mission-bar small{color:var(--muted);font-size:.7rem;text-transform:uppercase}.signal-mission-bar strong{margin-top:.2rem;font-size:1.25rem}.signal-clock.critical strong{color:#ff7898;animation:signal-pulse .8s ease-in-out infinite alternate}@keyframes signal-pulse{to{opacity:.45}}.signal-role-banner{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.2rem;border:1px solid #58d3ff55;border-radius:1rem;background:#58d3ff0b}.signal-role-banner.coordinator{border-color:#c09cff55;background:#c09cff0b}.signal-role-banner>span{display:grid;place-items:center;width:3.6rem;height:3.6rem;border-radius:.9rem;background:#58d3ff18;color:#8be2ff;font-size:1.6rem}.signal-role-banner.coordinator>span{background:#c09cff18;color:#d7c4ff}.signal-role-banner small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.signal-role-banner h2,.signal-role-banner p{margin:.2rem 0}.signal-role-banner p{color:var(--muted)}.signal-console{padding:clamp(.8rem,3vw,1.4rem);border:1px solid #58d3ff55;border-radius:1rem;background:linear-gradient(145deg,#0b1720,#10151b);box-shadow:inset 0 0 35px #0006}.console-readouts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.console-readouts article{padding:.85rem;border:1px solid #58d3ff33;border-radius:.7rem;background:#071016}.console-readouts small,.console-readouts strong{display:block}.console-readouts small{color:#7fa5b4;font-size:.68rem;text-transform:uppercase}.console-readouts strong{margin-top:.3rem;color:#bcecff;font-family:ui-monospace,monospace;font-size:1.15rem;overflow-wrap:anywhere}.warning-rot{color:#ff6d91!important}.warning-gelb{color:#ffe083!important}.warning-blau{color:#62ceff!important}.warning-weiß{color:#fff!important}.console-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.console-controls fieldset{min-width:0;padding:1rem;border:1px solid #2b4d5d;border-radius:.8rem}.console-controls legend{padding:0 .4rem;color:#93c9dd;font-size:.78rem}.signal-switches,.frequency-grid,.wire-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.signal-switches input,.frequency-grid input,.wire-grid input{position:absolute;opacity:0;pointer-events:none}.signal-switches span,.frequency-grid span,.wire-grid span{display:grid;place-items:center;min-height:3.2rem;border:1px solid #345464;border-radius:.65rem;background:#13242c;color:#9eb9c4;font-weight:850;cursor:pointer}.signal-switches input:checked+span,.frequency-grid input:checked+span,.wire-grid input:checked+span{border-color:#65dcff;background:#164b60;color:#fff;box-shadow:0 0 15px #58d3ff33}.signal-switches input:focus-visible+span,.frequency-grid input:focus-visible+span,.wire-grid input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.frequency-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.wire-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wire-grid span{display:flex;gap:.5rem;min-height:4rem;border-top:5px solid currentColor}.wire-grid b{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#0005}.wire-rot{color:#ff6d91}.wire-gelb{color:#ffe083}.wire-blau{color:#62ceff}.wire-weiß{color:#fff}.signal-submit{grid-column:1/-1;width:100%;min-height:3rem}.signal-manual{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,1.65fr);gap:1.2rem;padding:clamp(1rem,3vw,1.5rem);border:1px solid #c09cff55;border-radius:1rem;background:linear-gradient(145deg,#171426,var(--surface))}.manual-cover{display:flex;flex-direction:column;justify-content:center;min-height:260px;padding:1.2rem;border:1px solid #c09cff55;border-radius:.8rem;background:#0e0c18;text-align:center}.manual-cover>span{color:#c9b5ff;font:900 2rem ui-monospace,monospace}.manual-cover h2{margin:.7rem 0}.manual-cover p{color:var(--muted)}.signal-manual ol{display:grid;align-content:start;gap:.55rem;margin:0;padding-left:1.5rem}.signal-manual li{padding:.55rem .7rem;border-bottom:1px solid var(--line);line-height:1.45}.signal-manual form,.signal-diagnostic{grid-column:2}.signal-diagnostic{padding:.9rem;border:1px solid #ffe08366;border-radius:.7rem;background:#ffe0830b}.signal-diagnostic p{margin:.3rem 0}.signal-bottom-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:1rem;margin-top:1rem}.signal-result{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1.2rem;border:1px solid #70edb066;border-radius:1rem;background:#70edb00c}.signal-result.lost{border-color:#ff6d9166;background:#ff6d910c}.signal-result>span{display:grid;place-items:center;width:3.8rem;height:3.8rem;border-radius:.9rem;background:#70edb018;color:#8ff2c3;font-size:1.8rem}.signal-result h2,.signal-result p{margin:.2rem 0}.signal-result p{color:var(--muted)}.signal-log summary{cursor:pointer;font-weight:800}.signal-log ol{display:grid;gap:.4rem;color:var(--muted)}
@media(max-width:900px){.signal-missions{grid-template-columns:1fr}.signal-mission-bar{grid-template-columns:repeat(3,1fr)}.signal-mission-bar>div:first-child{grid-column:1/-1}.signal-mission-bar>div:not(:first-child){padding-left:0;border-left:0}.signal-bottom-grid{grid-template-columns:1fr}}
@media(max-width:650px){.signal-hero{grid-template-columns:1fr;text-align:center}.signal-hero p{margin-inline:auto}.signal-radar{width:min(180px,55vw)}.console-readouts{grid-template-columns:repeat(2,minmax(0,1fr))}.console-controls{grid-template-columns:1fr}.frequency-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wire-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.signal-manual{grid-template-columns:1fr}.manual-cover{min-height:180px}.signal-manual form,.signal-diagnostic{grid-column:auto}.signal-result{grid-template-columns:1fr;text-align:center}.signal-result>span{margin:auto}.signal-result .button{width:100%}}
@media(max-width:380px){.signal-mission-bar{gap:.6rem;padding:.8rem}.signal-mission-bar strong{font-size:1rem}.console-readouts{grid-template-columns:1fr}.signal-role-banner{grid-template-columns:1fr}.signal-role-banner>span{width:3rem;height:3rem}.wire-grid{grid-template-columns:1fr}}
.codenames-clue-history summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;font-weight:850}.codenames-clue-history summary span{display:grid;place-items:center;min-width:1.8rem;height:1.8rem;padding:0 .45rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.75rem}.clue-history-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem}.clue-history-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem .75rem;align-items:center;padding:.8rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface-2)}.clue-history-list article>div{display:flex;align-items:center;gap:.5rem;min-width:0}.clue-history-list strong{overflow-wrap:anywhere}.clue-history-list small{color:var(--muted)}.clue-history-list article>b{grid-column:2;grid-row:1/3;color:#82e9b5;font-size:.8rem;text-align:right}.clue-number{display:grid;place-items:center;flex:0 0 1.7rem;height:1.7rem;border-radius:.5rem;background:#45e29a18;border:1px solid #45e29a55;color:#8eecc0;font-weight:900}.codenames-current-clue small{line-height:1.4}
@media(max-width:570px){.codenames-clue-override{align-items:stretch;flex-direction:column}.codenames-clue-override .button{width:100%}}
@media(max-width:570px){.clue-history-list{grid-template-columns:1fr}.clue-history-list article{grid-template-columns:minmax(0,1fr) auto}}
.winter-turn-panel .panel-heading>div{min-width:0}.winter-turn-panel h2,.waiting-turn strong{overflow-wrap:anywhere}.waiting-turn{min-width:0}.secret-goal{max-width:100%}

/* Tempel des Schreckens */
.temple-heading{align-items:center}.temple-hero{display:grid;grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr);align-items:center;gap:clamp(1.5rem,5vw,4rem);padding:clamp(1.3rem,5vw,3rem);border:1px solid #d9a44166;border-radius:1.2rem;background:radial-gradient(circle at 18% 45%,#d9a44122,transparent 18rem),linear-gradient(135deg,#17140d,var(--surface));box-shadow:var(--shadow)}.temple-hero h2{font-size:clamp(2rem,5vw,3.5rem);margin:.3rem 0}.temple-hero p{max-width:60ch;color:var(--muted);line-height:1.55}.temple-gate{position:relative;display:grid;place-items:center;width:min(220px,60vw);aspect-ratio:.85;margin:auto;border:3px solid #c5963d;border-bottom:0;border-radius:50% 50% 0 0;background:repeating-linear-gradient(90deg,#332813 0 5px,#211a0d 5px 28px);box-shadow:inset 0 0 45px #000,0 0 30px #d9a44122}.temple-gate:before,.temple-gate:after{content:"";position:absolute;bottom:0;width:1.2rem;height:110%;background:#b48736}.temple-gate:before{left:-1rem}.temple-gate:after{right:-1rem}.temple-gate i{position:absolute;inset:13%;border:1px solid #d9a44155;border-radius:50% 50% 0 0}.temple-gate span{z-index:1;color:#f5c864;font-size:2.8rem;text-shadow:0 0 20px #f5c864}.temple-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.temple-status article{padding:1rem;border:1px solid var(--line);border-radius:.85rem;background:var(--surface)}.temple-status small,.temple-status strong{display:block}.temple-status small{color:var(--muted);font-size:.72rem;text-transform:uppercase}.temple-status strong{margin-top:.2rem;font-size:1.55rem}.temple-status .gold{border-color:#d9a44166}.temple-status .gold strong{color:#f5c864}.temple-status .fire{border-color:#d84d4166}.temple-status .fire strong{color:#ff7c6f}.temple-secret{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;padding:1.2rem;border:1px solid #4dbb8466;border-radius:1rem;background:#4dbb840b}.temple-secret.guardian{border-color:#d84d4166;background:#d84d410b}.temple-secret>span{display:grid;place-items:center;width:4rem;height:4rem;border-radius:1rem;background:#4dbb8418;color:#7ee1ad;font-size:1.8rem}.temple-secret.guardian>span{background:#d84d4118;color:#ff8c7f}.temple-secret small,.temple-secret h2,.temple-secret p{display:block;margin:.2rem 0}.temple-secret small{color:var(--muted);text-transform:uppercase}.temple-secret p{color:var(--muted)}.temple-own-knowledge{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem 0;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface)}.temple-own-knowledge h2{margin:.2rem 0}.temple-counts{display:flex;gap:.55rem;flex-wrap:wrap}.temple-counts span{display:flex;align-items:center;gap:.35rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:.65rem;background:var(--surface-2);font-size:.78rem}.temple-counts b{font-size:1.15rem}.temple-counts .gold{color:#f5c864;border-color:#d9a44155}.temple-counts .fire{color:#ff8c7f;border-color:#d84d4155}.temple-player-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1rem 0}.temple-player{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface)}.temple-player.has-key{border-color:#f5c864;box-shadow:0 0 24px #d9a44118}.temple-player header{display:flex;align-items:center;gap:.7rem;margin-bottom:.85rem}.temple-player header>div{min-width:0;flex:1}.temple-player header strong,.temple-player header small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.temple-player header small{color:var(--muted)}.temple-role-reveal{font-size:.68rem;padding:.3rem .45rem;border-radius:999px}.temple-role-reveal.adventurer{color:#7ee1ad;background:#4dbb8418}.temple-role-reveal.guardian{color:#ff8c7f;background:#d84d4118}.temple-chambers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem}.temple-chambers form{min-width:0}.temple-chambers button,.temple-chambers>div{display:grid;place-items:center;width:100%;aspect-ratio:.72;min-height:58px;border:1px solid #866a35;border-radius:.55rem;background:repeating-linear-gradient(135deg,#3b2e18 0 6px,#2b2213 6px 12px);color:#f5c864}.temple-chambers button:hover,.temple-chambers button:focus-visible{border-color:#ffe29e;outline:3px solid #f5c86455;transform:translateY(-2px)}.temple-chambers span{display:grid;place-items:center;width:1.7rem;height:1.7rem;border:1px solid currentColor;border-radius:50%;font-weight:900}.temple-chambers>small{grid-column:1/-1;color:var(--muted)}.temple-revealed{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.temple-revealed article{display:grid;justify-items:center;gap:.2rem;min-width:0;padding:.75rem .4rem;border:1px solid var(--line);border-radius:.7rem;background:var(--surface-2);text-align:center}.temple-revealed article>span{font-size:1.4rem}.temple-revealed article small{max-width:100%;color:var(--muted);font-size:.68rem;overflow-wrap:anywhere}.temple-revealed .gold{border-color:#d9a44166;color:#f5c864}.temple-revealed .fire{border-color:#d84d4166;color:#ff8c7f}.temple-result{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-bottom:1rem;padding:1.2rem;border:1px solid #4dbb8466;border-radius:1rem;background:#4dbb840c}.temple-result.guardians{border-color:#d84d4166;background:#d84d410c}.temple-result>span{display:grid;place-items:center;width:3.8rem;height:3.8rem;border-radius:.9rem;background:#ffffff0a;font-size:1.8rem}.temple-result h2,.temple-result p{margin:.2rem 0}.temple-result p{color:var(--muted)}
@media(max-width:800px){.temple-hero{grid-template-columns:1fr;text-align:center}.temple-hero p{margin-inline:auto}.temple-player-grid{grid-template-columns:1fr}.temple-revealed{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:570px){.temple-status{grid-template-columns:repeat(2,minmax(0,1fr))}.temple-secret{grid-template-columns:1fr}.temple-secret>span{width:3.2rem;height:3.2rem}.temple-own-knowledge{align-items:flex-start;flex-direction:column}.temple-counts{width:100%}.temple-counts span{flex:1;justify-content:center}.temple-chambers{gap:.3rem}.temple-chambers button,.temple-chambers>div{min-height:52px}.temple-revealed{grid-template-columns:repeat(3,minmax(0,1fr))}.temple-result{grid-template-columns:1fr;text-align:center}.temple-result>span{margin:auto}.temple-result .button{width:100%}}