:root{color-scheme:dark;--bg:#111612;--panel:#1a221b;--muted:#97a391;--line:#303d2e;--lime:#c5fa50;--text:#f2f6ee;--amber:#f5cf83}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--lime);outline-offset:4px}svg{width:22px;height:22px;flex:none}button svg{pointer-events:none}.app-header{max-width:960px;margin:auto;padding:calc(18px + env(safe-area-inset-top)) 24px 18px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;flex:1}.brand>img{border-radius:11px}.brand>span{font-size:19px;font-weight:760;letter-spacing:-.5px;line-height:1.25}.brand b{color:var(--lime)}.brand small{display:block;font-size:10px;font-weight:450;letter-spacing:2px;color:var(--muted);margin-top:5px}.icon-button{background:var(--panel);color:var(--text);border:1px solid var(--line);display:grid;place-items:center;width:42px;height:42px;border-radius:13px}.avatar{background:#c5fa5019;color:var(--lime);border:1px solid #c5fa5040;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;font-size:13px;font-weight:700;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}main{max-width:900px;margin:0 auto;padding:25px 24px calc(112px + env(safe-area-inset-bottom))}.connection{max-width:900px;margin:12px auto 0;padding:10px 18px;background:#60441d;color:var(--amber);font-size:13px}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.25;letter-spacing:-1px}h2{font-size:20px;line-height:1.4}h3{font-size:16px}p{margin:10px 0}small,.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--lime);font-weight:650;margin-bottom:10px}.sub{font-size:13px;color:var(--muted);margin-top:10px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.page-head h1{font-size:29px}.page-head p{margin-bottom:0}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #c5fa5045;background:#c5fa500a;color:var(--lime);padding:6px 11px;border-radius:30px;font-size:12px;white-space:nowrap}.dot{width:6px;height:6px;border-radius:50%;background:currentColor}.pill.paused{color:var(--muted);border-color:var(--line)}.primary,.secondary,.quiet{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;min-height:46px;padding:10px 17px;font-weight:650;font-size:14px}.primary{background:var(--lime);border:1px solid var(--lime);color:#16200d}.secondary{background:#263123;border:1px solid #4d5e40;color:#e4eedb}.quiet{background:transparent;border:1px solid var(--line);color:#bdc9b5}.wide{width:100%}.text-button{background:none;border:0;color:var(--lime);font-size:13px;padding:9px 0;display:inline-flex;gap:5px;align-items:center}.card{border:1px solid var(--line);background:var(--panel);border-radius:19px;padding:23px;margin-bottom:18px}.hero{padding:28px;background:radial-gradient(ellipse at 100% 0,#a1d15a22,transparent 65%),var(--panel);border:1px solid #6984467a;position:relative;overflow:hidden}.hero h1{font-size:36px;line-height:1.25;max-width:360px}.hero h1 em{font-style:normal;color:var(--lime)}.hero .hero-decoration{position:absolute;right:24px;top:35px;font-weight:900;font-size:110px;line-height:1;color:#c5fa5012;transform:skew(-10deg);pointer-events:none}.hero p{max-width:340px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #53684277;margin-top:22px;padding-top:18px}.hero-bottom small{font-size:12px}.hero .primary{padding:10px 14px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 24px}.metric{padding:18px;border:1px solid var(--line);background:#182019;border-radius:15px}.metric strong{display:block;font-size:31px;font-weight:650;letter-spacing:-1px;line-height:1.3}.metric:first-child strong{color:var(--lime)}.metric span{color:var(--muted);font-size:12px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 14px}.section-heading h2{font-size:18px}.section-heading small{font-size:11px}.orders-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.order{display:flex;flex-direction:column;margin:0;padding:18px}.order-top{display:flex;align-items:center;gap:11px}.game-cover{width:46px;height:46px;border-radius:12px;background:#303e28;object-fit:cover;flex:none}.game-fallback{display:grid;place-items:center;color:var(--lime);font-weight:800}.order-top>div{flex:1;min-width:0}.order-top h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-top small{font-size:11px}.badge{border-radius:6px;color:var(--lime);background:#c5fa5010;border:1px solid #c5fa5030;font-size:11px;padding:3px 6px;white-space:nowrap}.badge.wait{color:var(--amber);background:#f5cf830a;border-color:#f5cf8330}.badge.finished{color:var(--muted);border-color:var(--line);background:none}.order-id{font:11px/1.5 ui-monospace,monospace;letter-spacing:.3px;color:#84947e;margin:17px 0 7px;overflow-wrap:anywhere}.order-terms{font-size:13px;color:#c1ceba;overflow-wrap:anywhere}.order-note{font-size:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.order-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:auto}.order-footer small{font-size:10px;display:block}.order-footer strong{font-size:21px;font-weight:650;letter-spacing:-.4px}.order-footer button{font-size:12px;min-height:40px;padding:8px 12px}.empty{text-align:center;padding:30px 20px;border:1px dashed #46543a;border-radius:18px;margin:10px 0 20px;grid-column:1/-1}.empty>svg{width:36px;height:36px;color:#7b945c;margin-bottom:12px}.empty p{font-size:13px;color:var(--muted);max-width:330px;margin:9px auto 15px}.list-note{color:var(--muted);font-size:11px;text-align:center;margin:18px 0}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,900px);background:#182018f5;backdrop-filter:blur(16px);border:1px solid var(--line);border-bottom:0;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 5px;color:#83907d;font-size:10px;position:relative}.bottom-nav a.active{color:var(--lime)}.bottom-nav a.active:before{content:'';position:absolute;top:-4px;width:18px;height:2px;border-radius:3px;background:var(--lime)}.bottom-nav svg{width:22px;height:22px}.nav-count{position:absolute;top:0;left:calc(50% + 8px);background:var(--lime);color:#14200c;padding:0 4px;border-radius:8px;font-size:9px;min-width:13px;font-weight:700}.filters{display:flex;gap:6px;padding:5px;background:#1a231a;border:1px solid var(--line);border-radius:13px;margin:0 0 17px}.filters button{flex:1;border:0;background:none;color:#9eac96;padding:9px 3px;border-radius:9px;font-size:12px}.filters button.active{background:#c5fa50;color:#17220e;font-weight:650}label.field{display:block;color:#c4d0bd;font-size:13px;margin:18px 0 7px}input,select,textarea{background:#111811;color:var(--text);border:1px solid #3e4e36;border-radius:11px;padding:12px;width:100%;font-size:16px;min-width:0}textarea{min-height:100px;resize:vertical}.contact-fields{display:grid;grid-template-columns:86px 1fr;gap:8px}.check{width:18px;height:18px;accent-color:var(--lime);flex:none;margin:0}.toggle-row{display:flex;align-items:center;gap:15px}.toggle-row>span{flex:1}.toggle-row strong{display:block;font-size:15px}.toggle-row small{display:block;font-size:12px;margin-top:3px}.toggle-row input{appearance:none;width:48px;height:28px;min-width:48px;border-radius:20px;padding:3px;background:#384431;cursor:pointer}.toggle-row input:before{content:'';display:block;width:20px;height:20px;border-radius:50%;background:#b0bba8;transition:transform .2s}.toggle-row input:checked{background:var(--lime);border-color:var(--lime)}.toggle-row input:checked:before{background:#1b270f;transform:translateX(18px)}.game-options{border:0;padding:0;margin:22px 0}.game-options legend{font-size:12px;color:var(--lime);margin-bottom:10px}.game-options>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.game-choice{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:10px;border-radius:11px;font-size:12px;cursor:pointer;min-height:51px}.game-choice:has(input:checked){border-color:#aacb5d;background:#c5fa5008}.game-choice span{overflow-wrap:anywhere}.error{font-size:13px;color:#ffb3a6;min-height:0;margin:12px 0}.notice{background:#c5fa5007;border:1px solid #647d403d;color:#b9caa9;border-radius:12px;padding:14px;font-size:12px;line-height:1.8;margin:15px 0}.notice.amber{color:var(--amber);border-color:#f5cf8330;background:#f5cf8306}.notice a{color:var(--lime);text-decoration:underline}.settings-footer{position:sticky;bottom:87px;background:#1a221bf5;backdrop-filter:blur(10px);border-top:1px solid var(--line);padding-top:15px}.profile-head{display:flex;gap:16px;align-items:center}.profile-head .avatar{width:64px;height:64px;font-size:20px;border-radius:20px}.profile-head h1{font-size:26px;overflow-wrap:anywhere}.profile-head p{font-size:12px;margin:4px 0}.menu-link{display:flex;gap:12px;align-items:center;width:100%;padding:17px 0;background:none;color:var(--text);border:0;border-bottom:1px solid var(--line);text-align:left;font-size:14px}.menu-link>span{flex:1}.menu-link small{display:block;font-size:11px;margin-top:3px}.menu-link:last-child{border:0}.menu-link>svg{color:#a4b995}.steps{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.steps li{border-top:1px solid #68824d66;padding-top:13px;font-size:12px}.steps b{color:var(--lime);font-size:10px;display:block;margin-bottom:4px;font-family:monospace}.gate-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.gate-grid .hero{height:100%;min-height:380px}.gate-grid .card{margin:0}.login-note{font-size:12px;color:var(--muted);text-align:center;margin:18px 0 0}.login-note a{color:var(--lime)}.password-wrap{position:relative}.password-wrap input{padding-right:50px}.password-wrap button{position:absolute;right:8px;top:6px;width:36px;height:36px;display:grid;place-items:center;background:none;border:0;color:var(--muted)}.install-strip{display:flex;align-items:center;gap:14px;padding:17px;border:1px solid #48563d;border-radius:16px;margin-top:22px}.install-strip>img{width:42px;border-radius:12px}.install-strip>div{flex:1}.install-strip strong{font-size:14px}.install-strip p{font-size:11px;color:var(--muted);margin:2px 0}.install-strip button{white-space:nowrap;font-size:12px;padding:8px 11px;min-height:38px}.loading{min-height:50vh;display:grid;align-content:center;justify-items:center;color:var(--muted);font-size:13px}.spinner{display:inline-block;width:25px;height:25px;border:2px solid #c5fa5020;border-top-color:var(--lime);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{width:min(520px,calc(100% - 26px));max-height:88dvh;overflow-y:auto;color:var(--text);background:#1a221b;border:1px solid #526444;border-radius:22px;padding:24px}dialog::backdrop{background:#060a06cc;backdrop-filter:blur(6px)}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.sheet-head button{width:35px;height:35px;border-radius:50%;border:1px solid var(--line);background:none;color:var(--muted);font-size:24px;line-height:1}.detail-price{font-size:34px;color:var(--lime);margin:16px 0;letter-spacing:-1px}.detail-price small{font-size:11px;color:var(--muted);letter-spacing:0}.detail-line{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.detail-line span{color:var(--muted);flex:none}.detail-line b{font-weight:500;overflow-wrap:anywhere;text-align:right}.detail-note{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;border-left:2px solid #7a9652;padding:6px 12px;margin:12px 0}.verify{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.7;margin:22px 0}.verify input{margin-top:3px}.sheet-actions{display:flex;gap:10px;margin-top:19px}.sheet-actions>*{flex:1}.toast{position:fixed;z-index:100;bottom:calc(94px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#d0f8a2;color:#17220f;border-radius:13px;padding:12px 18px;max-width:90%;width:max-content;font-size:13px;box-shadow:0 5px 25px #0007}.copy-value{user-select:all}.install-steps{margin:12px 0;padding-left:20px;color:#becfb3;font-size:14px}.install-steps li{padding:6px 0}.version{font-size:11px;color:#788671;text-align:center;margin:24px 0}.caps{color:var(--amber);font-size:12px;margin-top:10px}.updated{font-size:11px;color:var(--muted)}.state-empty{padding:40px 20px;text-align:center}.state-empty p{color:var(--muted);font-size:13px;margin:12px auto 20px}.state-empty .avatar{margin:0 auto 20px;width:64px;height:64px;border-radius:20px;font-size:22px}.state-empty .secondary{margin-top:10px}
@media(max-width:650px){.app-header{padding-left:20px;padding-right:20px}main{padding:23px 20px calc(105px + env(safe-area-inset-bottom))}.gate-grid{grid-template-columns:1fr;gap:18px}.gate-grid .hero{min-height:0}.hero{padding:23px}.hero h1{font-size:33px}.hero-decoration{display:none}.orders-grid{grid-template-columns:1fr}.metric{padding:15px 12px}.metric strong{font-size:28px}.metric span{font-size:11px}.game-options>div{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:20px}.order{padding:18px}.page-head h1{font-size:28px}.page-head{gap:10px}.hero-bottom{align-items:flex-end}.hero-bottom small{max-width:170px}.steps{gap:9px}.steps li{font-size:11px}dialog{margin:auto auto 0;width:100%;max-height:92dvh;border-radius:24px 24px 0 0;border-bottom:0;padding:24px 22px calc(24px + env(safe-area-inset-bottom))}.bottom-nav{border-radius:20px 20px 0 0}.settings-footer{bottom:calc(72px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Installed app windows do not need installation promotion. */
.app-installed .install-strip,.app-installed [data-install],.app-installed #install{display:none!important}
@media(display-mode:standalone){.install-strip,[data-install],#install{display:none!important}}

.choice-cover{width:34px;height:40px;object-fit:cover;border-radius:6px;flex:none}.game-choice{gap:7px}.game-choice>span{min-width:0}.service-mode-note{display:block;font-size:10px;color:var(--muted)}

.order-project{font-size:12px;margin:6px 0;color:var(--muted);overflow-wrap:anywhere}.order-project strong{font-weight:600;color:var(--lime)}.staff-announcement{border:1px solid #52643b;border-radius:12px;padding:12px 15px;margin-bottom:18px;background:#c5fa5008;overflow-wrap:anywhere}.staff-announcement small{color:var(--lime);margin-right:10px;font-size:11px}.staff-announcement strong{font-size:13px}.staff-announcement p{font-size:12px;color:var(--muted);white-space:pre-wrap;margin:6px 0 0}.profile-head .profile-location{font-size:11px;color:var(--muted)}

.team-info{display:grid;gap:9px;padding:12px;margin:12px 0;border:1px solid #c5fa5040;border-radius:8px;background:#c5fa5008;font-size:12px}.team-info>strong{color:#c5fa50}.team-info>div{display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere}.team-info small{color:#a3ada0;line-height:1.5}
