:root{--primary:#9a68ff;--accent:#b897ff;--bg:#090814;--panel:#121020;--line:#ffffff18;--muted:#a6a1b5;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;color:#f4efff;background-color:var(--bg);background-size:cover;background-attachment:fixed;font:13px Manrope,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 10%,#9a68ff16,transparent 28%),radial-gradient(circle at 10% 75%,#00c4ff0d,transparent 25%);z-index:-1}.site-video{position:fixed;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;opacity:.18}.site-shell{max-width:1240px;margin:auto;padding:0 28px;min-height:100vh}.topbar{min-height:84px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#fff;font:800 24px 'Barlow Condensed',sans-serif;letter-spacing:1px}.brand>span>span{color:var(--accent)}.brand i{font:10px 'DM Mono';color:#a9a3b5;font-style:normal}.brand-mark{display:grid;place-items:center;width:32px;height:32px;background:var(--primary);clip-path:polygon(20% 0,100% 0,80% 100%,0 100%);font-size:20px}.topbar nav{display:flex;gap:8px}.topbar nav a,.ghost,.button{border:1px solid transparent;background:transparent;color:#b9b4c8;text-decoration:none;cursor:pointer;padding:9px 11px;font:700 10px Manrope;text-transform:uppercase;letter-spacing:.35px}.topbar nav a:hover,.topbar nav a:focus{color:white}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.live-dot{color:#8bf7ba;font:10px 'DM Mono';text-transform:uppercase}.live-dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#55efa2;box-shadow:0 0 9px #55efa2;margin-right:6px}.user-chip{font:10px 'DM Mono';padding:8px 10px;background:#ffffff0a;color:#ddd6ee}.button{display:inline-block;background:var(--primary);border-color:var(--primary);color:#fff;padding:11px 15px;transition:.2s}.button:hover{filter:brightness(1.13);box-shadow:0 0 25px color-mix(in srgb,var(--primary) 45%,transparent)}.compact{padding:8px 10px}.ghost{border-color:var(--line)}.ghost:hover{border-color:#fff6;color:#fff}.inline-form{display:inline}.notice{margin:16px auto;padding:11px 14px;border:1px solid;font-size:12px}.notice.success{border-color:#63e9a988;background:#48e58f18;color:#a5ffd0}.notice.error{border-color:#ff748488;background:#f85c6914;color:#ffb1b9}.eyebrow{font:10px 'DM Mono';letter-spacing:1.3px;color:var(--accent);margin:0;text-transform:uppercase}.home{padding:62px 0}.hero{min-height:440px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center}.hero h1,.catalog-heading h1,.detail-heading h1,.setup-card h1{font:800 clamp(56px,7vw,95px)/.85 'Barlow Condensed';letter-spacing:-1px;margin:16px 0}.hero h1 em{color:var(--accent);font-style:normal}.hero-copy>p:not(.eyebrow){max-width:510px;color:#b8b2c4;line-height:1.85}.hero-stats{display:flex;gap:28px;margin-top:30px;color:#aaa4b6;font-size:11px}.hero-stats b{display:block;color:#fff;font:800 28px 'Barlow Condensed'}.hero-orbit{height:330px;position:relative;display:grid;place-items:center}.orbit-ring{position:absolute;width:270px;height:270px;border:1px solid #ffffff36;border-radius:50%;transform:rotateX(65deg) rotateZ(20deg);box-shadow:0 0 0 35px #ffffff05,0 0 0 70px #ffffff03;animation:orbit 10s linear infinite}.orbit-core{position:relative;display:grid;place-items:center;width:125px;height:125px;border-radius:50%;background:radial-gradient(circle at 32% 30%,var(--accent),var(--primary) 35%,#21133e 70%);box-shadow:0 0 70px #9862ff88;font:800 43px 'Barlow Condensed'}.orbit-core span{display:block;font-size:17px}.orbit-label{position:absolute;color:#cbc4d6;font:9px 'DM Mono';letter-spacing:1px}.orbit-label.one{top:35px;right:13%}.orbit-label.two{bottom:28px;left:7%}.orbit-label.three{right:0;bottom:42%}.game-choices{padding-top:28px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:14px}.game-choice{min-height:205px;text-decoration:none;color:white;border:1px solid var(--line);padding:22px;position:relative;overflow:hidden;transition:.25s;background:#141126}.game-choice:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 18px 33px #0007}.game-choice:before{content:"";position:absolute;width:270px;height:270px;border-radius:50%;right:-85px;top:-92px;border:1px solid #ffffff22;box-shadow:0 0 0 50px #ffffff08}.crossfire{background:linear-gradient(110deg,#31122e,#161020)}.lienquan{background:linear-gradient(110deg,#0c2936,#151126)}.choice-no{position:absolute;right:19px;bottom:16px;color:#ffffff4d;font:30px 'Barlow Condensed'}.game-choice div{position:absolute;bottom:23px;left:24px}.game-choice p{font:9px 'DM Mono';letter-spacing:1.2px;color:#cbc3dd;margin:0}.game-choice h2{font:800 43px 'Barlow Condensed';margin:4px 0}.game-choice small{color:#bab3c6;font-size:10px}.choice-arrow{position:absolute;right:23px;top:23px;color:var(--accent);font-size:25px}.catalog{padding:42px 0 60px}.catalog-heading{min-height:245px;padding:35px;border:1px solid var(--line);position:relative;overflow:hidden}.catalog-heading:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:5%;bottom:-34%;border:1px solid #ffffff3d;box-shadow:0 0 0 55px #ffffff09,0 0 0 110px #ffffff05}.catalog-heading h1{margin:12px 0;font-size:clamp(66px,8vw,110px)}.catalog-heading>p:last-child{position:relative;z-index:1;color:#bbb5c8;max-width:420px;line-height:1.7}.crossfire-head{background:linear-gradient(110deg,#2c102d,#100f20 60%)}.lienquan-head{background:linear-gradient(110deg,#0c2532,#101126 60%)}.filters{margin-top:28px}.price-strip{display:flex;align-items:center;gap:8px;overflow:auto;padding-bottom:10px}.price-strip>span:first-child{color:#888496;font-size:10px;min-width:58px;text-transform:uppercase}.tier{white-space:nowrap;padding:6px 9px;background:#171523;border:1px solid var(--line);font:9px 'DM Mono';color:#d7cfe8}.filter-row{display:flex;justify-content:space-between;gap:14px}.search{flex:1;max-width:450px;display:flex;gap:9px;align-items:center;padding:0 12px;background:#12111e;border:1px solid var(--line);color:var(--accent)}.search input{width:100%;border:0;background:transparent;color:#fff;padding:12px 0;outline:0;font:12px Manrope}.status-filters{display:flex;gap:5px}.status-filters button{border:1px solid var(--line);background:#12111e;color:#aaa5b6;padding:0 11px;cursor:pointer;font:10px Manrope}.status-filters button:hover,.status-filters button.active{border-color:var(--accent);background:color-mix(in srgb,var(--primary) 20%,transparent);color:#fff}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:23px;min-height:280px}.account-card{display:block;text-decoration:none;background:#11101d;border:1px solid var(--line);color:#fff;overflow:hidden;transition:.24s}.account-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 17px 30px #0008}.card-art{height:158px;background:linear-gradient(135deg,#5332a0,#1a1533);position:relative;overflow:hidden}.card-art img{width:100%;height:100%;object-fit:cover;opacity:.75;transition:.4s}.account-card:hover img{transform:scale(1.07)}.art-fallback{height:100%;display:grid;place-items:center;color:#d6c2ff;font-size:48px}.scanline{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,#fff1 5px 6px);mix-blend-mode:overlay}.card-info{padding:13px;display:grid;gap:3px;position:relative}.card-info strong{font:700 18px 'Barlow Condensed';color:#cab1ff}.card-info small{font-size:10px;color:#aaa6b5}.account-name{font:10px 'DM Mono';padding-left:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-dot{position:absolute;width:6px;height:6px;top:16px;left:13px;border-radius:50%}.available{background:#55efa2;box-shadow:0 0 8px #55efa2}.deposit{background:#ffc857}.rented{background:#ff5967;box-shadow:0 0 8px #ff5967}.no-results{grid-column:1/-1;text-align:center;color:#938da0;padding:55px}.details-page{padding:34px 0 60px}.back-link{display:inline-block;color:#c9afff;text-decoration:none;margin-bottom:15px;font-size:11px}.details-card{display:grid;grid-template-columns:290px 1fr;min-height:590px;background:#0c0b16;border:1px solid var(--line);overflow:hidden}.detail-heading{padding:48px 29px;background:radial-gradient(circle at 20% 12%,#7640df66,transparent 37%),#121020;display:flex;flex-direction:column;align-items:flex-start;gap:13px}.detail-heading h1{font-size:41px;line-height:.95;overflow-wrap:anywhere}.detail-heading strong{font:700 27px 'Barlow Condensed';color:#d6c2ff}.status-pill{padding:5px 8px;font:9px 'DM Mono';text-transform:uppercase}.status-pill.available{background:#2abf7140;color:#75f4b1}.status-pill.deposit{background:#ffa62030;color:#ffd277}.status-pill.rented{background:#ef425130;color:#ff8893}.privacy-note{color:#9a94a8;line-height:1.7;font-size:11px}.gallery-shell{min-width:0;display:grid;grid-template-rows:57px 1fr}.gallery-tabs{display:flex;align-items:stretch;gap:4px;padding:0 28px;border-bottom:1px solid var(--line)}.gallery-tabs button{padding:0 16px;border:0;border-bottom:2px solid transparent;background:transparent;color:#9893a7;text-transform:uppercase;font:700 10px Manrope;cursor:pointer}.gallery-tabs button.active{color:#d0b8ff;border-color:var(--accent)}.gallery-scroll{overflow:auto;padding:26px}.gallery-group{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gallery-group.visible{display:grid}.gallery-group img{width:100%;min-height:180px;max-height:400px;object-fit:cover;background:#171428}.empty-gallery{color:#888293;text-align:center;padding:60px}.modal{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:18px;background:#03020ccc;backdrop-filter:blur(10px)}.modal.hidden{display:none}.modal-card{width:min(100%,390px);position:relative;padding:32px;background:linear-gradient(150deg,#1b1730,#0e0d19);border:1px solid #c2a4ff66;box-shadow:0 20px 80px #000a}.modal-card h2{font:800 36px 'Barlow Condensed';margin:8px 0 20px}.close-modal{position:absolute;right:11px;top:8px;border:0;background:transparent;color:#ddd4e9;font-size:30px;cursor:pointer}.modal label,.setup-card label,.form-grid label{display:block;margin:14px 0;color:#aaa5b7;font-size:11px}.modal input,.setup-card input,.form-grid input,.form-grid select,.form-grid textarea,.admin-main input,.admin-main select,.admin-main textarea{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid var(--line);background:#080713;color:#fff;outline:0;font:12px Manrope}.modal small,.setup-card small{display:block;margin-top:13px;color:#817b8d;font-size:10px}.wide{width:100%;margin-top:15px}footer{min-height:80px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#777287;text-transform:uppercase;font:9px 'DM Mono';letter-spacing:.65px}.admin-page{padding:30px 0 56px}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.admin-head h1{font:800 42px 'Barlow Condensed';margin:3px 0}.admin-tabs{display:flex;gap:6px;overflow:auto;padding-bottom:12px;border-bottom:1px solid var(--line)}.admin-tabs a{color:#9c96a9;text-decoration:none;white-space:nowrap;padding:10px 12px;border-bottom:2px solid transparent;font-size:10px;font-weight:700;text-transform:uppercase}.admin-tabs a.active,.admin-tabs a:hover{color:#d1b6ff;border-color:var(--accent)}.admin-layout{padding:20px 0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:20px}.panel{padding:19px;background:#11101d;border:1px solid var(--line)}.panel h2,.panel h3{font:800 28px 'Barlow Condensed';margin:4px 0 15px}.panel p{color:#aaa4b6;line-height:1.7;font-size:12px}.add-account{display:grid;grid-template-columns:135px 1fr 125px auto;gap:8px}.add-account input,.add-account select{margin:0}.managed-list{margin-top:16px;border-top:1px solid var(--line)}.managed-item{display:grid;grid-template-columns:1fr 122px auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--line)}.managed-item.selected{background:#8e5aff14}.managed-item>a{color:#eee9fa;text-decoration:none;padding:5px;min-width:0}.managed-item b{display:block;font:11px 'DM Mono';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.managed-item span{display:block;margin-top:3px;color:#857f92;font-size:10px}.managed-item form{display:contents}.managed-item select{margin:0;padding:7px;font-size:10px}.warning{border:1px solid #ffc45777;background:#f7b83b17;color:#ffd277;padding:8px 9px;cursor:pointer;font:700 10px Manrope;text-transform:uppercase}.danger{border:1px solid #ff5e6f66;background:#ff506017;color:#ff9aa5;padding:8px 11px;cursor:pointer;font:700 10px Manrope;text-transform:uppercase}.editor{border-left:1px solid var(--line);padding-left:20px}.editor h2{font:800 28px 'Barlow Condensed';margin:5px 0}.form-grid textarea{resize:vertical;line-height:1.5}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.form-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.image-group-links{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.image-group-links a{border:1px solid var(--line);padding:7px 9px;color:#aaa4b7;text-decoration:none;font:10px Manrope}.image-group-links a.active{color:#fff;border-color:var(--accent)}.rental-grid{display:grid;grid-template-columns:1fr 350px;gap:20px;padding-top:22px}.preview-card{align-self:start;padding:20px;background:#161324;border:1px solid #b68eff42}.preview-card dl{display:grid;grid-template-columns:105px 1fr;gap:10px;font-size:12px}.preview-card dt{color:#928ca0}.preview-card dd{margin:0;overflow-wrap:anywhere}.profile-panel{max-width:580px;margin-top:22px}.people-form{display:grid;grid-template-columns:1fr 1fr 1.4fr 95px auto;gap:8px}.people-form input,.people-form select{margin:0}.person-list{margin-top:18px}.person-list article{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.person-list b{display:block}.person-list span{display:block;color:#888294;font:10px 'DM Mono';margin-top:3px}.person-actions{display:flex;gap:6px;flex-wrap:wrap}.appearance-panel{max-width:650px;margin-top:22px}.setup-page{min-height:100vh;display:grid;place-items:center;padding:20px}.setup-card{width:min(100%,460px);padding:34px;background:#11101d;border:1px solid #b68eff55;box-shadow:0 25px 90px #0009}.setup-card h1{font-size:48px;margin:7px 0 17px}.setup-card p{color:#b3acbf;line-height:1.7}.success-text{color:#9dffd0!important}.error-text{color:#ffadb7!important}@keyframes orbit{to{transform:rotateX(65deg) rotateZ(380deg)}}@media(max-width:820px){.site-shell{padding:0 16px}.topbar{min-height:72px;gap:12px}.topbar nav{position:absolute;top:72px;left:0;right:0;justify-content:center;background:#090815ed;border-bottom:1px solid var(--line);padding:5px;z-index:3}.topbar nav a{font-size:9px;padding:8px}.top-actions{margin-left:auto}.user-chip{display:none}.home{padding-top:54px}.hero{grid-template-columns:1fr;min-height:550px}.hero-orbit{height:220px}.orbit-ring{width:200px;height:200px}.orbit-core{width:105px;height:105px;font-size:36px}.choice-grid,.catalog-grid{grid-template-columns:repeat(2,1fr)}.catalog{padding-top:55px}.filter-row{flex-direction:column}.search{max-width:none}.status-filters{overflow:auto;padding-bottom:4px}.status-filters button{white-space:nowrap;padding:9px 12px}.details-card{grid-template-columns:1fr;grid-template-rows:auto 1fr}.detail-heading{padding:38px 24px 17px;display:grid;grid-template-columns:1fr auto;gap:8px}.detail-heading .eyebrow,.detail-heading h1{grid-column:1/-1}.detail-heading h1{font-size:32px}.admin-layout,.rental-grid{grid-template-columns:1fr}.editor{padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}.add-account{grid-template-columns:1fr 1fr}.add-account input{grid-column:1/-1}.people-form{grid-template-columns:1fr 1fr}.people-form input:nth-child(3){grid-column:1/-1}.people-form .button{grid-column:1/-1}.admin-head{align-items:flex-start}.gallery-scroll{padding:13px}.gallery-tabs{padding:0 12px}}@media(max-width:430px){.site-shell{padding:0 11px}.brand{font-size:21px}.top-actions .button{font-size:9px;padding:7px}.hero h1{font-size:62px}.choice-grid,.gallery-group{grid-template-columns:1fr}.game-choice{min-height:158px}.catalog-grid{gap:8px}.card-art{height:110px}.card-info{padding:10px}.catalog-heading{padding:26px 19px}.catalog-heading h1{font-size:65px}.managed-item{grid-template-columns:1fr 95px}.managed-item .warning{grid-column:2}.add-account{grid-template-columns:1fr}.add-account input,.add-account select{grid-column:1}.people-form{grid-template-columns:1fr}.people-form input:nth-child(3),.people-form .button{grid-column:1}.person-list article{align-items:flex-start;flex-direction:column}footer span:nth-child(2){display:none}}


/* Consistent feedback, responsive layout and accessible motion. */
:root{--success:#4ade80;--success-bg:#102d20;--success-border:#32945a}
.notice{display:flex;align-items:center;gap:12px;border-radius:10px;line-height:1.65;box-shadow:0 8px 24px #0003;animation:notice-in .3s ease-out}
.notice.success{color:#bbf7d0;background:var(--success-bg);border-color:var(--success-border)}
.notice.error{color:#fecdd3;background:#32131c;border-color:#be4058}
.notice-icon{display:grid;place-items:center;flex:0 0 26px;height:26px;border:1px solid currentColor;border-radius:50%;font-weight:800}
.notice-message{flex:1;min-width:0;overflow-wrap:anywhere}
.notice-close{flex:0 0 36px;height:36px;border:0;border-radius:6px;background:transparent;color:inherit;font-size:24px;cursor:pointer}
.notice-close:hover{background:#ffffff12}
.modal-open{overflow:hidden}
.modal{overflow-y:auto;overscroll-behavior:contain}
.modal-card{max-height:calc(100dvh - 36px);overflow-y:auto;border-radius:14px}
.confirmation-card{border-color:var(--success-border);background:linear-gradient(145deg,#132b20,#0e1713)}
.confirmation-card h2{color:#bbf7d0;font-size:30px;margin:14px 0}
.confirmation-card p{color:#d5eadd;line-height:1.75;overflow-wrap:anywhere;white-space:pre-line}
.confirmation-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#4ade8020;color:var(--success);border:1px solid var(--success-border);font-size:24px}
.confirmation-card .form-actions{justify-content:flex-end;margin-top:24px}
.confirm-button{background:#238448;border-color:#4ade80;color:#fff}
.confirm-button:hover{box-shadow:0 0 22px #4ade8033}
:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.confirmation-card button:focus-visible{outline-color:var(--success)}
.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #9a68ff18}
:where(.ghost,.warning,.danger,.tier,.admin-tabs a,.gallery-tabs button,.status-filters button,.image-group-links a,input,textarea,select){transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s}
.button{transition:filter .2s,box-shadow .2s,transform .2s}
.button:active{transform:translateY(1px)}
.motion-on main{animation:content-in .4s ease-out}
.motion-on .orbit-core{animation:core-float 5s ease-in-out infinite}
.gallery-tabs{overflow-x:auto}
.gallery-tabs button{white-space:nowrap;flex-shrink:0}
.image-fallback{display:grid;place-items:center;min-height:158px;height:100%;padding:20px;text-align:center;background:#19152b;color:#b9afcd}
.gallery-group .image-fallback{min-height:180px}
.gallery-group img{object-fit:contain}
.hero-copy,.admin-main,.editor,.panel,.preview-card,.managed-item>div{min-width:0}
.form-grid input[type=checkbox],.admin-main input[type=checkbox]{display:inline-block;width:auto;margin:0 7px 0 0;vertical-align:middle;accent-color:var(--primary)}
.details-page,.admin-page{scroll-margin-top:112px}
@keyframes notice-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes content-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes core-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:820px){.details-page,.admin-page{padding-top:60px}.field-row{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-head{gap:12px}.preview-card dl{grid-template-columns:90px minmax(0,1fr)}}
@media(max-width:430px){.status-dot{left:10px;top:13px}.field-row{grid-template-columns:1fr}.hero-stats{gap:16px;flex-wrap:wrap}.modal-card{padding:25px 20px}.admin-head{flex-wrap:wrap}}
.motion-off,.motion-off *,.motion-off *::before,.motion-off *::after,.motion-disabled{scroll-behavior:auto!important;animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){html,body,*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}