@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap");:root{--bg:#171310;--bg-2:#1c1713;--surface:#211b16;--surface-flat:#17120e;--surface-inset:#14100c;--line:rgba(255,214,173,0.08);--line-strong:rgba(240,138,60,0.28);--ink:#f4eee6;--muted:#b8a591;--soft:#8a7768;--accent:#d0492f;--accent-2:#f08a3c;--accent-ink:#fff3e6;--good:#6fcf8e;--bad:#e5695a;--warn:#e0a94a;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-card:0 14px 40px rgba(0,0,0,0.45);--font-display:"Cinzel","Georgia",serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100vh;font-family:var(--font-body);background:var(--bg);color:var(--ink)}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em;color:var(--accent-ink);text-wrap:balance;margin:0 0 .5rem}h1{font-size:clamp(1.6rem,2.4vw,2.1rem)}h1,h2{font-weight:700}h2{font-size:1.15rem}p{line-height:1.65}a{color:var(--accent-2)}::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(240,138,60,.5),rgba(208,73,47,.3));border-radius:999px;border:3px solid var(--bg)}.page{max-width:860px}.page,.page-wide{margin:0 auto;padding:2.5rem 2rem 4rem}.page-wide{max-width:1200px}.subtitle{color:var(--muted);margin:-.25rem 0 1.5rem}.topbar{gap:1.75rem;padding:0 1.5rem;height:64px;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:60;background:rgba(13,9,6,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar,.topbar-brand{display:flex;align-items:center}.topbar-brand{font-family:var(--font-display);font-weight:800;font-size:1.2rem;color:var(--accent-ink);text-decoration:none;white-space:nowrap}.topbar-brand-logo{height:32px;width:auto;max-width:160px;object-fit:contain}.topbar-nav{display:flex;gap:1.3rem;flex:1 1;flex-wrap:wrap}.topbar-nav a{color:var(--muted);text-decoration:none;font-weight:600;font-size:.85rem;padding-bottom:2px;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.topbar-nav a:hover{color:var(--ink)}.topbar-nav a[data-active=true]{color:var(--accent-ink);border-bottom-color:var(--accent-2)}.topbar-account{flex-shrink:0;display:flex;align-items:center}.topbar-login-btn{width:auto;height:36px;padding:0 1.1rem;line-height:36px;text-decoration:none;display:inline-block;margin-top:0}.account-menu{position:relative}.account-trigger{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:999px;padding:.4rem .9rem;color:var(--ink);font-size:.82rem;font-weight:600;cursor:pointer;max-width:220px}.account-trigger:hover{border-color:var(--line-strong)}.account-dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 6px var(--good);flex-shrink:0}.server-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:1.4rem}.server-status-item{display:flex;align-items:center;gap:.4rem}.server-status-label{font-size:.72rem;font-weight:600;color:var(--muted);white-space:nowrap}.server-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--bad);opacity:.55}.server-status-dot[data-online=true]{background:var(--good);opacity:1;box-shadow:0 0 6px var(--good)}@media (max-width:780px){.server-status-label{display:none}.server-status{gap:.6rem}}.account-caret{color:var(--soft);font-size:.7rem}.account-dropdown{position:absolute;right:0;top:calc(100% + .5rem);min-width:180px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-card);display:flex;flex-direction:column;padding:.4rem;z-index:30}.account-dropdown a,.account-dropdown button{display:block;width:100%;text-align:left;padding:.5rem .7rem;border-radius:var(--radius-sm);color:var(--ink);text-decoration:none;font-size:.85rem;font-weight:600;background:none;border:none;cursor:pointer;font-family:var(--font-body)}.account-dropdown a:hover,.account-dropdown button:hover{background:rgba(255,255,255,.05)}.notification-bell-trigger{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--ink);cursor:pointer;margin-right:.6rem}.notification-bell-trigger:hover{border-color:var(--line-strong)}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.notification-dropdown{min-width:320px;max-width:360px;max-height:420px;overflow-y:auto;padding:0}.notification-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem .9rem;border-bottom:1px solid var(--line);font-size:.8rem;font-weight:700;color:var(--muted)}.notification-mark-all{background:none;border:none;color:var(--accent-2);font-size:.72rem;font-weight:600;cursor:pointer;width:auto!important;padding:0!important}.notification-empty{padding:1.2rem .9rem;color:var(--soft);font-size:.85rem;text-align:center}.notification-item{display:flex;flex-direction:column;gap:.15rem;width:100%;text-align:left;padding:.7rem .9rem;border:none;border-bottom:1px solid var(--line);background:none;cursor:pointer;font-family:var(--font-body)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:rgba(255,255,255,.04)}.notification-item[data-unread=true]{background:rgba(240,138,60,.06)}.notification-item-title{font-size:.85rem;font-weight:700;color:var(--ink)}.notification-item-body{font-size:.8rem;color:var(--muted)}.notification-item-time{font-size:.7rem;color:var(--soft);margin-top:.2rem}.account-shell{display:flex;align-items:stretch;max-width:1480px;margin:1.5rem auto;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);min-height:calc(100vh - 64px - 3rem)}.panel-bg-experimental{background-size:cover;background-position:top;background-attachment:fixed;background-color:var(--bg);min-height:100vh}.panel-bg-experimental .account-shell{background:rgba(33,27,22,.82);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.panel-bg-experimental .account-sidebar{background:rgba(20,16,12,.85)}.account-sidebar{width:220px;flex-shrink:0;background:var(--surface-inset);border-right:1px solid var(--line);border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);z-index:50}.account-sidebar-inner{display:flex;flex-direction:column;gap:.15rem;padding:1.75rem 1rem;position:-webkit-sticky;position:sticky;top:64px;max-height:calc(100vh - 64px);overflow-y:auto}.account-content{flex:1 1;min-width:0;padding:.5rem 0}.profile-block{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;padding:0 .5rem 1.25rem;margin-bottom:.5rem;border-bottom:1px solid var(--line)}.avatar-edit-trigger{position:relative;z-index:45;display:inline-flex;background:none;border:none;padding:0;cursor:pointer;border-radius:50%}.avatar-edit-pencil{position:absolute;right:-2px;bottom:-2px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(180deg,var(--accent-2),var(--accent));color:var(--accent-ink);font-size:.72rem;border:2px solid var(--surface-inset);transition:transform .15s ease}.avatar-edit-trigger:hover .avatar-edit-pencil{transform:scale(1.12)}.profile-block img,.profile-block svg{margin-bottom:.3rem}.profile-email{font-size:.76rem;font-weight:600;color:var(--soft);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.15rem}.profile-account-tag{--chamfer:5px;-webkit-clip-path:polygon(var(--chamfer) 0,calc(100% - var(--chamfer)) 0,100% var(--chamfer),100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,var(--chamfer) 100%,0 calc(100% - var(--chamfer)),0 var(--chamfer));clip-path:polygon(var(--chamfer) 0,calc(100% - var(--chamfer)) 0,100% var(--chamfer),100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,var(--chamfer) 100%,0 calc(100% - var(--chamfer)),0 var(--chamfer));font-size:.7rem;font-weight:600;color:var(--accent-2);background:rgba(240,138,60,.12);border:1px solid rgba(240,138,60,.25);padding:.25rem .75rem}.profile-account-tag-secondary{color:var(--muted);background:rgba(255,255,255,.04);border-color:var(--line)}.profile-account-tag-empty{color:var(--soft);background:transparent;border-style:dashed}.sidebar-section{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--soft);margin:0 .6rem .6rem}.sidebar-section-divider{height:1px;background:var(--line-strong);margin:1.5rem .6rem}.sidebar-link{display:block;padding:.45rem .7rem;border-radius:var(--radius-sm);color:var(--muted);text-decoration:none;font-weight:600;font-size:.88rem;transition:background .15s ease,color .15s ease}.sidebar-link:hover{background:rgba(255,255,255,.04);color:var(--ink)}.sidebar-link[data-active=true]{background:linear-gradient(90deg,rgba(208,73,47,.22),transparent);color:var(--accent-ink);box-shadow:inset 2px 0 0 var(--accent-2)}.sidebar-nav{flex:1 1;display:flex;flex-direction:column;min-height:0}.sidebar-nav-bottom{margin-top:auto;padding-top:.6rem;border-top:1px solid var(--line)}.sidebar-logout{display:flex;align-items:center;gap:.5rem;width:100%;background:none;border:none;color:var(--soft);cursor:pointer;font-family:var(--font-body)}.sidebar-logout:hover{background:rgba(229,105,90,.08);color:var(--bad)}@media (max-width:780px){.topbar-nav{display:none}.account-shell{flex-direction:column}.account-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--line);border-bottom-left-radius:0;border-top-right-radius:var(--radius-lg)}.account-sidebar-inner{position:static;max-height:none;overflow:visible;flex-direction:row;flex-wrap:wrap;padding:1rem}}.card{width:100%;max-width:400px;margin:0 auto;padding:2rem;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card),inset 0 0 0 1px rgba(255,255,255,.05)}.card h2{margin:0 0 1.4rem;text-align:center}.field{margin-bottom:1rem}.field label{display:block;margin-bottom:.4rem;font-size:.78rem;font-weight:600;color:var(--muted)}.field input,.field select{width:100%;height:44px;padding:0 14px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.32);color:var(--ink);font-size:14px;font-family:var(--font-body);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field select:focus{border-color:rgba(208,73,47,.65);box-shadow:0 0 0 3px rgba(208,73,47,.2);background:rgba(0,0,0,.4)}.class-filter{position:relative}.class-filter-trigger{width:100%;height:44px;padding:0 14px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.32);color:var(--ink);font-size:14px;font-family:var(--font-body);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.class-filter-trigger:hover{border-color:var(--line-strong)}.class-filter-trigger[aria-expanded=true]{border-color:rgba(208,73,47,.65);box-shadow:0 0 0 3px rgba(208,73,47,.2)}.class-filter-caret{color:var(--soft);font-size:.7rem;margin-left:.6rem}.class-filter-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:320px;overflow-y:auto;margin:0;padding:.35rem;list-style:none;background:#211b16;border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-card);z-index:40}.class-filter-option{display:block;width:100%;text-align:left;padding:.5rem .7rem;border-radius:var(--radius-sm);background:none;border:none;color:var(--ink);font-size:13px;font-family:var(--font-body);cursor:pointer}.class-filter-option:hover{background:var(--accent-2);color:#1a1109}.class-filter-option[data-active=true]{font-weight:600}.btn,.class-filter-option[data-active=true]{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:var(--accent-ink)}.btn{width:100%;height:44px;border:none;border-radius:var(--radius-sm);font-weight:700;font-size:.92rem;cursor:pointer;margin-top:.5rem;transition:filter .15s ease,transform .1s ease}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;filter:none}.btn-small{width:auto;height:30px;padding:0 .7rem;font-size:.78rem;margin-top:0}.error-text{color:var(--bad);font-size:.84rem;margin:.5rem 0}.alert-banner{padding:.9rem 1.1rem;border-radius:var(--radius-md);background:rgba(229,105,90,.1);border:1px solid rgba(229,105,90,.35);color:var(--ink);font-size:.86rem;line-height:1.6}.alert-banner a{color:var(--accent-2);font-weight:600}.hint{text-align:center;margin-top:1.1rem;font-size:.84rem;color:var(--soft)}.home-landing{display:flex;flex-direction:column}.hero-section{position:relative;display:flex;align-items:center;justify-content:center;min-height:60vh;padding:4rem 1.5rem;background-size:cover;background-position:50%;background-repeat:no-repeat;background-color:var(--bg);overflow:hidden}.hero-section:first-child{min-height:78vh}.hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,9,6,.55),rgba(12,9,6,.82));pointer-events:none}.hero-section-friends .hero-scrim,.hero-section-roleplay .hero-scrim{background:linear-gradient(180deg,rgba(8,6,4,.72),rgba(8,6,4,.88))}.hero-content{position:relative;z-index:1;max-width:720px;text-align:center}.hero-content-wide{max-width:860px}.hero-kicker{font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2);margin:0 0 .6rem}.hero-title{font-size:clamp(2rem,5vw,3.2rem);color:var(--accent-ink);margin:0}.hero-subtitle{color:var(--muted);font-size:1.05rem;margin-top:.75rem;line-height:1.6}.hero-status-list{list-style:none;padding:0;margin:1.75rem 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.hero-status-pill{padding:.5rem 1rem;border-radius:999px;background:rgba(20,16,12,.55);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-status-pill .value{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:700;font-size:.88rem}.hero-body{color:var(--muted);line-height:1.75;font-size:1rem;margin-top:1rem}.hero-highlight{color:var(--ink);font-weight:700}.roleplay-callout{margin-top:1.5rem;text-align:left}.hero-cta{display:inline-block;margin-top:1.5rem;color:var(--accent-ink);font-weight:700;text-decoration:none;border-bottom:2px solid var(--accent-2);padding-bottom:.15rem}.hero-cta:hover{color:var(--accent-2)}@media (max-width:700px){.hero-section{min-height:50vh;padding:3rem 1.25rem}.hero-section:first-child{min-height:60vh}}.status-list{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem}.status-pill{padding:1rem 1.25rem;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card)}.status-pill .label{display:block;font-size:.78rem;color:var(--muted);font-weight:600;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.04em}.status-pill .value{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-display);font-weight:700;font-size:1.05rem}.value.online{color:var(--good)}.value.offline{color:var(--bad)}.table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-flat)}table.data{width:100%;border-collapse:collapse;font-size:.9rem}table.data th{text-align:left;padding:.7rem .9rem;color:var(--muted);font-weight:600;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line-strong);white-space:nowrap}table.data td{padding:.65rem .9rem;border-bottom:1px solid var(--line)}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr:hover{background:rgba(240,138,60,.05)}table.data td.num,table.data th.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.empty-state{color:var(--muted);padding:1.5rem;text-align:center;border:1px dashed var(--line-strong);border-radius:var(--radius-md)}.mega-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:0;gap:0;overflow:hidden}.inset-card,.mega-card{border-radius:var(--radius-md);background:var(--surface-inset);border:1px solid var(--line)}.inset-card,.mega-card-col{padding:1.5rem 1.75rem}.mega-card-col:not(:last-child){border-right:1px solid var(--line)}@media (max-width:700px){.mega-card-col:not(:last-child){border-right:none;border-bottom:1px solid var(--line)}}.link-action{display:inline-block;background:none;border:none;padding:0;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--accent-2);text-decoration:none}.link-action:hover{color:var(--accent-ink);text-decoration:underline}.modal-overlay{position:fixed;inset:0;background:rgba(10,7,5,.72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:120;padding:1.5rem}.modal-panel{width:100%;max-width:440px;max-height:calc(100vh - 3rem);overflow-y:auto;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.5rem 1.75rem}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.modal-close{background:none;border:none;color:var(--soft);font-size:1rem;cursor:pointer;padding:.2rem .5rem;border-radius:var(--radius-sm)}.modal-close:hover{color:var(--ink);background:rgba(255,255,255,.06)}.modal-panel-wide{max-width:620px}.modal-panel-xwide{max-width:1240px;width:96vw;max-height:92vh}.modal-panel-table{max-width:900px;width:94vw}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.25rem;gap:1.25rem}@media (max-width:560px){.form-grid-2{grid-template-columns:1fr}}.rate-patch-list{display:flex;flex-direction:column;gap:.4rem}.rate-patch-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--line);background:rgba(255,255,255,.02);margin-bottom:0}.rate-patch-row input[type=checkbox]{width:16px;height:16px;flex:none;accent-color:var(--accent-2);cursor:pointer}.rate-patch-name{flex:1 1;font-size:.85rem;color:var(--ink);cursor:pointer}.rate-patch-value{width:6rem!important;height:32px!important;padding:0 10px!important;font-size:.85rem!important;flex:none}.rate-patch-value:disabled{opacity:.35;cursor:not-allowed}.rate-patch-current{font-size:.75rem;color:var(--soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex:none;width:5.5rem;text-align:right}.data-row{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--line);font-size:.88rem}.data-row:last-child{border-bottom:none}.tabs{display:flex;gap:.7rem;margin:1rem 0 1.5rem;flex-wrap:wrap}.tab{--chamfer:8px;position:relative;padding:.5rem 1.1rem;-webkit-clip-path:polygon(var(--chamfer) 0,calc(100% - var(--chamfer)) 0,100% var(--chamfer),100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,var(--chamfer) 100%,0 calc(100% - var(--chamfer)),0 var(--chamfer));clip-path:polygon(var(--chamfer) 0,calc(100% - var(--chamfer)) 0,100% var(--chamfer),100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,var(--chamfer) 100%,0 calc(100% - var(--chamfer)),0 var(--chamfer));text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:.82rem;letter-spacing:.02em;border:1px solid var(--line-strong);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.25));color:var(--muted);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.tab:hover{border-color:var(--accent-2);color:var(--ink);background:linear-gradient(180deg,rgba(240,138,60,.14),rgba(0,0,0,.25))}.tab[data-active=true]{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:var(--accent-ink);border-color:#7a2f1c;box-shadow:inset 0 0 0 1px rgba(255,224,194,.35)}.tab-sub{margin-left:.4rem;font-family:var(--font-body);font-weight:600;font-size:.72rem;color:var(--soft)}.tab[data-active=true] .tab-sub{color:var(--accent-ink);opacity:.85}.chip-group{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.chip{padding:.35rem .8rem;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--muted);font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.chip:hover{border-color:var(--line-strong);color:var(--ink)}.chip[data-active=true]{background:rgba(240,138,60,.16);border-color:var(--accent-2);color:var(--accent-ink)}.content-card{padding:1.1rem 1.3rem;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card)}.pin-badge{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-2);margin-bottom:.3rem}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:1rem;gap:1rem}.news-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-gap:1.5rem;gap:1.5rem;align-items:start}.news-form-preview{position:-webkit-sticky;position:sticky;top:1rem;padding-left:1.5rem;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:.6rem}.news-form-preview-label{font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--soft)}@media (max-width:860px){.news-form-layout{grid-template-columns:1fr}.news-form-preview{position:static;padding-left:0;padding-top:1rem;border-left:none;border-top:1px solid var(--line)}}.news-card-link{display:block;text-decoration:none}.news-card{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);overflow:hidden;transition:transform .15s ease,border-color .15s ease}.news-card-link:hover .news-card{transform:translateY(-2px);border-color:var(--line-strong)}.news-card-cover{height:130px}.news-card-cover,.news-detail-cover{background-size:cover;background-position:50%;background-color:var(--surface-flat)}.news-detail-cover{height:280px;margin:1rem 0;border-radius:var(--radius-md);border:1px solid var(--line)}.news-card-body{padding:1rem 1.1rem}.news-card-body h3{margin:.4rem 0 .3rem;font-size:1rem;color:var(--ink)}.news-card-body p{margin:0;font-size:.85rem;color:var(--muted);line-height:1.5}.news-card-date{float:right;font-size:.75rem;color:var(--soft)}.news-tag{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .55rem;border-radius:999px}.news-tag-update{background:rgba(240,138,60,.18);color:var(--accent-2)}.news-tag-event{background:rgba(111,207,142,.15);color:var(--good)}.site-footer{margin-top:2.5rem;padding:3rem 1.5rem 2.5rem;background:var(--surface-flat);border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:.9rem;text-align:center}.footer-socials{display:flex;gap:.7rem;margin-bottom:.5rem}.footer-social-icon{width:42px;height:42px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:var(--surface-inset);border:1px solid var(--line);color:var(--muted);transition:background .15s ease,color .15s ease,transform .1s ease}.footer-social-icon:hover{background:var(--accent-2);border-color:var(--accent-2);color:var(--accent-ink);transform:translateY(-2px)}.footer-brand{font-family:var(--font-display);font-weight:800;font-size:1.6rem;letter-spacing:.03em;color:var(--accent-ink)}.footer-copyright{margin:0;font-size:.82rem;color:var(--soft)}.footer-legal{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.footer-legal a{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);text-decoration:none}.footer-legal a:hover{color:var(--accent-2);text-decoration:underline}.legal-shell{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}.legal-hero{text-align:center;padding:1rem 0 1.5rem}.legal-kicker{font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.16em;color:var(--accent-2);margin:0 0 .6rem;animation:legal-fade-up .6s ease-out .05s forwards}.legal-kicker,.legal-title{text-transform:uppercase;opacity:0}.legal-title{font-size:clamp(2.2rem,6vw,3.4rem);font-weight:800;letter-spacing:.01em;margin:0;animation:legal-fade-up .7s ease-out .15s forwards;background:linear-gradient(180deg,var(--accent-ink),var(--muted));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.legal-tags{display:flex;justify-content:center;gap:.5rem;margin-top:1rem;opacity:0;animation:legal-fade-up .6s ease-out .3s forwards}.legal-tag{font-size:.72rem;font-weight:700;letter-spacing:.03em;color:var(--muted);background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:999px;padding:.25rem .7rem}.legal-divider{height:1px;margin:1.5rem auto 2rem;max-width:320px;background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}.legal-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:2.2rem clamp(1.5rem,4vw,3rem);opacity:0;animation:legal-fade-up .6s ease-out .4s forwards}.legal-h2{font-size:1.3rem;margin:2rem 0 .75rem}.legal-panel>.legal-h2:first-child{margin-top:0}.legal-list,.legal-p{color:var(--muted);line-height:1.75;margin:0 0 1.1rem}.legal-list{padding-left:1.3rem}.legal-list li{margin-bottom:.5rem}.legal-list li::marker{color:var(--accent-2)}@keyframes legal-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.legal-kicker,.legal-panel,.legal-tags,.legal-title{animation:none;opacity:1}}.rich-text-editor{border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);background:rgba(0,0,0,.32);overflow:hidden}.rich-text-toolbar{display:flex;align-items:center;gap:.35rem;padding:.5rem .6rem;border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}.rich-text-toolbar button{padding:.3rem .6rem;border-radius:var(--radius-sm);border:1px solid transparent;background:none;color:var(--muted);font-size:.8rem;font-weight:600;cursor:pointer;font-family:var(--font-body)}.rich-text-toolbar button:hover{color:var(--ink);background:rgba(255,255,255,.05)}.rich-text-toolbar button[data-active=true]{color:var(--accent-ink);border-color:var(--line-strong);background:rgba(240,138,60,.14)}.rich-text-toolbar-sep{width:1px;height:18px;background:var(--line);margin:0 .2rem}.rich-text-editor-content{padding:.8rem .9rem;min-height:220px;max-height:420px;overflow-y:auto;color:var(--ink);font-size:.9rem;line-height:1.65;outline:none}.rich-text-editor-content p{margin:0 0 .75rem}.rich-text-editor-content img{max-width:100%;border-radius:var(--radius-sm)}.rich-text-html-source{display:block;width:100%;min-height:320px;max-height:65vh;padding:.8rem .9rem;border:none;background:rgba(0,0,0,.2);color:var(--ink);font-family:Consolas,Menlo,monospace;font-size:.8rem;line-height:1.6;resize:vertical;outline:none}.rich-text-html-split{display:grid;grid-template-columns:1fr 1fr}.rich-text-html-split-collapsed{grid-template-columns:1fr}@media (max-width:760px){.rich-text-html-split{grid-template-columns:1fr}}.rich-text-html-preview{border-left:1px solid var(--line);padding:.8rem .9rem;min-height:320px;max-height:65vh;overflow-y:auto;background:rgba(255,255,255,.015)}.rich-text-html-preview-expanded{border-left:none;max-height:75vh}@media (max-width:760px){.rich-text-html-preview{border-left:none;border-top:1px solid var(--line)}}.rich-text-html-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.rich-text-html-preview-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--soft)}.rich-text-html-preview-toggle{padding:.25rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--muted);font-size:.72rem;font-weight:600;cursor:pointer;font-family:var(--font-body)}.rich-text-html-preview-toggle:hover{color:var(--ink);border-color:var(--line-strong)}.rich-text-content{color:var(--muted);font-size:.9rem;line-height:1.7}.rich-text-content p{margin:0 0 1rem}.rich-text-content a{color:var(--accent-2)}.rich-text-content img{max-width:100%;border-radius:var(--radius-sm);margin:.5rem 0}.youtube-embed-wrap{position:relative;width:100%;aspect-ratio:16/9;margin:.75rem 0;border-radius:var(--radius-sm);overflow:hidden;background:#000}.youtube-embed-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:none}.forum-layout{display:grid;grid-template-columns:220px 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:start;margin-top:1rem}@media (max-width:760px){.forum-layout{grid-template-columns:1fr}}.forum-sidebar{display:flex;flex-direction:column;gap:.3rem;padding:.75rem;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line);position:-webkit-sticky;position:sticky;top:80px}.forum-sidebar-link{padding:.5rem .7rem;border-radius:var(--radius-sm);color:var(--muted);text-decoration:none;font-size:.85rem;font-weight:600}.forum-sidebar-link:hover{color:var(--ink);background:rgba(255,255,255,.04)}.forum-sidebar-link[data-active=true]{color:var(--accent-ink);background:rgba(240,138,60,.14)}.forum-content{min-width:0}.forum-category-header{margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--line)}.forum-post-card{padding:1.25rem 1.4rem;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line);margin-bottom:1.25rem}.forum-post-card-author{display:flex;align-items:center;gap:.75rem;margin-bottom:.9rem}.forum-post-card-class-icon{flex-shrink:0;border-radius:var(--radius-sm)}.forum-post-card-author-info{display:flex;flex-direction:column;gap:.1rem;flex:1 1;min-width:0}.forum-post-card-char-name{font-weight:700;color:var(--accent-ink);font-size:.92rem}.forum-post-card-char-meta{font-size:.76rem;color:var(--soft)}.forum-post-card-time{font-size:.72rem;color:var(--soft);white-space:nowrap}.forum-post-card-title{margin:0 0 .6rem;font-size:1.1rem}.forum-post-card-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--line);flex-wrap:wrap}.post-footer-admin-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.post-footer-main-actions{display:flex;align-items:center;gap:1rem;margin-left:auto}.forum-post-card-edited-marker{font-size:.72rem;color:var(--soft);font-style:italic}.forum-post-card-approved-by{font-size:.75rem;color:var(--soft);margin-top:.75rem}.forum-post-card-hidden-placeholder{font-size:.85rem;color:var(--soft);font-style:italic;padding:.5rem 0}.reaction-bar{position:relative;display:inline-flex}.reaction-bar-main{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.02);font-size:.95rem;cursor:pointer;transition:background .15s ease,border-color .15s ease;color:var(--ink)}.reaction-bar-main:hover:not(:disabled){border-color:var(--accent-2)}.reaction-bar-main:disabled{cursor:default;opacity:.7}.reaction-bar-main[data-active=true]{background:rgba(240,138,60,.16);border-color:var(--accent-2)}.reaction-bar-total{font-size:.78rem;color:var(--soft)}.reaction-picker{position:absolute;bottom:calc(100% + .4rem);left:0;display:flex;gap:.2rem;padding:.35rem;border-radius:999px;background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow-card);z-index:20}.reaction-picker-emoji{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:none;background:transparent;font-size:1.05rem;cursor:pointer;transition:transform .1s ease,background .15s ease}.reaction-picker-emoji:hover{background:rgba(255,255,255,.08);transform:scale(1.15)}.reaction-picker-emoji[data-active=true]{background:rgba(240,138,60,.2)}.comment-trigger{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:999px;color:var(--ink);font-size:.88rem;font-weight:600;cursor:pointer;padding:.4rem .85rem;transition:background .15s ease,border-color .15s ease}.comment-trigger:hover{border-color:var(--accent-2);background:rgba(240,138,60,.1)}.comment-trigger-count{font-weight:700}.comment-trigger-count,.view-count{font-size:.75rem;color:var(--soft)}.comment-drawer-overlay{position:fixed;inset:0;background:rgba(10,7,5,.6);z-index:110}.comment-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:92vw;background:var(--surface);border-left:1px solid var(--line-strong);box-shadow:var(--shadow-card);z-index:111;display:flex;flex-direction:column}.comment-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--line)}.comment-drawer-list{flex:1 1;overflow-y:auto;padding:1rem 1.25rem}.comment-drawer-composer{padding:.9rem 1.25rem;border-top:1px solid var(--line)}.comment-thread{margin-bottom:1.1rem}.comment-item{display:flex;flex-direction:column;gap:.3rem;padding:.6rem 0}.comment-item-author{font-weight:700;color:var(--accent-ink);font-size:.82rem}.comment-item-meta{font-size:.7rem;color:var(--soft)}.comment-item-actions{display:flex;align-items:center;gap:.75rem;font-size:.72rem;flex-wrap:wrap}.comment-replies{margin-left:1.5rem;padding-left:.75rem;border-left:2px solid var(--line)}.comment-deleted-placeholder{font-size:.78rem;color:var(--soft);font-style:italic}.feed-sort-bar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1.25rem}.feed-sort-bar .tabs{margin:0}.feed-sort-bar-search{display:flex;align-items:stretch;gap:.5rem;margin-left:auto;flex:1 1;min-width:220px;max-width:22rem}.feed-sort-bar-search input{flex:1 1;min-width:0;height:44px;padding:0 12px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.32);color:var(--ink);font-size:13px;font-family:var(--font-body)}.feed-sort-bar-search input:focus{border-color:rgba(208,73,47,.65);box-shadow:0 0 0 3px rgba(208,73,47,.2);background:rgba(0,0,0,.4)}.feed-sort-bar-search button{flex-shrink:0;width:auto;height:44px;margin-top:0;padding:0 1rem}@media (max-width:640px){.feed-sort-bar-search{margin-left:0;max-width:none;width:100%}}.category-manage-list{display:flex;flex-direction:column;gap:.4rem;max-height:40vh;overflow-y:auto}.category-manage-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .8rem;border-radius:var(--radius-sm);background:rgba(255,255,255,.02);border:1px solid var(--line)}.category-manage-label{font-size:.88rem;font-weight:600;color:var(--ink)}.category-manage-create{display:flex;gap:.5rem;margin-top:1rem}.category-manage-create input{flex:1 1;min-width:0}