:root{font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;color:#f3f7fd;background:#020b16;font-synthesis:none}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{background:#020b16}button,input,select{font:inherit}.setup-page{min-height:100vh;padding-bottom:94px;background:linear-gradient(180deg,#020a14 0 45px,#071a2c 45px,#06182a)}.topbar{height:92px;padding:17px 20px 12px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;border-bottom:1px solid #12334d;background:#020b16}.icon-button{width:40px;height:40px;padding:0;color:#d8e8f7;background:transparent;font-size:31px;font-weight:600;line-height:1;cursor:pointer}.menu-button{font-size:22px;letter-spacing:3px}.topbar-title{text-align:center}.topbar-title h1{margin:0;color:#f4f8fc;font-size:21px;line-height:27px;font-weight:800}.topbar-title span{display:block;margin-top:1px;color:#6d8298;font-size:11px;letter-spacing:.3px}.setup-form{width:min(100% - 32px,380px);margin:18px auto 0;display:grid;gap:14px}.panel{padding:18px 20px 19px;border:1px solid #174c72;border-radius:18px;background:linear-gradient(145deg,#0a2742,#071c31 75%);box-shadow:0 8px 22px #00000029}.profile-panel h2{margin:0 0 20px;color:#fff;text-align:center;font-size:22px;line-height:28px;font-weight:800}.field{display:grid;gap:7px;min-width:0}.field>span:first-child{color:#9bc3e4;font-size:13px;line-height:16px}.field input,.field select{height:47px;min-width:0;width:100%;padding:0 13px;color:#f6faff;background:#071522;border:1px solid #234661;border-radius:11px;outline:none;font-size:15px}.field input::placeholder{color:#65778a}.field input:focus,.field select:focus{border-color:#3d9cdb;box-shadow:0 0 0 2px #3d9cdb29}.full-field{margin-bottom:22px}.full-field input{height:48px;font-weight:600}.player-block{padding:0 0 18px;margin-bottom:17px;border-bottom:1px solid #173b56}.player-block:last-of-type{margin-bottom:13px;padding-bottom:0;border-bottom:0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 10px}.country-field{position:relative;display:block}.country-field img{position:absolute;z-index:1;left:12px;top:50%;width:23px;height:16px;object-fit:cover;border-radius:2px;transform:translateY(-50%);pointer-events:none}.country-field select{padding-left:44px;appearance:auto}.avatar-row{display:flex;align-items:center;gap:10px;margin-top:13px;color:#9bc3e4;font-size:13px}.avatar-picker{position:relative;display:grid;place-items:center;width:72px;height:55px;overflow:hidden;border:1px solid #245c85;border-radius:10px;background:#071522;color:#7ea6c5;cursor:pointer}.avatar-picker img{width:100%;height:100%;object-fit:cover}.avatar-picker span{font-size:29px;font-weight:300}.avatar-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.multi-player-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px}.multi-player{display:grid;gap:11px}.multi-player .avatar-picker{width:100%}.switch-row{display:flex;align-items:center;justify-content:space-between;margin-top:1px;padding-top:15px;border-top:1px solid #173b56;cursor:pointer}.switch-row span{display:grid;gap:2px}.switch-row b{font-size:14px}.switch-row small{color:#8ba8c0;font-size:12px}.switch-row input{position:absolute;opacity:0}.switch-row i{position:relative;width:51px;height:29px;border:1px solid #356180;border-radius:18px;background:#12314b}.switch-row i:after{content:"";position:absolute;left:4px;top:3px;width:21px;height:21px;border-radius:50%;background:#96adc0;transition:.2s}.switch-row input:checked+i{background:#176a9d;border-color:#3b9bd1}.switch-row input:checked+i:after{left:24px;background:#fff}.rules-panel{padding:18px 20px}.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 12px}.rule-card{min-height:85px;padding:10px 11px;border:1px solid #174f78;border-radius:14px;background:#06172a}.rule-card>span{display:block;color:#a5c5df;font-size:13px;line-height:18px}.stepper{display:grid;grid-template-columns:35px 1fr 35px;gap:6px;align-items:center;margin-top:6px}.stepper button{width:35px;height:38px;border:0;border-radius:8px;color:#a7d1ee;background:#0b3b63;font-size:24px;line-height:1;cursor:pointer}.stepper strong{text-align:center;color:#fff;font-size:22px;line-height:38px}.feedback-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:#000712c2;backdrop-filter:blur(5px)}.feedback-dialog{width:min(100%,340px);padding:28px 24px 22px;text-align:center;border:1px solid #31536d;border-radius:20px;background:linear-gradient(155deg,#102c43,#071827 72%);box-shadow:0 24px 70px #00000080}.feedback-dialog.success{border-color:#2a9870;box-shadow:0 24px 70px #00000080,0 0 0 1px #3ee19f24 inset}.feedback-dialog.error{border-color:#b65360;box-shadow:0 24px 70px #00000080,0 0 0 1px #ff708024 inset}.feedback-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 17px;border-radius:50%;color:#fff;font-size:35px;font-weight:900;line-height:1}.feedback-dialog.success .feedback-icon{background:linear-gradient(145deg,#31c88f,#16835e)}.feedback-dialog.error .feedback-icon{background:linear-gradient(145deg,#ef6877,#a62e3e)}.feedback-dialog h2{margin:0;color:#fff;font-size:22px;line-height:29px}.feedback-dialog p{min-height:44px;margin:10px 0 22px;color:#bfd2e2;font-size:14px;line-height:22px;overflow-wrap:anywhere}.feedback-dialog button{width:100%;height:46px;border:0;border-radius:12px;color:#201700;background:linear-gradient(100deg,#ffb71c,#ffdb70);font-size:15px;font-weight:800;cursor:pointer}.feedback-dialog button:focus-visible{outline:3px solid rgba(255,213,103,.32);outline-offset:3px}.feedback-enter-active,.feedback-leave-active{transition:opacity .18s ease}.feedback-enter-active .feedback-dialog,.feedback-leave-active .feedback-dialog{transition:transform .18s ease,opacity .18s ease}.feedback-enter-from,.feedback-leave-to{opacity:0}.feedback-enter-from .feedback-dialog,.feedback-leave-to .feedback-dialog{opacity:0;transform:translateY(12px) scale(.97)}.save-button{position:fixed;z-index:4;bottom:max(18px,env(safe-area-inset-bottom));left:50%;width:min(calc(100% - 64px),364px);height:52px;transform:translate(-50%);border:0;border-radius:13px;color:#241900;background:linear-gradient(100deg,#ffb71c,#ffdb70);box-shadow:0 6px 22px #ffb71c4d;font-size:16px;font-weight:800;cursor:pointer}.save-button:disabled{opacity:.58;cursor:wait}@media(max-width:360px){.setup-form{width:calc(100% - 24px);margin-top:13px}.panel{padding-inline:14px}.profile-panel h2{font-size:20px}.field-grid{gap:10px 7px}.rule-grid{gap:9px}.rule-card{padding-inline:8px}.stepper{grid-template-columns:32px 1fr 32px}.stepper button{width:32px}}.setup-page{padding-bottom:164px}.setup-actions{position:fixed;z-index:4;left:50%;bottom:max(16px,env(safe-area-inset-bottom));display:grid;width:min(calc(100% - 64px),364px);gap:9px;transform:translate(-50%)}.setup-actions .save-button{position:static;width:100%;transform:none}.remote-entry-button{height:48px;border:1px solid #2576a8;border-radius:13px;color:#c9ebff;background:linear-gradient(145deg,#0a3456,#071f37);box-shadow:0 5px 18px #00000047;font-size:15px;font-weight:800;cursor:pointer}.remote-entry-button:focus-visible,.remote-page button:focus-visible{outline:3px solid rgba(87,203,255,.5);outline-offset:3px}.remote-entry-button:disabled{opacity:.56;cursor:wait}.remote-page{min-height:100vh;overflow-x:hidden;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:230px;color:#f7fbff;background:#041a2d}.remote-device-card,.remote-control-card{box-sizing:border-box;width:calc(100% - 32px);margin:17px auto 0;border:1px solid #086194;border-radius:18px;background:linear-gradient(145deg,#072d4bfa,#031f36fa)}.remote-device-card{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;padding:20px 19px}.remote-device-info{min-width:0}.remote-device-back{display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:14px;color:#c2ebff;background:transparent;box-shadow:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer}.remote-device-back i{width:10px;height:10px;border-left:3px solid currentColor;border-bottom:3px solid currentColor;border-radius:1px;transform:rotate(45deg) translate(1px,-1px)}.remote-page .remote-device-back:hover,.remote-page .remote-device-back:focus,.remote-page .remote-device-back:focus-visible,.remote-page .remote-device-back:active:not(:disabled){outline:0;border:0;background:transparent;box-shadow:none;filter:none}.remote-device-card strong{display:block;color:#d9f7ff;font-size:12px}.remote-device-card strong i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#71828d}.remote-device-card strong i.connected{background:#38e9a2}.remote-device-card code{display:block;margin-top:8px;color:#78b4d7;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:.7px;overflow-wrap:anywhere}.remote-device-card span{display:inline-block;margin-top:11px;padding:4px 8px;border:1px solid #1789c9;border-radius:12px;color:#a9e1ff;font-size:10px;font-weight:700}.remote-control-card{margin-top:17px;padding:19px 18px 22px}.remote-status-row{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 13px;border:1px solid #0d4b73;border-radius:13px;background:#001325;font-size:11px}.remote-status-row em{color:#48f0b1;font-size:10px;font-style:normal;font-weight:800}.remote-status-row button{min-width:76px;height:34px;margin-left:auto;margin-right:10px;border:1px solid #1789c9;border-radius:9px;color:#bce9ff;background:#083554;font-size:11px;font-weight:800;cursor:pointer}.remote-system-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.remote-system-actions button{display:flex;align-items:center;justify-content:center;height:62px;border:1px solid #1675ac;border-radius:15px;color:#d5efff;background:linear-gradient(145deg,#073253,#031b31);box-shadow:0 7px #00101d;font-size:15px;font-weight:800;cursor:pointer}.remote-system-actions span{margin-right:10px;color:#a8dcf9;font-size:23px;vertical-align:-2px}.remote-control-card h2{margin:27px 2px 11px;color:#b9e6ff;font-size:13px;line-height:18px}.direction-pad{position:relative;width:min(342px,86vw);height:min(342px,86vw);margin:0 auto 26px;border:1px solid #126493;border-radius:50%;background:radial-gradient(circle,#092b49 0 38%,#06233d 39% 74%,#021a2c 75%);box-shadow:inset 0 -8px #00081040}.direction-pad button{position:absolute;border:1px solid #0f6395;color:#bfe8ff;background:linear-gradient(145deg,#08395f,#031d35);box-shadow:0 6px #00101d,inset 0 1px #7ed1ff14;cursor:pointer}.direction-pad .direction{display:grid;place-items:center;width:74px;height:74px;padding:0;border-radius:20px}.direction-pad .up{left:50%;top:18px;transform:translate(-50%)}.direction-pad .down{left:50%;bottom:18px;transform:translate(-50%)}.direction-pad .left{left:17px;top:50%;transform:translateY(-50%)}.direction-pad .right{right:17px;top:50%;transform:translateY(-50%)}.direction-pad .direction-icon{width:39px;height:39px;overflow:visible;fill:#9edfff;filter:drop-shadow(0 2px 5px rgba(5,184,255,.32))}.direction-pad .direction-icon-shadow{fill:#02547f}.direction-pad .direction-icon-highlight{fill:#e9faffb8}.direction-pad .right .direction-icon{transform:rotate(90deg)}.direction-pad .down .direction-icon{transform:rotate(180deg)}.direction-pad .left .direction-icon{transform:rotate(-90deg)}.direction-pad .direction:active:not(:disabled) .direction-icon{fill:#eafaff;filter:drop-shadow(0 0 8px rgba(71,211,255,.7))}.direction-pad .confirm{left:50%;top:50%;width:112px;height:112px;transform:translate(-50%,-50%);border:0;border-radius:50%;color:#07111c;background:linear-gradient(145deg,#ffd258,#ffb20d);box-shadow:0 9px #9d6a00,0 0 22px #ffc0244d;font-size:21px;font-weight:900}.number-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.number-pad button{position:relative;height:68px;border:1px solid #1677ad;border-radius:15px;color:#fff;background:linear-gradient(145deg,#073556,#031d34);box-shadow:0 5px #00101d;cursor:pointer}.number-pad b{font-size:27px;line-height:1}.number-pad small{position:absolute;right:8px;bottom:7px;color:#8ac9ee;font-size:9px}.number-pad .zero{grid-column:2}.remote-help{margin:15px 0 0;color:#71b7dd;text-align:center;font-size:9px;line-height:15px}.remote-error{margin:12px 0 0;padding:9px 11px;border:1px solid #a84757;border-radius:9px;color:#ffd1d7;background:#8421323d;font-size:11px;line-height:16px}.remote-page button:active:not(:disabled){filter:brightness(1.16)}.remote-page button:disabled{opacity:.72;filter:saturate(.62) brightness(.78);cursor:not-allowed}.remote-page button{touch-action:manipulation}@media(max-width:380px){.setup-actions{width:calc(100% - 48px)}.remote-system-actions button{font-size:13px}.direction-pad .direction{width:64px;height:64px}.direction-pad .confirm{width:98px;height:98px}.number-pad button{height:62px}}