*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--ui-scale: 1;--app-width: 100dvw;--app-height: 100dvh}html,body,#app{width:var(--app-width);height:var(--app-height);margin:0;overflow:hidden;background:#090c09;color:#f7f0df;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;touch-action:none;-webkit-user-select:none;user-select:none}button,input{font:inherit}button{border:0;color:inherit}.game-shell{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#090c09}#scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.account-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;overflow:hidden;padding:max(16px,calc(env(safe-area-inset-top) + 12px)) max(18px,calc(env(safe-area-inset-right) + 16px)) max(16px,calc(env(safe-area-inset-bottom) + 12px)) max(18px,calc(env(safe-area-inset-left) + 16px));background:linear-gradient(#090c09e0,#090c09e6),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 48px),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 48px)}.account-screen[hidden]{display:none}.account-panel,.settings-panel{border:1px solid rgba(247,240,223,.18);border-radius:8px;background:#101610e6;box-shadow:0 18px 50px #00000070;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.account-panel{width:min(520px,86vw);max-height:100%;overflow:hidden;padding:22px}.account-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.account-title h1{margin:0;font-size:clamp(23px,5.6vw,38px);line-height:1;letter-spacing:0}.account-title span{display:block;margin-top:8px;color:#f7f0dfa8;font-size:14px}.account-login-tools{position:relative;margin-bottom:12px}.account-login-tools[hidden],.password-field[hidden]{display:none}.account-picker-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:42px;padding:0 12px;border:1px solid rgba(247,240,223,.16);border-radius:6px;color:#f7f0dfc2;background:#ffffff0f}.account-picker-button strong{min-width:0;overflow:hidden;color:#fff9ea;white-space:nowrap;text-overflow:ellipsis;font-size:13px}.account-history-list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:4;display:grid;gap:6px;max-height:min(180px,32vh);overflow:auto;padding:8px;border:1px solid rgba(247,240,223,.16);border-radius:7px;background:#0c110cf5;box-shadow:0 14px 34px #00000061}.account-history-list[hidden]{display:none}.account-history-option{display:flex;justify-content:space-between;gap:10px;min-height:34px;padding:0 10px;border-radius:5px;color:#fff9ea;background:#f7f0df14}.account-history-option span{color:#94e9a7;font-size:12px}.account-history-empty{padding:8px;color:#f7f0df9e;font-size:12px;text-align:center}.net-pill{flex:0 0 auto;min-width:82px;padding:8px 10px;border:1px solid rgba(123,220,149,.34);border-radius:999px;color:#94e9a7;text-align:center;font-size:12px;background:#2058313d}.account-mode-switch{display:block;width:max-content;min-height:24px;margin:7px auto 0;padding:0 6px;color:#f7f0dfb8;font-size:12px;background:transparent;cursor:pointer}.account-mode-switch:active{color:#fff9ea}.field{display:grid;gap:6px;margin-top:12px}.field[hidden]{display:none}.field span{color:#f7f0dfc2;font-size:13px}.field input{width:100%;height:46px;padding:0 13px;border:1px solid rgba(247,240,223,.2);border-radius:6px;outline:0;color:#fff9ea;background:#ffffff12}.field input:focus{border-color:#f4c95bdb;box-shadow:0 0 0 3px #f4c95b24}.primary-button,.secondary-button{min-height:44px;padding:0 16px;border-radius:6px;cursor:pointer}.primary-button{width:100%;margin-top:18px;color:#101610;font-weight:800;background:#f4c95b}.primary-button:active,.secondary-button:active,.settings-button:active,.control-button:active{transform:translateY(1px)}.secondary-button{color:#f7f0df;background:#f7f0df1c}.form-error{min-height:20px;margin:10px 0 0;color:#ff927e;font-size:13px;line-height:1.22;overflow-wrap:anywhere}.trust-dialog{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:max(16px,calc(env(safe-area-inset-top) + 12px)) max(18px,calc(env(safe-area-inset-right) + 16px)) max(16px,calc(env(safe-area-inset-bottom) + 12px)) max(18px,calc(env(safe-area-inset-left) + 16px));background:#0406048f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.trust-dialog[hidden]{display:none}.trust-panel{width:min(360px,76vw);padding:18px;border:1px solid rgba(247,240,223,.18);border-radius:8px;background:#101610f5;box-shadow:0 20px 48px #00000070}.trust-panel strong{display:block;font-size:18px}.trust-panel p{margin:8px 0 0;color:#f7f0dfad;font-size:13px;line-height:1.4}.trust-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.trust-actions .primary-button{margin-top:0}.start-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:24;pointer-events:auto;background:linear-gradient(#090c0947,#090c0975)}.start-screen[hidden]{display:none}.friends-panel{position:absolute;left:max(16px,calc(env(safe-area-inset-left) + 14px));top:max(18px,calc(env(safe-area-inset-top) + 12px));width:clamp(150px,23vw,220px);padding:12px;border:1px solid rgba(247,240,223,.14);border-radius:8px;background:#090c099e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.friends-panel h2{margin:0 0 10px;font-size:16px;letter-spacing:0}.friend-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-radius:6px;background:#f7f0df12}.friend-row span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:800}.friend-row small,.friend-empty,.start-hint{color:#f7f0df9e;font-size:12px}.friend-empty{margin-top:10px}.start-actions{position:absolute;left:50%;top:50%;display:grid;gap:10px;width:clamp(180px,22vw,260px);transform:translate(-50%,-50%)}.start-button{width:100%;margin:0;font-size:16px}.start-hint{min-height:16px;margin:0;text-align:center}.appearance-entry{position:absolute;left:max(16px,calc(env(safe-area-inset-left) + 14px));bottom:max(16px,calc(env(safe-area-inset-bottom) + 14px));min-width:76px;height:42px;border:1px solid rgba(247,240,223,.18);border-radius:6px;color:#101610;font-weight:850;background:#f4c95b;box-shadow:0 10px 28px #00000047}.start-settings-button{position:absolute;right:max(16px,calc(env(safe-area-inset-right) + 14px));top:max(16px,calc(env(safe-area-inset-top) + 12px));display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(247,240,223,.18);border-radius:50%;color:#f7f0dfeb;background:#7e847e85;box-shadow:0 10px 28px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.start-settings-button span{line-height:1;font-size:25px}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud[hidden]{display:none}.top-strip{position:absolute;top:max(12px,calc(env(safe-area-inset-top) + 8px));left:max(12px,calc(env(safe-area-inset-left) + 10px));right:max(12px,calc(env(safe-area-inset-right) + 10px));z-index:5;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none}.player-card{min-width:160px;padding:9px 11px;border:1px solid rgba(247,240,223,.14);border-radius:7px;background:#090c098a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.player-name{max-width:170px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:800;font-size:14px}.connection-status{margin-top:3px;color:#f7f0dfa3;font-size:12px}.settings-button{pointer-events:auto;min-width:68px;height:40px;padding:0 12px;border:1px solid rgba(247,240,223,.16);border-radius:6px;background:#090c0994;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer}.cancel-action{z-index:9}.cancel-action[hidden]{display:none}.cancel-action.is-pressed{transform:translateY(1px);filter:brightness(1.12)}.reticle{position:absolute;left:50%;top:50%;z-index:3;width:22px;height:22px;border:1px solid rgba(255,255,255,.72);border-radius:50%;transform:translate(-50%,-50%)}.reticle:before,.reticle:after{content:"";position:absolute;background:#ffffffb8}.reticle:before{left:10px;top:-8px;width:1px;height:36px}.reticle:after{left:-8px;top:10px;width:36px;height:1px}.reticle.is-hot{border-color:#f4c95b;box-shadow:0 0 18px #f4c95b8a}.health{position:absolute;left:50%;bottom:max(12px,calc(env(safe-area-inset-bottom) + 8px));z-index:4;width:clamp(210px,36vw,330px);transform:translate(-50%)}.health-frame{height:18px;padding:3px;border:1px solid rgba(247,240,223,.2);border-radius:999px;background:#090c09b3}.health-fill{width:100%;height:100%;border-radius:999px;background:#f7f0df;transition:width .16s ease}.health-value{margin-top:3px;color:#f7f0dfbf;text-align:center;font-size:12px}.control{position:absolute;z-index:6;pointer-events:auto;touch-action:none}.joystick{border-radius:50%}.joystick-base{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(247,240,223,.34);border-radius:50%;background:linear-gradient(#f7f0df14,#f7f0df0a),#090c0966;box-shadow:inset 0 0 22px #ffffff14}.joystick-knob{position:absolute;left:50%;top:50%;width:43%;height:43%;border:1px solid rgba(247,240,223,.5);border-radius:50%;background:#f7f0df38;transform:translate(-50%,-50%);transition:transform 80ms ease}.sprint-button{display:grid;place-items:center;border:1px solid rgba(247,240,223,.38);border-radius:50%;background:#75776c75;box-shadow:inset 0 0 18px #ffffff14,0 8px 22px #0000003d;color:#fff9ead1;font-weight:900;pointer-events:none;text-shadow:0 1px 8px rgba(0,0,0,.48);transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,color .12s ease}.sprint-button.is-ready,.sprint-button.is-auto-running{border-color:#f4c95bdb;background:#f4c95bc2;box-shadow:inset 0 0 18px #ffffff29,0 0 24px #f4c95b66;color:#101610}.control-button{display:grid;place-items:center;border:1px solid rgba(247,240,223,.34);border-radius:50%;background:#090c0975;box-shadow:inset 0 0 18px #ffffff14,0 8px 24px #00000042;color:#fff9ea;font-weight:850;text-shadow:0 1px 8px rgba(0,0,0,.5)}.control-button.attack{border-color:#f4c95bbd;background:#69441c80}.sword-icon{position:relative;display:block;width:62%;height:10%;border-radius:0 999px 999px 0;background:linear-gradient(90deg,transparent 0 10%,#fff9ea 10% 66%,#f4c95b 66% 100%);box-shadow:0 0 10px #fff9ea61;transform:rotate(45deg)}.sword-icon:before{content:"";position:absolute;left:0;top:0;width:12%;height:100%;background:#fff9ea;clip-path:polygon(0 50%,100% 0,100% 100%)}.sword-icon:after{content:"";position:absolute;right:24%;top:50%;width:.2em;height:1.35em;border-radius:999px;background:#f4c95b;box-shadow:0 0 8px #f4c95b73;transform:translateY(-50%)}.control-button.skill{border-color:#4cbccb8a;background:#164d526b}.control-button.jump{border-color:#f7f0df94;background:#f7f0df26}.control-button.cancel,.preview-button.cancel{border-color:#ff927edb;background:#b22a26b8;color:#fff9ea}.control-button.is-cooling{filter:saturate(.5) brightness(.68)}.control-button.is-pressed{box-shadow:inset 0 0 22px #ffffff38,0 0 28px #f4c95b6b}.layout-editing .control{outline:2px dashed rgba(244,201,91,.86);outline-offset:4px}.layout-editing .control.is-selected{outline-color:#7bdc95;filter:drop-shadow(0 0 12px rgba(123,220,149,.44))}.settings-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;padding:max(10px,calc(env(safe-area-inset-top) + 8px)) max(12px,calc(env(safe-area-inset-right) + 10px)) max(10px,calc(env(safe-area-inset-bottom) + 8px)) max(12px,calc(env(safe-area-inset-left) + 10px));pointer-events:auto;background:linear-gradient(#090c09f5,#090c09fa),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 56px)}.settings-layer[hidden]{display:none}.settings-page{display:flex;flex-direction:column;gap:10px;width:100%;height:100%;min-height:0}.settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-head h2{margin:0;font-size:18px;letter-spacing:0}.settings-content{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(286px,31vw,360px);gap:12px}.layout-preview-wrap{min-width:0;min-height:0;display:grid;place-items:center;border:1px solid rgba(247,240,223,.14);border-radius:8px;background:linear-gradient(#ffffff0a,#ffffff05),#0b110bbd;overflow:hidden}.layout-preview{position:relative;overflow:hidden;border:1px solid rgba(247,240,223,.16);border-radius:6px;background:linear-gradient(#0f140fc7,#0f140feb),linear-gradient(180deg,transparent 46%,rgba(123,220,149,.16) 47%,rgba(244,201,91,.16) 100%);box-shadow:inset 0 0 36px #00000047}.preview-grid{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(247,240,223,.09) 0 1px,transparent 1px 44px),repeating-linear-gradient(0deg,rgba(247,240,223,.07) 0 1px,transparent 1px 44px);opacity:.5}.preview-control{position:absolute;z-index:2;pointer-events:auto;touch-action:none}.preview-joystick{border-radius:50%}.preview-sprint-button{position:absolute;z-index:2}.settings-layer .preview-sprint-button,.layout-editing .control.sprint-button{pointer-events:auto;touch-action:none}.preview-button{display:grid;place-items:center;border:1px solid rgba(247,240,223,.34);border-radius:50%;color:#fff9ea;font-weight:850;background:#090c0980}.preview-button.attack{border-color:#f4c95bbd;background:#69441c8a}.preview-button.skill{border-color:#4cbccb8a;background:#164d527a}.preview-button.jump{border-color:#f7f0df94;background:#f7f0df29}.preview-control.is-selected{outline:2px dashed #7bdc95;outline-offset:4px;filter:drop-shadow(0 0 12px rgba(123,220,149,.44))}.preview-health{position:absolute;left:50%;bottom:4%;width:32%;height:12px;min-width:100px;padding:2px;border:1px solid rgba(247,240,223,.22);border-radius:999px;background:#090c09ad;transform:translate(-50%)}.preview-health div{width:100%;height:100%;border-radius:999px;background:#f7f0df}.settings-panel{position:static;width:auto;max-height:100%;overflow:auto;padding:clamp(11px,3.6vh,14px);pointer-events:auto}.settings-section{display:grid;gap:10px;margin-top:0}.range-row{display:grid;grid-template-columns:74px 1fr 42px;gap:10px;align-items:center;color:#f7f0dfc7;font-size:13px}.range-row input{width:100%;accent-color:#f4c95b}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:0 10px;border:1px solid rgba(247,240,223,.13);border-radius:6px;color:#f7f0dfd1;background:#ffffff0d}.toggle-row input{width:20px;height:20px;accent-color:#7bdc95}.control-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.control-tabs button{min-height:34px;border-radius:5px;background:#ffffff14;color:#f7f0dfc7}.control-tabs button.is-active{color:#101610;background:#7bdc95}.settings-actions{display:flex;gap:8px;margin-top:14px}.settings-actions button{flex:1}.settings-actions .primary-button,.settings-actions .secondary-button{width:auto;margin-top:0}.exit-game-button{width:100%;min-height:42px;margin-top:10px;border:1px solid rgba(255,146,126,.46);border-radius:6px;color:#fff9ea;font-weight:850;background:#b22a26b8}.exit-confirm{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;background:#090c099e}.exit-confirm[hidden]{display:none}.exit-confirm-panel{width:min(260px,72vw);padding:16px;border:1px solid rgba(247,240,223,.18);border-radius:8px;text-align:center;background:#101610f5;box-shadow:0 18px 46px #0000006b}.exit-confirm-panel strong{display:block;margin-bottom:14px;font-size:17px}.exit-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.exit-confirm-actions .primary-button,.exit-confirm-actions .secondary-button{width:auto;margin-top:0}.appearance-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:45;padding:max(10px,calc(env(safe-area-inset-top) + 8px)) max(12px,calc(env(safe-area-inset-right) + 10px)) max(10px,calc(env(safe-area-inset-bottom) + 8px)) max(12px,calc(env(safe-area-inset-left) + 10px));pointer-events:auto;background:linear-gradient(#090c09f5,#090c09fa),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 56px)}.appearance-layer[hidden]{display:none}.appearance-page{display:flex;flex-direction:column;gap:10px;width:100%;height:100%;min-height:0}.appearance-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.appearance-head h2{margin:0;font-size:18px}.appearance-content{flex:1;min-height:0;display:grid;grid-template-columns:clamp(230px,26vw,330px) 1fr;gap:12px}.appearance-preview-panel{display:grid;place-items:center;min-height:0;overflow:hidden;border:1px solid rgba(247,240,223,.14);border-radius:8px;background:#0b110bbd}.appearance-preview{position:relative;width:100%;height:100%;cursor:grab;touch-action:none}.appearance-preview:active{cursor:grabbing}.appearance-preview canvas{display:block;width:100%;height:100%}.avatar-head,.avatar-hair,.avatar-upper,.avatar-lower{position:absolute;left:50%;transform:translate(-50%)}.avatar-head{top:7%;z-index:1;width:55%;height:76%;border:1px solid rgba(247,240,223,.12);border-radius:999px;background:radial-gradient(circle at 36% 18%,rgba(255,255,255,.24),transparent 22%),linear-gradient(110deg,#d8a882,#c6956d 54%,#8f6247);box-shadow:inset 12px 0 22px #ffffff1f,inset -16px -8px 24px #0000003d,0 18px 36px #00000047}.avatar-hair{top:1%;z-index:5;width:60%;height:16%;border-radius:72% 78% 38% 28%;background:radial-gradient(circle at 32% 22%,var(--light-color, #6b4427),transparent 34%),linear-gradient(132deg,var(--light-color, #6b4427),var(--base-color, #2f2118) 58%,var(--shadow-color, #151515));box-shadow:inset -10px -5px 14px #0000003d,0 3px 8px #0000002e;clip-path:polygon(3% 42%,14% 12%,36% 3%,67% 6%,96% 34%,86% 74%,70% 58%,55% 98%,43% 58%,28% 88%,18% 60%,6% 72%)}.avatar-hair:before,.avatar-hair:after{content:"";position:absolute;top:62%;width:28%;height:54%;background:linear-gradient(145deg,var(--base-color, #2f2118),var(--shadow-color, #151515));opacity:.96}.avatar-hair:before{left:9%;clip-path:polygon(0 0,100% 0,56% 100%,18% 62%)}.avatar-hair:after{right:6%;clip-path:polygon(8% 0,100% 10%,72% 76%,20% 100%)}.avatar-eyes{position:absolute;left:25%;right:25%;top:27%;z-index:7;display:flex;justify-content:space-between}.avatar-eyes span{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.55),transparent 20%),var(--eye-color, #5a3b23);box-shadow:0 1px 3px #00000073}.avatar-eyes[data-style=sharp] span,.avatar-eyes[data-style=calm] span{width:12px;height:4px;border-radius:999px}.avatar-face{position:absolute;left:50%;top:42%;z-index:7;width:20%;height:14%;border-bottom:3px solid #3a231b;border-radius:0 0 999px 999px;transform:translate(-50%)}.avatar-face[data-style=firm]{width:24%;border-radius:0}.avatar-upper{top:38%;z-index:2;width:55%;height:26%;border-radius:8px;background:linear-gradient(115deg,var(--light-color, #6f8175),var(--base-color, #556b5f) 56%,var(--shadow-color, #28342f));box-shadow:inset -12px -4px 18px #00000038}.avatar-lower{top:62%;z-index:2;width:49%;height:21%;border-radius:6px 6px 999px 999px;background:linear-gradient(115deg,var(--light-color, #59666d),var(--base-color, #2f3e46) 56%,var(--shadow-color, #182126));box-shadow:inset -10px -4px 16px #0000003d}.appearance-form{height:100%;max-height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-content:start;padding:12px;border:1px solid rgba(247,240,223,.14);border-radius:8px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;background:#101610d6;scrollbar-color:rgba(247,240,223,.26) transparent;scrollbar-width:thin}.appearance-form::-webkit-scrollbar{width:6px}.appearance-form::-webkit-scrollbar-track{background:transparent}.appearance-form::-webkit-scrollbar-thumb{border-radius:999px;background:#f7f0df38}.appearance-form label,.appearance-choice{display:grid;gap:5px;min-width:0}.appearance-choice{grid-column:1}.appearance-form span{color:#f7f0dfbd;font-size:12px}.appearance-choice.is-disabled>span{color:#b9b9b070}.appearance-option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.compact-option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.color-option-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.appearance-option{display:grid;place-items:center;height:38px;min-width:0;padding:0;border:1px solid rgba(247,240,223,.16);border-radius:6px;background:#ffffff12;cursor:pointer;touch-action:manipulation}.appearance-option.is-active{border-color:#f4c95bcc;box-shadow:0 0 0 2px #f4c95b29;background:#f4c95b1f}.appearance-form:focus-visible,.appearance-option:focus-visible{outline:2px solid rgba(76,188,203,.78);outline-offset:2px}.appearance-choice.is-disabled .appearance-option{cursor:not-allowed;opacity:.42;filter:grayscale(1);border-color:#b4b4aa1f;background:#78787014;box-shadow:none}.appearance-choice.is-disabled .appearance-option.is-active{border-color:#b4b4aa3d;background:#7878701a;box-shadow:none}.color-option span{width:18px;height:18px;border:1px solid rgba(247,240,223,.34);border-radius:50%;background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.34),transparent 28%),var(--swatch-color);box-shadow:inset -4px -3px 8px #00000047}.option-face{position:relative;display:block;width:25px;height:31px;border-radius:999px;background:radial-gradient(circle at 35% 21%,rgba(255,255,255,.24),transparent 23%),linear-gradient(112deg,#d8a882,#c6956d 58%,#8f6247);box-shadow:inset -5px -4px 9px #0003}.option-none:after{content:"";position:absolute;left:27%;right:27%;top:50%;height:2px;border-radius:999px;background:#f7f0dfc7;transform:rotate(-25deg)}.option-eyes i{position:absolute;top:24%;width:5px;height:5px;border-radius:50%;background:#3a261c}.option-eyes i:first-child{left:28%}.option-eyes i:last-child{right:28%}.option-eyes[data-style=sharp] i,.option-eyes[data-style=calm] i,.option-eyes[data-style=narrow] i{top:25%;width:8px;height:3px;border-radius:999px}.option-eyes[data-style=sharp] i:first-child{transform:rotate(-12deg)}.option-eyes[data-style=sharp] i:last-child{transform:rotate(12deg)}.option-eyes[data-style=bright] i{top:23%;width:7px;height:7px;box-shadow:inset 1px 1px #ffffffb8}.option-eyes[data-style=narrow] i:first-child{transform:rotate(-6deg)}.option-eyes[data-style=narrow] i:last-child{transform:rotate(6deg)}.option-brows i{position:absolute;top:17%;width:9px;height:2px;border-radius:999px;background:#2f2118}.option-brows i:first-child{left:24%}.option-brows i:last-child{right:24%}.option-brows[data-style=soft] i:first-child,.option-brows[data-style=sharp] i:first-child{transform:rotate(-14deg)}.option-brows[data-style=soft] i:last-child,.option-brows[data-style=sharp] i:last-child{transform:rotate(14deg)}.option-brows[data-style=sharp] i{width:11px;height:3px}.option-brows[data-style=sad] i:first-child{transform:rotate(18deg)}.option-brows[data-style=sad] i:last-child{transform:rotate(-18deg)}.option-mouth:after{content:"";position:absolute;left:34%;right:34%;top:43%;height:7px;border-bottom:2px solid #3a231b;border-radius:0 0 999px 999px}.option-mouth[data-style=smile]:after{left:29%;right:29%;height:8px}.option-mouth[data-style=firm]:after{top:48%;height:2px;border-radius:999px;border-bottom:0;background:#3a231b}.option-mouth[data-style=small]:after{left:42%;right:42%;top:46%;height:5px}.option-mouth[data-style=open]:after,.option-mouth[data-style=surprise]:after{left:42%;right:42%;top:43%;height:7px;border:0;border-radius:50%;background:#3a231b}.option-mouth[data-style=surprise]:after{left:40%;right:40%;height:9px}.option-mouth[data-style=smirk]:after{left:32%;right:34%;top:46%;height:6px;transform:rotate(-12deg)}.option-mouth[data-style=happy]:after{left:27%;right:27%;top:39%;height:11px;border-bottom-width:3px}.option-mouth[data-style=flat]:after{left:31%;right:31%;top:48%;height:2px;border-radius:999px;border-bottom:0;background:#3a231b}.option-mouth[data-style=teeth]:after{left:32%;right:32%;top:43%;height:7px;border:1px solid #3a231b;border-radius:3px;background:#f7f0df}.option-mouth[data-style=cat]:before,.option-mouth[data-style=cat]:after,.option-mouth[data-style=wave]:before,.option-mouth[data-style=wave]:after{content:"";position:absolute;top:47%;width:9px;height:2px;border:0;border-radius:999px;background:#3a231b}.option-mouth[data-style=cat]:before{left:36%;transform:rotate(24deg)}.option-mouth[data-style=cat]:after{right:36%;transform:rotate(-24deg)}.option-mouth[data-style=wave]:before{left:31%;transform:rotate(18deg)}.option-mouth[data-style=wave]:after{right:31%;transform:rotate(-18deg)}.option-mouth[data-style=pout]:after{left:39%;right:39%;top:46%;height:4px;border:0;border-radius:999px;background:#3a231b}.option-mask:after{content:"🙂";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:26px;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.34))}.option-mask:before{display:none}.option-mask[data-style=evilClown]:after{content:"🤡"}.option-mask[data-style=smileMask]:after{content:"🙂"}.option-mask[data-style=cryMask]:after{content:"😭"}.option-mask[data-style=shadowSmile]:after{content:"😈"}.option-mask[data-style=blankMask]:after{content:"◻";color:#f4eee2;font-family:inherit;font-size:23px}.option-eye-cover:after{content:"";position:absolute;left:14%;right:14%;top:28%;height:13%;border-radius:999px;background:linear-gradient(125deg,#671927,#3c0c14 62%,#160407)}.option-eye-cover[data-style=sunglasses]:after{left:18%;right:18%;top:28%;height:18%;background:radial-gradient(circle at 29% 50%,#060606 0 22%,transparent 23%),radial-gradient(circle at 71% 50%,#060606 0 22%,transparent 23%),linear-gradient(90deg,transparent 0 46%,#060606 46% 54%,transparent 54%)}.option-eye-cover[data-style=shadeGoggles]:after{height:18%;background:linear-gradient(160deg,rgba(255,255,255,.28),transparent 28%),linear-gradient(125deg,#354149,#1a252b 62%,#080d10)}.option-eye-cover[data-style=swimGoggles]:after{left:17%;right:17%;top:27%;height:20%;background:radial-gradient(circle at 28% 50%,#9fe7ef 0 16%,#1d8fa2 17% 24%,transparent 25%),radial-gradient(circle at 72% 50%,#9fe7ef 0 16%,#1d8fa2 17% 24%,transparent 25%),linear-gradient(90deg,transparent 0 45%,#1d8fa2 45% 55%,transparent 55%)}.option-eye-cover[data-style=swimGoggles]:before{content:"";position:absolute;right:13%;top:6%;width:5px;height:27%;border-radius:999px;background:#1d8fa2}.option-mouth-cover:after{content:"";position:absolute;left:12%;right:12%;top:38%;height:38%;border-radius:8px 8px 999px 999px;background:radial-gradient(circle at 50% 42%,#fff4f7 0 8%,transparent 9%),linear-gradient(125deg,#ffc0d7,#efa8c5 62%,#a55e7a)}.option-mouth-cover[data-style=lavenderMask]:after{background:linear-gradient(125deg,#e2d6f4,#c8b7e6 62%,#806fa0)}.option-mouth-cover[data-style=navyMask]:after{top:20%;height:58%;border-radius:999px 999px 18px 18px;background:linear-gradient(125deg,#253d61,#172945 62%,#091528)}.option-clothing{position:relative;display:block;width:34px;height:32px;border-radius:15px 15px 9px 9px;background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.24),transparent 24%),linear-gradient(130deg,#53647e,#314154 62%,#171f2a);box-shadow:inset -5px -3px 8px #00000047}.option-clothing:before,.option-clothing:after{content:"";position:absolute;background:#f7f0dfcc}.option-clothing:before{left:50%;top:6px;width:3px;height:20px;border-radius:999px;transform:translate(-50%)}.option-clothing:after{left:7px;right:7px;bottom:7px;height:3px;border-radius:999px}.option-clothing.option-none{border-radius:50%;background:transparent;box-shadow:none}.option-clothing.option-none:before,.option-clothing.option-none:after{display:none}.option-clothing[data-style=sportHoodie]{border-radius:999px 999px 10px 10px}.option-clothing[data-style=sportHoodie]:after{top:5px;bottom:auto;height:7px;border-radius:999px;background:#0c100e6b}.option-clothing[data-style=waiterUniform]{background:linear-gradient(90deg,#161817 0,#161817 32%,#f7f0df 32%,#f7f0df 68%,#161817 68%),linear-gradient(130deg,#303530,#151817 62%,#050605)}.option-clothing[data-style=waiterUniform]:after{top:8px;bottom:auto;height:5px;background:#7e2635}.option-clothing[data-style=schoolUniform]{background:linear-gradient(0deg,#f7f0df 0 12%,transparent 12%),linear-gradient(130deg,#53647e,#314154 62%,#171f2a)}.option-clothing[data-style=schoolUniform]:after{top:8px;bottom:auto;height:6px}.option-clothing[data-style=longCoat]{height:38px;border-radius:14px 14px 5px 5px}.option-clothing[data-style=trainingSuit]:before{left:27%;width:3px;transform:none;box-shadow:14px 0 #f7f0dfcc}.option-clothing[data-style=rainPoncho]{width:38px;height:35px;border-radius:18px 18px 11px 11px;background:linear-gradient(130deg,#d8c05f,#857434 62%,#4c431f)}.option-clothing[data-style=rainPoncho]:after{top:4px;bottom:auto;height:7px;border-radius:999px}.option-clothing[data-style=ceremonyRobe]{height:38px;border-radius:16px 16px 5px 5px;background:linear-gradient(90deg,transparent 0 45%,#d8b456 45% 55%,transparent 55%),linear-gradient(130deg,#755c83,#3a2942 62%,#171019)}.option-clothing[data-style=scoutJacket]{background:linear-gradient(90deg,transparent 0 28%,rgba(247,240,223,.7) 28% 34%,transparent 34% 66%,rgba(247,240,223,.7) 66% 72%,transparent 72%),linear-gradient(130deg,#556b5f,#2f433a 62%,#111914)}.option-clothing[data-style=scoutJacket]:after{left:6px;right:6px;bottom:10px}.appearance-form select,.appearance-form input{width:100%;height:34px;min-width:0;border:1px solid rgba(247,240,223,.18);border-radius:6px;color:#fff9ea;background:#ffffff14}.appearance-form input[type=color]{padding:3px}.orientation-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:none;place-items:center;padding:max(22px,calc(env(safe-area-inset-top) + 18px)) max(22px,calc(env(safe-area-inset-right) + 18px)) max(22px,calc(env(safe-area-inset-bottom) + 18px)) max(22px,calc(env(safe-area-inset-left) + 18px));color:#fff9ea;text-align:center;background:#090c09}.orientation-gate div{width:min(340px,86vw);padding:22px;border:1px solid rgba(247,240,223,.18);border-radius:8px;background:#f7f0df0f}.orientation-gate strong{display:block;margin-bottom:8px;font-size:22px}.orientation-gate span{color:#f7f0dfad;font-size:14px}@media (orientation: portrait){.orientation-gate{display:grid}}@media (max-height: 520px){.account-screen{padding-top:max(8px,calc(env(safe-area-inset-top) + 6px));padding-bottom:max(8px,calc(env(safe-area-inset-bottom) + 6px))}.account-panel{width:min(520px,72vw);padding:14px 22px}.account-title{margin-bottom:10px}.account-title h1{font-size:clamp(26px,4.2vw,34px)}.account-title span{margin-top:5px;font-size:13px}.field{gap:4px;margin-top:8px}.field span{font-size:12px}.field input,.primary-button,.secondary-button{height:38px;min-height:38px}.primary-button{margin-top:10px}.account-mode-switch{min-height:20px;margin-top:5px}.form-error{min-height:17px;margin-top:5px;font-size:12px}}@media (max-height: 390px){.account-screen{place-items:center;padding-top:8px;padding-bottom:8px}.account-panel{width:min(520px,82vw);padding:12px 16px}.account-title{margin-bottom:10px}.account-title h1{font-size:clamp(26px,5vw,32px)}.account-title span{margin-top:5px;font-size:13px}.field{gap:4px;margin-top:8px}.field input,.primary-button,.secondary-button{height:36px;min-height:36px}.primary-button{margin-top:10px}.form-error{min-height:0;margin-top:4px;font-size:12px;line-height:1.2}.settings-panel{padding:12px}.settings-layer{padding-top:8px;padding-bottom:8px}.settings-page{gap:8px}.settings-content{grid-template-columns:minmax(0,1fr) clamp(270px,34vw,330px);gap:10px}.settings-section{gap:8px}.settings-head h2{font-size:17px}.range-row{grid-template-columns:64px 1fr 38px;gap:8px}.control-tabs{gap:6px}.control-tabs button{min-height:32px}}@media (max-height: 340px){.account-panel{width:min(500px,80vw);padding:9px 14px}.account-title{margin-bottom:6px}.account-title h1{font-size:28px}.account-title span{margin-top:3px;font-size:12px}.net-pill{min-width:74px;padding:6px 9px}.field{gap:3px;margin-top:6px}.field span{font-size:12px}.field input,.primary-button,.secondary-button{height:34px;min-height:34px}.primary-button{margin-top:8px}}