:root{color:#172331;--ink:#172331;--ink-strong:#0d1722;--muted:#172331a8;--muted-soft:#172331b8;--line:#5271873d;--line-strong:#2d5b705c;--panel:#ffffffbd;--panel-strong:#ffffffe0;--panel-soft:#f6fbfead;--cyan:#1687a8;--cyan-bright:#23b4d8;--gold:#c49a3c;--shadow:0 24px 70px #2d4c6329;--shadow-tight:0 14px 34px #2d4c6324;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}html{scrollbar-gutter:stable}body{overflow-x:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-shell{isolation:isolate;min-height:100svh;position:relative;overflow:hidden}.background{z-index:-3;background-image:-webkit-linear-gradient(#edf5fac7 0%,#f7fbfd80 58%,#f9fcfef0 100%),-webkit-linear-gradient(90deg,#ecf5fae6 0%,#ffffff2e 48%,#fbfdffa8 100%),-webkit-image-set(url(/assets/spawn-overview-2560w-5ac674db.webp) 1x type("image/webp"),url(/assets/spawn-overview.png) 1x type("image/png"));background-image:linear-gradient(90deg,#f9fcfef0 0%,#f7fbfd80 42%,#edf5fac7 100%),linear-gradient(#fbfdffa8 0%,#ffffff2e 52%,#ecf5fae6 100%),image-set("/assets/spawn-overview-2560w-5ac674db.webp" 1x type("image/webp"),"/assets/spawn-overview.png" 1x type("image/png"));background-position:50%;background-repeat:no-repeat;background-size:auto,auto,cover;position:fixed;inset:-2vmax}.background:after{content:"";background:repeating-linear-gradient(90deg,#23526c13 0 1px,#0000 1px 96px),repeating-linear-gradient(0deg,#23526c0b 0 1px,#0000 1px 72px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,#0000 72%);mask-image:linear-gradient(90deg,#000 0%,#0000 72%)}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px)saturate(1.15);backdrop-filter:blur(20px)saturate(1.15);background:#fafdffd6;grid-template-columns:auto 1fr auto;align-items:stretch;height:72px;display:grid;position:fixed;inset:0 0 auto;box-shadow:0 12px 36px #2d4c631f}.brand,.nav-tab,.language-toggle,.icon-action,.session-button,.status-chip{color:var(--ink);letter-spacing:0;justify-content:center;align-items:center;gap:9px;display:inline-flex}.brand{border-right:1px solid var(--line);cursor:pointer;background:#ffffff75;width:190px;padding:0 26px;font-size:20px;font-weight:900}.nav-tabs{scrollbar-width:none;overscroll-behavior-inline:contain;min-width:0;height:100%;display:flex;overflow:auto hidden}.nav-tabs::-webkit-scrollbar{display:none}.nav-wiki{flex:none;display:flex}.nav-tab{cursor:pointer;color:#17233194;background:0 0;flex:none;min-width:132px;height:72px;padding:0 24px;font-size:17px;font-weight:900;position:relative}.nav-tab:after{content:"";background:0 0;height:4px;position:absolute;bottom:0;left:18px;right:18px}.nav-tab--active{color:var(--ink-strong);background:#23b4d814}.nav-tab--active:after{background:linear-gradient(90deg, var(--cyan-bright), var(--gold))}.nav-tab__chevron{flex:none;transition:transform .16s}.nav-tab[aria-expanded=true] .nav-tab__chevron{transform:rotate(180deg)}.wiki-nav-menu{z-index:30;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);background:#fafdfff7;border-radius:12px;gap:4px;padding:8px;display:grid;position:fixed;box-shadow:0 18px 48px #24425638}.wiki-nav-item{color:#172331b8;cursor:pointer;text-align:left;background:0 0;border-radius:8px;justify-content:space-between;align-items:center;min-height:44px;padding:0 13px;font-size:14px;font-weight:900;display:flex}.wiki-nav-item:hover,.wiki-nav-item:focus-visible{color:var(--ink-strong);background:#23b4d81c;outline:none}.wiki-nav-item--active{color:#0e6077;background:#23b4d821}.topbar-actions{border-left:1px solid var(--line);align-items:center;gap:10px;padding:0 20px;display:flex}.status-chip{color:#0e5f75;background:#ebf8fcbd;border:1px solid #1687a83d;height:38px;padding:0 13px;font-size:12px;font-weight:800}.icon-action,.session-button,.language-toggle{border:1px solid var(--line);cursor:pointer;background:#ffffff9e;min-width:38px;height:38px;padding:0 12px}.icon-action:hover,.session-button:hover,.language-toggle:hover,.brand:hover,.nav-tab:hover{background:#23b4d81c}.session-button{max-width:170px;color:var(--ink-strong);font-size:13px;font-weight:900}.session-button span{text-overflow:ellipsis;white-space:nowrap;max-width:112px;overflow:hidden}.session-button--active{color:#6f5315;background:#fffaecc2;border-color:#c49a3c6b}.icon-action--disabled,.icon-action--disabled:hover{cursor:not-allowed;color:#1723315c;background:#ffffff5c}.language-toggle{min-width:76px;font-size:13px;font-weight:900}.stage{min-height:100svh;padding:112px 54px 42px}.route-frame{min-height:calc(100svh - 154px)}.home-layout{align-items:end;min-height:calc(100svh - 154px);display:grid}.home-menu-stack{align-self:end;gap:20px;max-width:520px;padding-bottom:4vh;display:grid}.hero-copy{max-width:760px;padding-bottom:0}h1,h2,p{margin:0}h1{color:var(--ink-strong);letter-spacing:0;text-shadow:0 16px 46px #ffffffc7;font-size:clamp(52px,8vw,118px);font-weight:950;line-height:.88}.hero-copy p,.page-heading p{max-width:650px;color:var(--muted);margin-top:18px;font-size:19px;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.command-button{border:1px solid var(--line-strong);min-width:210px;height:62px;color:var(--ink-strong);box-shadow:var(--shadow-tight);cursor:pointer;text-align:left;background:#ffffffc7;grid-template-columns:auto 1fr auto;align-items:center;padding:0 18px;font-size:17px;font-weight:900;display:inline-grid}.command-button--primary{color:var(--ink-strong);background:linear-gradient(90deg,#23b4d8,#8ecfce 58%,#d0aa4e);border-color:#1687a875;box-shadow:0 18px 44px #1687a833}.command-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.item-card--active:before,.skin-card--active:before{content:"";background:linear-gradient(180deg, var(--cyan-bright), var(--gold));width:3px;position:absolute;top:10px;bottom:10px;left:-1px}.detail-panel h2,.skin-meta h2{color:var(--ink-strong);margin-top:8px;font-size:28px;font-weight:950;line-height:1.05}.skin-meta p{color:var(--muted);margin-top:8px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:clamp(42px,6vw,80px)}.catalog-layout,.skins-layout,.mypage-layout{max-width:1580px;margin:0 auto}.mypage-layout{min-height:calc(100svh - 154px)}.mypage-layout--guest{align-items:center;display:grid}.mypage-login-panel .command-button{margin-top:28px}.mypage-grid{grid-template-columns:minmax(300px,.9fr) minmax(320px,1fr) minmax(300px,.85fr);align-items:start;gap:18px;display:grid}.mypage-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc2;gap:16px;min-width:0;padding:18px;display:grid;box-shadow:0 18px 54px #243c4e24}.mypage-panel-title{min-height:34px;color:var(--cyan);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.mypage-panel-title h2{color:var(--ink-strong);margin:0;font-size:18px;font-weight:950;line-height:1.1}.mypage-player{gap:6px;min-width:0;display:grid}.mypage-player strong{color:var(--ink-strong);overflow-wrap:anywhere;font-size:32px;font-weight:950;line-height:1}.mypage-player span,.mypage-meta-row span,.mypage-equipped-row span,.mypage-stat span{color:var(--muted-soft);text-transform:uppercase;font-size:12px;font-weight:900}.mypage-player span{text-transform:none;overflow-wrap:anywhere}.mypage-meta-row,.mypage-equipped-row{background:#ffffff94;border:1px solid #52718729;grid-template-columns:minmax(92px,auto) minmax(0,1fr);align-items:center;gap:12px;min-height:42px;padding:0 12px;display:grid}.mypage-meta-row strong,.mypage-equipped-row strong{color:var(--ink-strong);overflow-wrap:anywhere;font-size:15px;font-weight:950}.mypage-alert{color:#8f5252;background:#fae9e8ad;border-left:3px solid #a4585894;padding:10px 12px;font-size:13px;font-weight:800}.mypage-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mypage-action{border:1px solid var(--line);min-height:42px;color:var(--ink);cursor:pointer;background:#ffffffbd;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:950;display:inline-flex}.mypage-action:hover,.mypage-action:focus-visible{background:#dff6fadb;border-color:#1687a86b}.mypage-action--danger{color:#8f5252}.mypage-stat-grid,.mypage-equipped-list{gap:10px;display:grid}.mypage-stat{background:#ffffff9e;border-left:3px solid #1687a89e;gap:9px;min-width:0;padding:14px;display:grid}.mypage-stat strong{color:var(--ink-strong);font-size:28px;font-weight:950;line-height:1}.mypage-progress{background:#52718724;height:7px;overflow:hidden}.mypage-progress i{background:linear-gradient(90deg, var(--cyan-bright), var(--gold));height:100%;display:block}.album-layout{gap:18px;max-width:1420px;margin:0 auto;display:grid}.album-layout--guest{max-width:760px}.album-heading{justify-content:space-between;align-items:end;gap:18px;display:flex}.album-count{border:1px solid var(--line);min-height:34px;color:var(--ink-strong);background:#ffffffb3;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:950;display:inline-flex}.album-state-panel{min-height:96px;color:var(--ink);background:#ffffffb8;border-left:3px solid #1687a89e;align-items:center;gap:12px;padding:18px;font-weight:850;display:flex}.album-state-panel--error{color:#8f5252;background:#fae9e8b3;border-left-color:#a458589e}.album-split-layout{grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;gap:16px;min-width:0;display:grid}.album-list-panel,.album-preview-panel{border:1px solid var(--line-strong);background:#ffffffbf;min-width:0;box-shadow:0 18px 42px #304b5e21}.album-list-panel{gap:10px;padding:12px;display:grid;position:sticky;top:88px}.album-panel-title{min-width:0;color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:950;display:flex}.album-panel-title strong{color:var(--ink-strong)}.album-list{overscroll-behavior:contain;gap:8px;max-height:min(620px,100vh - 236px);padding-right:2px;display:grid;overflow-y:auto}.album-list-item{width:100%;min-width:0;color:inherit;text-align:left;cursor:pointer;background:#f5fafc8f;border:1px solid #687f8e33;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:11px;padding:8px;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;display:grid}.album-list-item:hover,.album-list-item:focus-visible{background:#ffffffdb;border-color:#1687a875;transform:translate(2px);box-shadow:0 12px 24px #304b5e1f}.album-list-item--selected{background:#def3fadb;border-color:#1687a8a8;box-shadow:inset 3px 0 #1687a8b8,0 16px 30px #304b5e24}.album-list-thumb{aspect-ratio:4/3;background:#e0eff7a3;min-width:0;display:block;overflow:hidden}.album-list-thumb img{object-fit:cover;width:100%;height:100%;display:block}.album-list-copy{gap:5px;min-width:0;display:grid}.album-list-title{align-items:center;gap:7px;min-width:0;display:flex}.album-list-title strong{min-width:0;color:var(--ink-strong);overflow-wrap:anywhere;font-size:13px;font-weight:950}.album-list-title span{color:#7b6429;background:#e5d29466;flex:none;padding:3px 6px;font-size:10px;font-weight:950}.album-list-meta{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:850;overflow:hidden}.album-preview-panel{gap:14px;padding:14px;display:grid}.album-preview-image-link{aspect-ratio:16/9;background:#e0eff7a3;min-width:0;max-height:min(62vh,640px);display:block;overflow:hidden}.album-preview-image{object-fit:contain;background:#f5fafca3;width:100%;height:100%;display:block}.album-preview-body{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;min-width:0;display:grid}.album-preview-copy{gap:6px;min-width:0;display:grid}.album-preview-copy strong{min-width:0;color:var(--ink-strong);overflow-wrap:anywhere;font-size:22px;font-weight:950}.album-preview-copy p{color:var(--muted);margin:0;font-size:13px;font-weight:800}.album-preview-actions{grid-template-columns:repeat(2,minmax(0,1fr));justify-self:end;gap:8px;width:min(100%,360px);min-width:0;display:grid}.album-preview-actions .command-button{width:100%;min-width:0;min-height:42px;padding:0 13px;font-size:13px}.album-preview-actions .command-button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.album-meta{gap:7px;margin:0;display:grid}.album-meta--preview{border-top:1px solid #687f8e2e;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.album-meta div{gap:6px;min-width:0;display:grid}.album-meta--preview div{border-right:1px solid #687f8e24;padding:12px 10px 4px}.album-meta--preview div:last-child{border-right:0}.album-meta dt,.album-meta dd{min-width:0;margin:0;font-size:12px}.album-meta dt{color:var(--muted);font-weight:850}.album-meta dd{color:var(--ink);overflow-wrap:anywhere;font-weight:900}.catalog-controls{grid-template-columns:auto minmax(220px,430px) minmax(150px,210px);gap:10px;margin-bottom:18px;display:grid}.segmented,.search-box,.catalog-controls select{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc7;min-height:48px;box-shadow:0 10px 26px #2d4c6314}.segmented{grid-template-columns:repeat(2,minmax(116px,1fr));display:inline-grid}.segmented button{color:#1723319e;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;font-weight:900;display:inline-flex}.segmented button.active{color:var(--ink-strong);background:linear-gradient(90deg, var(--cyan-bright), #8ecfce)}.search-box{color:var(--cyan);align-items:center;gap:10px;padding:0 14px;display:flex}.search-box input{width:100%;min-width:0;color:var(--ink-strong);background:0 0;border:0;outline:0;font-weight:700}.search-box input::placeholder{color:#1723316b}.catalog-controls select{color:var(--ink-strong);padding:0 12px}.catalog-content{grid-template-columns:minmax(320px,.96fr) minmax(580px,.86fr);align-items:start;gap:18px;display:grid}.item-grid{grid-template-columns:repeat(auto-fill,minmax(142px,1fr));align-content:start;gap:10px;max-height:calc(100svh - 292px);padding-right:4px;display:grid;overflow:auto}.gear-group-list{align-content:start;gap:16px;max-height:calc(100svh - 292px);padding-right:4px;display:grid;overflow:auto}.gear-group-section{gap:10px;min-width:0;display:grid}.gear-group-heading{background:#ffffff9e;border-left:3px solid #1687a89e;justify-content:space-between;align-items:center;gap:10px;min-height:34px;padding:0 10px;display:flex}.gear-group-heading h2{color:var(--ink-strong);letter-spacing:0;margin:0;font-size:17px;font-weight:950}.gear-group-heading span{min-width:28px;color:var(--muted-soft);text-align:right;font-size:12px;font-weight:950}.gear-group-items{grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:10px;display:grid}.item-card{min-height:196px;color:inherit;cursor:pointer;text-align:left;background:#ffffffb8;border:1px solid #52718733;grid-template-rows:92px minmax(36px,auto) auto minmax(24px,auto);padding:12px;display:grid;position:relative;box-shadow:0 12px 30px #2d4c631a}.item-card:hover,.item-card--active{background:#e9f9fddb;border-color:#1687a894}.item-card img{width:82px;height:82px;image-rendering:pixelated;object-fit:contain;filter:drop-shadow(0 12px 18px #23445c33);place-self:center}.item-card strong{min-height:36px;color:var(--ink-strong);overflow-wrap:anywhere;white-space:normal;font-size:14px;line-height:1.25}.item-card small{color:var(--muted-soft);margin-top:5px;font-weight:800}.detail-badge-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.detail-panel,.skin-preview-panel{border:1px solid var(--line);min-height:520px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px)saturate(1.08);backdrop-filter:blur(20px)saturate(1.08);background:linear-gradient(#ffffffdb,#f2f9fdc7);padding:18px}.detail-preview{height:290px;margin-bottom:16px}.stat-grid{gap:10px;margin-top:18px;display:grid}.metric{background:#ffffff9e;border-left:3px solid #1687a89e;gap:4px;min-height:58px;padding:10px 12px;display:grid}.metric span{color:var(--muted-soft);font-size:12px;font-weight:900}.metric strong{overflow-wrap:anywhere;color:var(--ink-strong);font-size:16px}.rarity-badge{color:#071018;background:#d7e4ea;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:950;display:inline-flex}.rarity-trash{background:#96a0aa}.rarity-abundant{background:#2fd7c4}.rarity-common{background:#8be06a}.rarity-curious{background:#72e3ff}.rarity-elusive{background:#6ea8ff}.rarity-fabled{background:#d5a1ff}.rarity-mythic,.rarity-relic{background:#ffd166}.rarity-exotic{color:#fff;background:#ff5c5c}.rarity-secret,.rarity-ultimate,.rarity-bbmodel{color:#fff;background:linear-gradient(90deg,#5fd4ff,#c4b5fd)}.rarity-gear{background:#9fd7ec}.ownership-pill{min-width:58px;min-height:24px;color:var(--muted);white-space:nowrap;background:#ffffffbd;border:1px solid #5271873d;justify-content:center;align-items:center;padding:0 8px;font-size:11px;font-weight:950;line-height:1;display:inline-flex}.item-card>.ownership-pill{place-self:end start;margin-top:8px}.skin-card>.ownership-pill{justify-self:end}.ownership-pill--owned{color:#0f664f;background:#d2f8eadb;border-color:#127e6257}.ownership-pill--missing{color:#677785;background:#f2f6f9d1;border-color:#82919e42}.ownership-pill--loading{color:#24758b;background:#e5f7fcd1;border-color:#1687a847}.ownership-pill--unavailable{color:#925353;background:#fae9e8d6;border-color:#a562624d}.skins-layout{min-height:calc(100svh - 154px)}.skin-stage{grid-template-columns:minmax(220px,300px) minmax(260px,370px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.skin-column{align-content:start;gap:10px;display:grid}.skin-column-title{border-left:3px solid var(--cyan-bright);min-height:36px;color:var(--ink-strong);background:#ffffffbd;margin:0;padding:8px 12px;font-size:14px;font-weight:950}.skin-list{align-content:start;gap:10px;max-height:calc(100svh - 258px);display:grid;overflow:auto}.skin-card{min-height:76px;color:var(--ink-strong);cursor:pointer;text-align:left;background:#ffffffb8;border:1px solid #52718733;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:14px;display:grid;position:relative;box-shadow:0 12px 30px #2d4c631a}.skin-card--active{background:#e9f9fddb;border-color:#1687a894}.skin-card strong,.skin-card small{display:block}.skin-card>span:not(.ownership-pill){min-width:0}.skin-card small{color:var(--muted-soft);margin-top:4px;font-size:12px;font-weight:900}.empty-state{border:1px solid var(--line);color:var(--muted);background:#ffffffb3;margin:0;padding:18px;font-weight:800}.skin-preview-panel{min-height:560px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;grid-template-columns:minmax(300px,.72fr) minmax(260px,.45fr);align-items:center;gap:18px;display:grid}.fishing-preview-panel{grid-template-columns:minmax(260px,.68fr) minmax(260px,.55fr);min-height:520px}.skin-preview{height:min(58svh,540px);min-height:360px}.fishing-preview{height:min(52svh,500px);min-height:340px}.skin-meta{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px)saturate(1.08);backdrop-filter:blur(20px)saturate(1.08);background:linear-gradient(#ffffffdb,#f2f9fdc7);padding:18px}.fishing-meta{align-self:stretch}.loadout-bar{border:1px solid var(--line);background:#ffffffa8;grid-template-columns:22px auto 1fr;align-items:center;gap:10px;min-height:56px;margin-top:24px;padding:0 14px;display:grid}.loadout-bar span{color:var(--muted-soft);font-weight:900}.loadout-bar strong{color:var(--ink-strong);justify-self:end}.model-preview{background:0 0;width:100%;min-height:140px;position:relative;overflow:hidden}.model-preview canvas{width:100%;height:100%;min-height:inherit;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;display:block}.model-preview canvas[data-preview-dragging=true]{cursor:grabbing}.model-preview__fallback{background:#f6fbfee6;place-items:center;display:grid;position:absolute;inset:0}.model-preview__fallback img{width:42%;image-rendering:pixelated}.login-overlay{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#e2edf48a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.login-dialog{border:1px solid var(--line-strong);background:linear-gradient(#fffffff0,#f0f8fceb);width:min(100%,460px);padding:24px;position:relative;box-shadow:0 28px 90px #2d4c6338}.dialog-close{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);cursor:pointer;background:#ffffffb3;place-items:center;display:grid;position:absolute;top:12px;right:12px}.login-dialog__header{grid-template-columns:32px 1fr;align-items:start;gap:12px;padding-right:34px;display:grid}.login-dialog__header h2{color:var(--ink-strong);font-size:24px;font-weight:950;line-height:1.1}.login-dialog__header p{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.45}.login-form,.account-panel{gap:14px;margin-top:22px;display:grid}.login-form label{color:var(--muted-soft);gap:7px;font-size:12px;font-weight:950;display:grid}.login-form input{border:1px solid var(--line);height:48px;color:var(--ink-strong);background:#ffffffc7;outline:0;padding:0 13px;font-size:16px;font-weight:800}.login-form input:focus{border-color:#1687a894;box-shadow:0 0 0 3px #23b4d821}.code-entry{gap:10px}.code-box-field{width:min(100%,340px);display:block;position:relative}.code-box-field__input{z-index:1;color:#0000;opacity:0;caret-color:#0000;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.code-boxes{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.code-box{aspect-ratio:1/1.05;min-height:46px;color:var(--ink-strong);background:#eee5e2b8;border:1px solid #5271872e;place-items:center;font-size:20px;font-weight:950;line-height:1;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:grid}.code-box--filled{background:#ffffffdb;border-color:#1687a847}.code-box-field:focus-within .code-box--active{background:#e5f3fbeb;border-color:#1687a8a8;transform:translateY(-1px);box-shadow:0 0 0 3px #23b4d821}.login-note,.login-error{margin:0;padding:12px 13px;font-size:13px;font-weight:850;line-height:1.45}.login-note{border-left:3px solid var(--cyan-bright);color:#0e5f75;background:#e8f9fdd1}.login-error{color:#8b352a;background:#fff1eee6;border-left:3px solid #c96b5d}.dialog-action{min-height:50px;color:var(--ink-strong);cursor:pointer;background:linear-gradient(90deg,#23b4d8,#8ecfce 62%,#d0aa4e);border:1px solid #1687a875;justify-content:center;align-items:center;gap:9px;font-size:15px;font-weight:950;display:inline-flex}.dialog-action:disabled{cursor:not-allowed;filter:saturate(.2);opacity:.62}.dialog-action--danger{color:#713027;background:linear-gradient(90deg,#f1b8ad,#f6ded8);border-color:#c96b5d6b}.account-panel__identity{border:1px solid var(--line);background:#ffffffb8;grid-template-columns:42px 1fr;align-items:center;gap:12px;min-height:72px;padding:14px;display:grid}.account-panel__identity strong,.account-panel__identity small{display:block}.account-panel__identity strong{color:var(--ink-strong);text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.account-panel__identity small{color:var(--muted-soft);margin-top:4px;font-size:12px;font-weight:900}.instruments-layout{max-width:1420px;margin:0 auto}.instrument-console{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;display:grid}.instrument-keyboard-panel{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px)saturate(1.08);backdrop-filter:blur(20px)saturate(1.08);background:#fffc;gap:14px;padding:18px;display:grid;overflow:hidden}.instrument-keyboard-scroll{scrollbar-width:thin;overflow-x:auto}.instrument-keyboard-scroll::-webkit-scrollbar{height:8px}.instrument-keyboard-scroll::-webkit-scrollbar-thumb{background:#52718747}.instrument-keyboard-scroll::-webkit-scrollbar-track{background:#ffffff70}.instrument-keyboard-toolbar{background:#f6fbfead;border:1px solid #5271872e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:10px 12px;display:flex}.instrument-current-compact{align-items:center;gap:10px;min-width:min(100%,280px);display:inline-flex}.instrument-current-mark{width:38px;height:38px;color:var(--muted-soft);background:#ffffffc2;border:1px solid #5271873d;flex:none;place-items:center;display:inline-grid}.instrument-current-mark--piano{color:#126a86;background:#e6fbffd1;border-color:#1687a857}.instrument-current-mark--guitar{color:#8b671e;background:#fff5d9d1;border-color:#c49a3c5c}.instrument-current-summary{gap:2px;min-width:0;display:grid}.instrument-current-summary span,.instrument-status-pill span{color:var(--muted-soft);text-transform:uppercase;font-size:11px;font-weight:950}.instrument-current-summary strong{color:var(--ink-strong);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:950;line-height:1.12;overflow:hidden}.instrument-current-summary small{color:var(--muted-soft);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:850;overflow:hidden}.instrument-keyboard-status-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.instrument-status-pill{max-width:min(100%,220px);min-height:34px;color:var(--ink-strong);background:#ffffffad;border:1px solid #52718733;align-items:center;gap:7px;padding:0 10px;display:inline-flex}.instrument-status-pill--online{background:#e6fbff94;border-color:#1687a84d}.instrument-status-pill--offline{background:#fff7f194;border-color:#8f615733}.instrument-status-pill strong{color:var(--ink-strong);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:950;overflow:hidden}.instrument-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.instrument-metrics .metric{min-height:70px}.instrument-panel-heading{min-width:0;min-height:34px;color:var(--ink-strong);justify-content:start;align-items:center;gap:9px;font-size:13px;font-weight:950;display:inline-flex}.instrument-panel-heading small{color:var(--muted-soft);margin-left:auto;font-size:12px}.instrument-keyboard-hint{color:var(--muted-soft);margin:-4px 0 2px;font-size:12px;font-weight:850}.instrument-midi-button{max-width:min(100%,220px);min-height:34px;color:var(--ink-strong);cursor:pointer;background:#ffffffbd;border:1px solid #1687a847;justify-content:center;align-items:center;gap:9px;padding:0 11px;font-size:12px;font-weight:950;display:inline-flex}.instrument-midi-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.instrument-midi-button:hover:not(:disabled){background:#fff5d9a8;border-color:#c49a3c75}.instrument-midi-button:disabled{cursor:default;opacity:.72}.instrument-keyboard-empty{min-height:180px;color:var(--muted-soft);text-align:center;background:#f6fbfea8;border:1px dashed #52718747;place-items:center;padding:18px;font-size:13px;font-weight:850;display:grid}.keyboard-octaves{gap:14px;min-width:0;display:grid}.keyboard-octaves--piano{min-width:780px}.keyboard-octave{background:#ffffff6b;border:1px solid #52718729;gap:8px;min-width:0;padding:10px;display:grid}.keyboard-octave-label{width:max-content;min-height:24px;color:var(--muted-soft);text-transform:uppercase;background:#ffffffb8;border:1px solid #52718733;align-items:center;padding:0 9px;font-size:11px;font-weight:950;display:inline-flex}.piano-octave-grid{grid-template-rows:minmax(60px,auto) minmax(82px,auto);grid-template-columns:repeat(16,minmax(34px,1fr));align-items:stretch;gap:6px;min-width:0;display:grid}.guitar-octave-grid{grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:8px;min-width:0;display:grid}.note-key{min-width:0;min-height:76px;color:var(--ink-strong);cursor:pointer;touch-action:none;background:linear-gradient(#fffffff5,#ebf4f9e6);border:1px solid #52718738;grid-template-rows:auto 1fr auto;place-items:center;gap:5px;padding:8px 6px;transition:transform .12s,border-color .12s,background .12s,box-shadow .12s,opacity .12s;display:grid;position:relative;transform:translateY(0)scale(1);box-shadow:0 8px 20px #2d4c631a}.note-key:after{content:"";pointer-events:none;background:#fff0;border:1px solid #fff0;transition:border-color .12s,background .12s;position:absolute;inset:5px}.note-key--black{color:#f7fbff;background:linear-gradient(#263440fa,#19242df5);grid-row:1;min-height:58px;box-shadow:0 10px 20px #19242d38}.note-key--white{grid-row:2}.note-key--guitar{min-height:82px}.note-key:hover:not(:disabled),.note-key:active:not(:disabled){background:linear-gradient(#e6fbff,#fff5d9);border-color:#1687a894;transform:translateY(-1px)}.note-key--active:not(:disabled){background:linear-gradient(#ffe490,#dff8ff);border-color:#c49a3c9e;transform:translateY(3px)scale(.985);box-shadow:inset 0 4px 12px #2d4c6329,0 7px 14px #c49a3c33}.note-key--active:not(:disabled):after{background:#ffffff2e;border-color:#c49a3c6b}.note-key--black:hover:not(:disabled),.note-key--black:active:not(:disabled){background:linear-gradient(#1c5a6cfa,#263440fa)}.note-key--black.note-key--active:not(:disabled){background:linear-gradient(#ad7e23fa,#1c2c38fa);box-shadow:inset 0 4px 12px #00000047,0 7px 14px #26344038}.note-key:disabled{cursor:not-allowed;opacity:.44}.note-key:focus-visible{outline-offset:3px;outline:3px solid #1687a87a}.note-key kbd{min-width:26px;color:inherit;text-align:center;background:#ffffffb8;border:1px solid #5271873d;padding:3px 7px;font-family:inherit;font-size:12px;font-weight:950;line-height:1;box-shadow:inset 0 -1px #2d4c6329}.note-key--black kbd{background:#ffffff1f;border-color:#ffffff38}.note-key span{overflow-wrap:anywhere;text-align:center;max-width:100%;font-size:16px;font-weight:950;line-height:1}.note-key small{color:currentColor;opacity:.72;font-size:10px;font-weight:900}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}@media (width<=1160px){.topbar{grid-template-columns:auto minmax(0,1fr);height:auto}.brand,.nav-tabs{height:64px}.nav-tab{min-width:112px;height:64px;padding:0 16px;font-size:15px}.topbar-actions{border-top:1px solid var(--line);border-left:0;grid-column:1/-1;justify-content:flex-end;height:52px}.stage{padding-top:154px}.home-layout,.catalog-content,.skin-stage,.skin-preview-panel,.instrument-console,.mypage-grid{grid-template-columns:1fr}.home-menu-stack{max-width:680px;padding-bottom:0}.hero-copy{padding-bottom:0}.item-grid,.gear-group-list,.skin-list{max-height:none}}@media (width<=980px){.album-split-layout{grid-template-columns:minmax(220px,280px) minmax(0,1fr)}.album-preview-body{grid-template-columns:1fr}.album-preview-actions{justify-self:stretch;width:100%}}@media (width<=720px){.topbar{grid-template-columns:auto minmax(0,1fr)}.stage{padding:146px 14px 24px}.brand{width:150px;padding:0 14px;font-size:16px}.nav-tabs{min-width:0}.nav-tab{white-space:nowrap;min-width:88px;padding:0 12px}.topbar-actions{justify-content:start;padding:0 10px;overflow-x:auto}.status-chip{display:none}.session-button{max-width:138px}.home-layout,.catalog-controls,.mypage-actions,.album-split-layout,.album-preview-body,.album-meta--preview{grid-template-columns:1fr}.album-heading{flex-direction:column;align-items:start}.album-list-panel{order:2;position:static}.album-preview-panel{order:1}.album-list{max-height:min(360px,44vh)}.album-preview-actions{grid-template-columns:1fr;justify-content:stretch;display:grid}.album-preview-image-link{aspect-ratio:16/10}.album-meta--preview div{border-bottom:1px solid #687f8e24;border-right:0}.album-meta--preview div:last-child{border-bottom:0}.hero-copy p,.page-heading p{font-size:16px}.command-button{width:100%}.catalog-controls{gap:8px}.item-grid,.gear-group-items{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-panel,.skin-preview-panel,.instrument-keyboard-panel{min-height:auto}.instrument-keyboard-toolbar{align-items:stretch;padding:10px}.instrument-current-compact,.instrument-keyboard-status-row{width:100%}.instrument-keyboard-status-row{justify-content:flex-start}.instrument-status-pill,.instrument-midi-button{flex:150px}.skin-preview{min-height:300px}.piano-octave-grid{grid-template-rows:minmax(54px,auto) minmax(72px,auto);grid-template-columns:repeat(16,minmax(40px,1fr));gap:4px}.guitar-octave-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.note-key{min-height:70px;padding:7px 4px}.note-key kbd{min-width:22px;padding-inline:5px}.note-key span{font-size:14px}}.companion-boot{color:#e9f8f2;background:#071c29;place-items:center;font-size:25px;font-weight:650;display:grid;position:fixed;inset:0}.analytics-consent{z-index:120;right:max(1.2rem, env(safe-area-inset-right));bottom:max(1.2rem, env(safe-area-inset-bottom));left:max(1.2rem, env(safe-area-inset-left));color:#ecf7f7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(138deg,#081c27fa,#0f2834f7);border:1px solid #88e7dd57;border-radius:1rem;justify-content:space-between;align-items:flex-end;gap:1.5rem;width:min(42rem,100vw - 2.4rem);margin-left:auto;padding:1.2rem 1.25rem;display:flex;position:fixed;box-shadow:0 20px 60px #00000061}.analytics-consent__copy{min-width:0}.analytics-consent__eyebrow{color:#90d9d4;letter-spacing:.14em;margin-bottom:.3rem;font-size:.66rem;font-weight:800;display:block}.analytics-consent h2{color:#f4fcfb;margin:0;font-size:.98rem}.analytics-consent p{color:#e8f6f6d6;max-width:34rem;margin:.42rem 0 .2rem;font-size:.78rem;line-height:1.55}.analytics-consent small{color:#afd7d7cc;font-size:.7rem}.analytics-consent__actions{flex:none;gap:.55rem;display:flex}.analytics-consent button,.analytics-settings-button{font:inherit;cursor:pointer}.analytics-consent__actions button{white-space:nowrap;border-radius:.58rem;min-height:2.35rem;padding:.55rem .78rem;font-size:.76rem;font-weight:750}.analytics-consent__deny{color:#cfe3e4;background:#ffffff0d;border:1px solid #bddede42}.analytics-consent__accept{color:#062027;background:linear-gradient(135deg,#c4f4e7,#79d8db);border:1px solid #8ce5da}.analytics-consent__deny:hover,.analytics-consent__deny:focus-visible{background:#ffffff1a;border-color:#d6f1f094}.analytics-consent__accept:hover,.analytics-consent__accept:focus-visible{filter:brightness(1.06)}.analytics-settings-button{z-index:115;right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));color:#dcefefd6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05141dc2;border:1px solid #bbe0de45;border-radius:999px;min-height:2rem;padding:.34rem .6rem;font-size:.68rem;position:fixed;box-shadow:0 8px 24px #0003}.analytics-settings-button:hover,.analytics-settings-button:focus-visible{color:#effdfb;border-color:#8ee5dab3}@media (width<=640px){.analytics-consent{width:auto;padding:1rem;display:block}.analytics-consent__actions{margin-top:.9rem}.analytics-consent__actions button{flex:1 1 0}}@media (prefers-reduced-motion:reduce){.analytics-consent,.analytics-settings-button{scroll-behavior:auto}}.site-shell--home{--home-ink:#f1f6f4;--home-muted:#9bb0bb;--home-dim:#69818d;--home-line:#bfdee229;--home-line-strong:#bfdee24d;--home-cyan:#43c9da;--home-mint:#99dfc4;--home-warm:#e1b273;--home-coral:#d88e79;--home-bg:#020c17;background:var(--home-bg)}.site-shell--home .background{opacity:0}.stage--home{min-height:0;padding:0}.route-frame--home{min-height:0}.topbar--home{height:74px;box-shadow:none;-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);background:#020c17ad;border-bottom-color:#bedee429}.topbar--home .brand{width:220px;color:var(--home-ink);letter-spacing:.06em;background:0 0;border-right-color:#bedee421;font-size:17px;font-weight:800}.topbar--home .brand-mark{color:#91e1de;filter:drop-shadow(0 0 10px #43c9da29);width:26px;height:26px}.topbar--home .nav-tab{color:#deebeb99;letter-spacing:.02em;height:74px;font-size:14px;font-weight:650}.topbar--home .nav-tab:hover,.topbar--home .nav-tab:focus-visible,.topbar--home .nav-tab--active{color:var(--home-ink);background:#48beca0d}.topbar--home .nav-tab:after{height:2px;left:24px;right:24px}.topbar--home .nav-tab--active:after{background:linear-gradient(90deg, var(--home-cyan), var(--home-mint), var(--home-warm))}.topbar--home .topbar-actions{border-left-color:#bedee421}.topbar--home .status-chip,.topbar--home .icon-action--disabled{display:none}.topbar--home .icon-action,.topbar--home .session-button,.topbar--home .language-toggle{color:#e4efeec7;box-shadow:none;background:0 0;border-color:#0000}.topbar--home .icon-action:hover,.topbar--home .session-button:hover,.topbar--home .language-toggle:hover,.topbar--home .icon-action:focus-visible,.topbar--home .session-button:focus-visible,.topbar--home .language-toggle:focus-visible{color:#fff;background:#52b9c414;border-color:#67ccd238;outline:none}.topbar--home .wiki-nav-menu{background:#03111efa;border-color:#a4d3d638;box-shadow:0 22px 54px #00000061}.topbar--home .wiki-nav-item{color:#e2eeedad}.topbar--home .wiki-nav-item:hover,.topbar--home .wiki-nav-item:focus-visible,.topbar--home .wiki-nav-item--active{color:#f3f8f6;background:#43c9da1a}.home-nav-toggle,.home-mobile-links{display:none}.eartopia-home{--home-pad:clamp(24px, 4.2vw, 68px);--home-progress:0;z-index:0;width:100%;min-width:0;color:var(--home-ink);isolation:isolate;background:#020c17;font-family:Inter,Pretendard,Noto Sans KR,ui-sans-serif,system-ui,sans-serif;position:relative;overflow:clip}.eartopia-home button,.eartopia-home a{color:inherit}.eartopia-home__backdrop{z-index:-4;opacity:calc(1 - var(--home-progress) * .7);transform:scale(calc(1 + var(--home-progress) * .055)) translate3d(0, calc(var(--home-progress) * -2.5vh), 0);transform-origin:54% 52%;will-change:transform, opacity;background-color:#020c17;display:block;position:fixed;inset:0;overflow:hidden}.eartopia-home__backdrop>img{object-fit:cover;object-position:center 48%;width:100%;height:100%;display:block}.eartopia-home__backdrop:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(90deg,#020c1733 0%,#0000 40%),linear-gradient(#020c1747 0%,#0000 22% 76%,#020c17eb 100%);position:absolute;inset:0}.eartopia-home__canvas{z-index:-3;pointer-events:none;width:100%;height:100%;opacity:calc(.3 + var(--home-progress) * .62);position:fixed;inset:0}.eartopia-home__grain{z-index:20;pointer-events:none;opacity:.055;mix-blend-mode:soft-light;background-image:repeating-radial-gradient(circle at 17% 22%,#0000 0 1px,#fff3 1px 2px),repeating-linear-gradient(127deg,#ffffff14 0 1px,#0000 1px 5px);background-size:37px 41px,97px 103px;position:fixed;inset:0}[data-home-reveal]{opacity:0;transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .95s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}[data-home-reveal].home-reveal--visible{opacity:1;transform:none}.home-hero{z-index:1;min-height:100svh;padding:clamp(132px, 17vh, 180px) var(--home-pad) clamp(126px, 15vh, 168px);align-content:start;display:grid;position:relative}.home-hero__copy{z-index:5;width:min(610px,47vw);position:relative}.home-progress__item{letter-spacing:.22em;text-transform:uppercase;font-size:10px;font-weight:650}.home-hero h2,.home-section h2,.home-closing h2{color:var(--home-ink);letter-spacing:-.045em;text-wrap:balance;word-break:keep-all;margin:0;font-weight:680}.home-hero h2{max-width:100%;height:3.24em;text-shadow:0 3px 30px #0000009e;white-space:pre-line;height:3lh;font-size:clamp(44px,4.65vw,72px);line-height:1.08}.home-hero h2.home-hero__title--en{letter-spacing:-.055em}.home-hero__cursor{background:var(--home-cyan);vertical-align:-.06em;width:.08em;height:.88em;margin-left:.12em;animation:1s step-end infinite home-cursor-blink;display:inline-block;box-shadow:0 0 14px #43c9da85}.home-hero__body{color:#a7bbc4;word-break:keep-all;text-shadow:0 2px 22px #000000c7;max-width:455px;margin:24px 0 0;font-size:clamp(15px,1.22vw,18px);line-height:1.72}.home-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.home-action{border:1px solid var(--home-line-strong);min-height:56px;color:var(--home-ink);cursor:pointer;letter-spacing:-.01em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03111d7a;justify-content:center;align-items:center;gap:12px;padding:0 20px;font-size:14px;font-weight:670;transition:border-color .18s,background .18s,transform .24s cubic-bezier(.16,1,.3,1);display:inline-flex}.home-action--primary{color:#03202a;background:linear-gradient(100deg,#31c1daf5,#82d8bff5 64%,#dcbe71f5);border-color:#6de0dc80;min-width:190px;box-shadow:0 18px 45px #13758d33}.home-action:hover,.home-action:focus-visible{background-color:#276a7a2e;border-color:#90e3e29e;outline:none;transform:translateY(-2px)}.home-action--primary:hover,.home-action--primary:focus-visible{filter:brightness(1.06)}.home-wordmark{z-index:1;color:#e8f2f0e0;letter-spacing:-.072em;text-align:center;text-shadow:0 12px 55px #01080e94;mix-blend-mode:screen;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;font-size:clamp(96px,15.8vw,252px);font-weight:900;line-height:.72;position:absolute;bottom:clamp(105px,13.5vh,148px);left:-.03em;right:-.025em}.home-wordmark:after{z-index:-1;content:"";opacity:.2;background-image:linear-gradient(#54ced880 1px,#0000 1px),linear-gradient(90deg,#54ced880 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:-18% 2% -20%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.home-scroll-cue{right:var(--home-pad);z-index:7;color:var(--home-muted);cursor:pointer;letter-spacing:.02em;background:0 0;align-items:center;gap:10px;font-size:12px;transition:color .18s;display:inline-flex;position:absolute;bottom:34px}.home-scroll-cue:hover,.home-scroll-cue:focus-visible{color:var(--home-ink);outline:none}.home-scroll-cue__icon{animation:1.8s ease-in-out infinite home-scroll-cue;display:inline-flex}.home-scroll-cue__icon svg{display:block}.home-progress{z-index:18;display:grid;position:fixed;top:50%;right:16px;transform:translateY(-50%)}.home-progress:before{content:"";background:#b4d5da2e;width:1px;position:absolute;top:4px;bottom:4px;left:50%}.home-progress__item{color:#0000;cursor:pointer;background:0 0;border:0;width:30px;height:46px;padding:0;position:relative}.home-progress__item:before{content:"";background:#c8e0e257;width:9px;height:1px;transition:width .2s,background .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-progress__item:hover:before,.home-progress__item:focus-visible:before,.home-progress__item--active:before{background:var(--home-cyan);outline:none;width:22px;box-shadow:0 0 10px #43c9da80}.home-progress__item span{opacity:0;color:var(--home-muted);transition:opacity .18s;position:absolute;top:50%;right:28px;transform:translateY(-50%)}.home-progress__item:hover span,.home-progress__item:focus-visible span{opacity:1}.home-section{z-index:2;min-height:110svh;padding:clamp(112px, 15vh, 176px) var(--home-pad);position:relative}.home-section h2{font-size:clamp(44px,5.5vw,86px);line-height:1.08}.home-section p{color:var(--home-muted);word-break:keep-all;font-size:clamp(15px,1.25vw,18px);line-height:1.8}.home-text-link{min-height:44px;color:var(--home-ink);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #54d2d8a8;align-items:center;gap:12px;margin-top:28px;padding:0 0 8px;font-size:14px;font-weight:650;transition:border-color .18s,color .18s,gap .18s;display:inline-flex}.home-text-link:hover,.home-text-link:focus-visible{border-color:var(--home-warm);color:#fff;outline:none;gap:17px}.home-world{background:radial-gradient(80% 55% at 72% 68%,#0c374947,#0000 70%),linear-gradient(#020c1780,#020d1833 42%,#020c17b8);align-content:start;display:grid;overflow:hidden}.home-world__copy{z-index:3;grid-template-columns:minmax(0,1.18fr) minmax(280px,.72fr);align-items:start;gap:clamp(40px,9vw,150px);margin-top:clamp(54px,8vh,96px);display:grid;position:relative}.home-world__copy h2{max-width:10ch}.home-world__copy>div{max-width:470px;padding-top:10px}.home-coordinate-field{z-index:1;pointer-events:none;position:absolute;inset:34% -3% -7%}.home-coordinate-field:before{aspect-ratio:1.55;content:"";background:radial-gradient(circle at 56% 38%,#3ea9b81c,#0314212e 62%,#0000 70%);border:1px solid #50cdd82b;border-radius:50%;width:min(58vw,860px);position:absolute;bottom:6%;right:8%;transform:perspective(720px)rotateX(68deg)rotate(-8deg);box-shadow:inset 0 0 80px #2285990f}.home-coordinate-field svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.home-coordinate-field path{fill:none;stroke:#4acbd857;stroke-width:1.3px}.home-coordinate{z-index:2;color:#51cfd8bd;letter-spacing:.08em;font-size:12px;position:absolute}.home-coordinate--lat{top:25%;left:34%}.home-coordinate--lng{bottom:17%;left:24%}.home-coordinate--region{bottom:33%;right:10%}.home-life{background:linear-gradient(#020c17bd,#020e19f2 14%,#03141ff7 76%,#020c17),radial-gradient(circle at 50% 60%,#12475338,#0000 58%);min-height:120svh}.home-life__heading{grid-template-columns:minmax(0,1.08fr) minmax(280px,.62fr);align-items:end;gap:clamp(42px,8vw,126px);margin-top:clamp(48px,7vh,86px);display:grid}.home-life__heading h2{white-space:pre-line;max-width:10ch}.home-life__heading p{max-width:470px}.home-life__stage{border-top:1px solid var(--home-line);border-bottom:1px solid var(--home-line);background:radial-gradient(circle at 16% 65%,#19809730,#0000 23%),radial-gradient(circle at 53% 62%,#d28e4e1f,#0000 25%),radial-gradient(circle at 84% 64%,#4fb29b1a,#0000 23%);grid-template-columns:.9fr 1.16fr .94fr;min-height:clamp(430px,52vh,610px);margin-top:clamp(56px,8vh,96px);display:grid;position:relative}.home-life__feature{z-index:1;border-right:1px solid #b7d8db17;flex-direction:column;justify-content:flex-end;min-width:0;padding:0 clamp(18px,2.5vw,42px) 38px;display:flex;position:relative}.home-life__feature:last-child{border-right:0}.home-life__feature>svg{color:#70d2d7}.home-life__feature h3{color:var(--home-ink);letter-spacing:-.025em;margin:10px 0 0;font-size:22px;font-weight:620}.home-life__feature p{margin:7px 0 0;font-size:14px}.home-life__visual{isolation:isolate;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0 10px 28%}.home-life__water-canvas{z-index:-1;opacity:0;filter:saturate(1.08);width:116%;height:93%;transition:opacity .9s cubic-bezier(.16,1,.3,1);position:absolute;inset:3% -8% 4%;-webkit-mask-image:radial-gradient(78% 61% at 47% 55%,#000 35%,#000000d1 62%,#0000 100%);mask-image:radial-gradient(78% 61% at 47% 55%,#000 35%,#000000d1 62%,#0000 100%)}.home-life__water-canvas[data-water-effect=ready]{opacity:.94}.home-life__visual--fish img:first-of-type{z-index:2;width:clamp(150px,18vw,250px);image-rendering:pixelated;filter:drop-shadow(0 20px 35px #10a9c54d);animation:5.8s ease-in-out infinite home-float;position:relative}.home-life__visual--fish img:last-of-type{z-index:3;width:clamp(54px,6vw,82px);image-rendering:pixelated;filter:drop-shadow(0 0 18px #e8a95b6b);animation:4.2s ease-in-out -1.4s infinite home-float;position:absolute;top:18%;left:17%}.home-life__water-ring{z-index:1;border:1px solid #46c9d74d;border-radius:50%;width:68%;height:18%;position:absolute;bottom:20%;transform:rotateX(68deg);box-shadow:0 0 40px #2babc41c}.home-life__visual--harvest{grid-template-columns:repeat(4,1fr);align-items:end;padding:0 8%}.home-life__visual--harvest img{width:clamp(48px,5.7vw,90px);image-rendering:pixelated;filter:drop-shadow(0 16px 18px #0000005c)}.home-life__visual--harvest img:nth-child(2){transform:translateY(-36px)scale(1.18)}.home-life__visual--harvest img:nth-child(3){transform:translateY(-8px)scale(1.08)}.home-life__visual--harvest img:nth-child(4){filter:drop-shadow(0 0 22px #e69d553d);transform:translateY(-56px)scale(1.24)}.home-life__visual--trade{color:#67d2c76b}.home-life__visual--trade svg:first-of-type{color:#e2b470b8;position:absolute;bottom:18%;right:24%}.home-life__visual--trade svg:last-of-type{color:#5ccad238;position:absolute;top:15%;left:19%;transform:rotate(-10deg)}.home-life__route{border-top:1px dashed #66d5ce66;border-radius:50%;height:44%;position:absolute;top:31%;left:17%;right:17%;transform:rotate(-17deg)}.home-identity{background:radial-gradient(circle at 20% 56%,#18617038,#0000 33%),radial-gradient(circle at 80% 58%,#92554321,#0000 32%),#020c17;min-height:118svh}.home-identity__heading{grid-template-columns:minmax(0,1.16fr) minmax(280px,.62fr);align-items:end;gap:clamp(42px,7vw,112px);margin-top:clamp(48px,7vh,86px);display:grid}.home-identity__heading h2{max-width:11ch}.home-identity__heading p{max-width:480px}.home-identity__stage{border-top:1px solid var(--home-line);border-bottom:1px solid var(--home-line);grid-template-columns:.82fr 1.18fr;min-height:clamp(470px,57vh,660px);margin-top:clamp(62px,9vh,106px);display:grid}.home-identity__panel{align-content:end;min-width:0;padding:0 clamp(24px,3vw,46px) 36px;display:grid;position:relative;overflow:hidden}.home-identity__panel:first-child{border-right:1px solid var(--home-line)}.home-identity__panel>p{z-index:2;color:var(--home-muted);margin:0 0 10px;font-size:13px;position:relative}.home-identity__art{pointer-events:none;position:absolute;inset:0 0 26%}.home-identity__art--skins img{width:clamp(154px,19vw,270px);image-rendering:pixelated;filter:drop-shadow(0 28px 34px #00000080);position:absolute}.home-identity__art--skins img:first-child{opacity:.82;top:12%;left:9%;transform:rotate(-14deg)scale(.9)}.home-identity__art--skins img:nth-child(2){bottom:4%;right:8%;transform:rotate(9deg)}.home-identity__art--skins svg{color:#5ad1d32b;position:absolute;top:12%;right:8%}.home-identity__art--music{place-items:center;display:grid}.home-identity__art--music img{object-fit:contain;filter:drop-shadow(0 26px 30px #0000006e);width:94%;height:82%}.home-music-line{border-top:1px solid #e19c7a75;border-radius:50%;width:38%;height:38%;position:absolute;right:5%}.home-music-line--one{top:23%;transform:rotate(10deg)}.home-music-line--two{top:34%;transform:rotate(4deg)scale(.82)}.home-panel-link{z-index:2;border:0;border-bottom:1px solid var(--home-cyan);width:min(230px,100%);min-height:48px;color:var(--home-ink);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:0;font-size:17px;font-weight:620;display:flex;position:relative}.home-panel-link--warm{border-bottom-color:var(--home-coral)}.home-panel-link:hover,.home-panel-link:focus-visible{color:#fff;outline:none}.home-panel-link svg{transition:transform .18s}.home-panel-link:hover svg,.home-panel-link:focus-visible svg{transform:translate(5px)}.home-closing{z-index:3;min-height:86svh;padding:120px var(--home-pad);background:#03111f;place-items:center;display:grid;position:relative;overflow:hidden}.home-closing__image{display:block;position:absolute;inset:0;overflow:hidden;transform:scale(1.04)}.home-closing__image>img{object-fit:cover;object-position:center 56%;width:100%;height:100%;display:block}.home-closing__image:before{z-index:1;content:"";background:linear-gradient(#020c1740,#020c174d 48%,#020c17e0);position:absolute;inset:0}.home-closing__image:after{z-index:2;content:"";background:radial-gradient(circle at 72% 42%,#e1ab6526,#0000 31%);position:absolute;inset:0}.home-closing__copy{z-index:2;text-align:center;justify-items:center;max-width:960px;display:grid;position:relative}.home-closing h2{text-shadow:0 5px 42px #000000b8;max-width:13ch;font-size:clamp(52px,6.8vw,104px);line-height:1.04}.home-actions--centered{justify-content:center}.home-footer{z-index:4;padding:66px var(--home-pad) 34px;border-top:1px solid var(--home-line);background:#020a13;grid-template-columns:minmax(220px,1.35fr) repeat(3,minmax(120px,.56fr));gap:clamp(34px,6vw,96px);display:grid;position:relative}.home-footer__brand{grid-template-columns:30px 1fr;align-items:center;gap:10px;display:grid}.home-footer__brand svg{color:#79d8d6;width:28px}.home-footer__brand strong{letter-spacing:.1em;font-size:14px}.home-footer__brand p{max-width:260px;color:var(--home-dim);grid-column:1/-1;margin:12px 0 0;font-size:13px;line-height:1.7}.home-footer__group{align-content:start;justify-items:start;gap:10px;display:grid}.home-footer__group strong{color:var(--home-ink);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:650}.home-footer__group a,.home-footer__group button{color:var(--home-dim);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;line-height:1.5}.home-footer__group a:hover,.home-footer__group a:focus-visible,.home-footer__group button:hover,.home-footer__group button:focus-visible{color:var(--home-ink);outline:none}.home-footer__base{border-top:1px solid var(--home-line);color:#8199a394;grid-column:1/-1;margin:16px 0 0;padding-top:22px;font-size:11px}@keyframes home-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-12px)}}@keyframes home-scroll-cue{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}@keyframes home-cursor-blink{0%,45%{opacity:1}46%,to{opacity:0}}@media (width<=1160px){.topbar--home{grid-template-columns:auto minmax(0,1fr) auto;height:68px}.topbar--home .brand,.topbar--home .nav-tabs,.topbar--home .nav-tab,.topbar--home .topbar-actions{height:68px}.topbar--home .topbar-actions{border-top:0;border-left:1px solid #bedee421;grid-column:auto}.stage--home{padding-top:0}.home-wordmark{font-size:15.2vw}.home-life__stage{grid-template-columns:repeat(3,minmax(0,1fr))}.home-life__feature{padding-inline:22px}.home-identity__stage{grid-template-columns:.9fr 1.1fr}}@media (width<=860px){.home-progress{display:none}.home-world__copy,.home-life__heading,.home-identity__heading{grid-template-columns:1fr;gap:30px}.home-world__copy h2,.home-life__heading h2,.home-identity__heading h2{max-width:12ch}.home-coordinate-field{inset:45% -18% -5%}.home-life__stage{grid-template-columns:1fr;min-height:1080px}.home-life__feature{border-bottom:1px solid #b7d8db17;border-right:0;min-height:360px;padding-bottom:28px}.home-life__feature:last-child{border-bottom:0}.home-life__visual{bottom:25%}.home-identity__stage{grid-template-columns:1fr;min-height:980px}.home-identity__panel{min-height:490px}.home-identity__panel:first-child{border-right:0;border-bottom:1px solid var(--home-line)}.home-footer{grid-template-columns:1.2fr repeat(3,.7fr);gap:28px}}@media (width<=720px){.site-shell--home{overflow:visible}.topbar--home{grid-template-columns:minmax(0,1fr) auto auto;height:64px}.topbar--home .brand{border-right:0;justify-content:flex-start;width:auto;height:64px;padding:0 16px;font-size:15px}.topbar--home .brand-mark{width:24px;height:24px}.topbar--home .nav-tabs{z-index:40;opacity:0;pointer-events:none;background:#020c17fa;border-bottom:1px solid #bedee424;flex-direction:column;height:auto;max-height:0;padding:0 16px;transition:max-height .32s cubic-bezier(.16,1,.3,1),opacity .18s,transform .26s;display:flex;position:fixed;top:64px;left:0;right:0;overflow:hidden;transform:translateY(-8px)}.topbar--home .nav-tabs--home-open{opacity:1;overscroll-behavior:contain;pointer-events:auto;max-height:calc(100svh - 64px);padding-top:12px;padding-bottom:18px;overflow-y:auto;transform:none}.topbar--home .nav-wiki,.topbar--home .nav-tab{width:100%}.topbar--home .nav-wiki{flex-direction:column;align-items:stretch}.topbar--home .wiki-nav-menu{box-shadow:none;background:#081b2ab8;border-color:#a4d3d62e;border-radius:0;flex:none;margin:-2px 0 8px;position:static;width:100%!important}.topbar--home .nav-tab{justify-content:flex-start;height:54px;min-height:54px;padding:0 12px;font-size:16px}.topbar--home .nav-tab:after{left:12px;right:12px}.topbar--home .topbar-actions{border:0;grid-column:auto;height:64px;padding:0 8px 0 0;display:flex;overflow:visible}.topbar--home .topbar-actions>:not(.language-toggle){display:none}.topbar--home .language-toggle{width:56px;min-width:56px;height:42px;padding:0}.home-nav-toggle{width:48px;height:64px;color:var(--home-ink);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.home-nav-toggle:focus-visible{outline:1px solid var(--home-cyan);outline-offset:-5px}.home-mobile-links{border-top:1px solid var(--home-line);grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;padding-top:14px;display:grid}.home-mobile-links a,.home-mobile-links button{border:1px solid var(--home-line);min-height:48px;color:var(--home-ink);background:#348f9d14;align-items:center;gap:9px;padding:0 12px;font-size:14px;font-weight:650;display:flex}.eartopia-home{--home-pad:20px}.eartopia-home__backdrop{background-position:58% 69%;background-size:auto 63vh}.eartopia-home__backdrop:after{background:linear-gradient(#020c170f 0%,#020c172e 47%,#020c17d1 86%,#020c17 100%)}.eartopia-home__canvas{opacity:calc(.14 + var(--home-progress) * .48)}.eartopia-home__grain{opacity:.035}.home-hero{min-height:100svh;padding:116px var(--home-pad) 154px}.home-hero__copy{width:100%}.home-hero h2{max-width:100%;height:3.33em;height:3lh;font-size:clamp(40px,11.8vw,54px);line-height:1.11}.home-hero h2.home-hero__title--en{font-size:clamp(36px,10.2vw,44px)}.home-hero__body{max-width:340px;margin-top:18px;font-size:15px;line-height:1.66}.home-actions{grid-template-columns:minmax(0,1fr) auto;max-width:390px;margin-top:24px;display:grid}.home-action{min-height:52px;padding:0 14px}.home-action--primary{min-width:0}.home-action--secondary{border-color:#0000;border-bottom-color:var(--home-line-strong);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.home-wordmark{white-space:nowrap;max-width:100%;font-size:clamp(62px,19vw,80px);line-height:.78;bottom:129px;left:0;right:0}.home-wordmark:after{background-size:12px 12px}.home-scroll-cue{right:var(--home-pad);font-size:11px;bottom:38px}.home-section{min-height:auto;padding:104px var(--home-pad)}.home-section h2{font-size:clamp(39px,11vw,52px)}.home-section p{font-size:15px;line-height:1.72}.home-world{min-height:860px}.home-world__copy{margin-top:48px}.home-world__copy>div{padding-top:0}.home-coordinate-field{inset:52% -65% -4% -20%}.home-coordinate--lat{left:30%}.home-coordinate--lng{left:18%}.home-life{padding-bottom:92px}.home-life__heading,.home-identity__heading{margin-top:44px}.home-life__stage{min-height:990px;margin-top:50px}.home-life__feature{min-height:330px}.home-life__visual--fish img:first-of-type{width:180px}.home-life__visual--harvest img{width:58px}.home-identity__stage{min-height:850px;margin-top:52px}.home-identity__panel{min-height:425px;padding-inline:16px}.home-identity__art--skins img{width:174px}.home-identity__art--music img{width:110%;max-width:none}.home-closing{min-height:76svh;padding:92px 20px}.home-closing h2{max-width:10ch;font-size:clamp(44px,12vw,60px)}.home-actions--centered{width:100%}.home-footer{grid-template-columns:1fr 1fr;gap:36px 24px;padding:54px 20px 28px}.home-footer__brand,.home-footer__base{grid-column:1/-1}}@media (width<=430px){.topbar--home .brand{padding-left:13px;font-size:14px}.topbar--home .brand-mark{width:22px}.home-hero h2{font-size:clamp(37px,11.2vw,46px)}.home-action{font-size:13px}.home-life__feature{padding-inline:16px}}@media (prefers-reduced-motion:reduce){.eartopia-home__backdrop{transform:none}[data-home-reveal]{opacity:1;transition:none;transform:none}.home-life__visual--fish img,.home-life__visual--fish img:last-of-type,.home-life__water-canvas{transition:none;animation:none}.home-action,.home-scroll-cue__icon,.home-hero__cursor,.home-panel-link svg,.home-nav-toggle,.topbar--home .nav-tabs{transition:none}.home-scroll-cue__icon,.home-hero__cursor{animation:none}}.home-companion-entry{text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#eef8f5;cursor:pointer;background:#071f2ad1;border:1px solid #96e0cb75;border-radius:12px;align-items:center;gap:13px;width:min(410px,100%);margin:24px 0 0;padding:14px 16px;display:flex;box-shadow:0 4px 24px #00182333}.home-companion-entry__icon{color:#9fe0c8;border-right:1px solid #a8d8cd44;flex-shrink:0;place-items:center;width:38px;height:43px;padding-right:12px;display:grid}.home-companion-entry>span:nth-child(2){flex:1;min-width:0}.home-companion-entry strong{letter-spacing:-.025em;font-size:15px;font-weight:650;display:block}.home-companion-entry small{color:#a9c5c8;margin-top:3px;font-size:10px;line-height:1.5;display:block}.home-companion-entry>svg{color:#a6ddcb;flex-shrink:0}.home-companion-entry:focus-visible{outline-offset:4px;outline:2px solid #b0f3d7}@media (width<=720px){.home-companion-entry{gap:10px;margin-top:19px;padding:12px 13px}.home-companion-entry strong{font-size:14px}.home-companion-entry small{font-size:9px}.home-companion-entry+.home-actions{margin-top:15px}.home-hero{min-height:max(100svh,730px)}}.home-companion-entry{-webkit-backdrop-filter:none;backdrop-filter:none;color:#29402f;background:#f8f3e6;border-color:#dbd2b7;box-shadow:0 5px 22px #1123132e}.home-companion-entry:hover{background:#fffaf0}.home-companion-entry strong{color:#29402f}.home-companion-entry__icon{color:#637d54;border-right-color:#d9d4c0}.home-companion-entry small{color:#5e6d58}.home-companion-entry>svg{color:#6a7e59}.home-companion-entry:focus-visible{outline-color:#b18455}.site-shell--interior{--ink:#dfe9e8;--ink-strong:#f3f7f5;--muted:#c7d8daad;--muted-soft:#bcd0d39e;--line:#9dcacf29;--line-strong:#9dd3d747;--panel:#041321c7;--panel-strong:#051727e6;--panel-soft:#071c2db3;--cyan:#43c9da;--cyan-bright:#5ad4d8;--gold:#d8bd78;--shadow:0 28px 78px #00000057;--shadow-tight:0 16px 42px #00000042;min-height:100svh;color:var(--ink);background:#020c17;font-family:Inter,Pretendard,Noto Sans KR,ui-sans-serif,system-ui,sans-serif}.site-shell--interior .background{opacity:1;background-color:#020c17;background-image:linear-gradient(90deg,#020c17fa 0%,#020c17e0 30%,#020c17c2 62%,#020c17e6 100%),linear-gradient(#020c179e 0%,#020c17ed 68%,#020c17 100%),url(/assets/homepage/eartopia-spawn-twilight-1600.webp);background-position:50%,50%,50% 36%;background-size:cover;inset:0}.site-shell--interior .background:before{content:"";background:radial-gradient(circle at 72% 24%,#2d799124,#0000 30%),radial-gradient(circle at 16% 68%,#279ba512,#0000 25%);position:absolute;inset:0}.site-shell--interior .background:after{content:"";opacity:.78;background-image:linear-gradient(#56a4b10b 1px,#0000 1px),linear-gradient(90deg,#56a4b10b 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 4%,#000 38% 100%);mask-image:linear-gradient(#0000 4%,#000 38% 100%)}.topbar--interior{height:74px;box-shadow:none;-webkit-backdrop-filter:blur(20px)saturate(1.08);backdrop-filter:blur(20px)saturate(1.08);background:#020c17d1;border-bottom-color:#bedee429}.topbar--interior .brand{width:220px;color:var(--ink-strong);letter-spacing:.06em;background:0 0;border-right-color:#bedee421;font-size:17px;font-weight:800}.topbar--interior .brand-mark{color:#91e1de;filter:drop-shadow(0 0 10px #43c9da29);width:26px;height:26px}.topbar--interior .nav-tab{color:#deebeb99;letter-spacing:.02em;height:74px;font-size:14px;font-weight:650}.topbar--interior .nav-tab:hover,.topbar--interior .nav-tab:focus-visible,.topbar--interior .nav-tab--active{color:var(--ink-strong);background:#48beca0e;outline:none}.topbar--interior .nav-tab:after{height:2px;left:24px;right:24px}.topbar--interior .nav-tab--active:after{background:linear-gradient(90deg, var(--cyan), #9cdec5, var(--gold))}.topbar--interior .topbar-actions{border-left-color:#bedee421}.topbar--interior .status-chip,.topbar--interior .icon-action--disabled{display:none}.topbar--interior .icon-action,.topbar--interior .session-button,.topbar--interior .language-toggle{color:#e4efeec2;box-shadow:none;background:0 0;border-color:#0000}.topbar--interior .icon-action:hover,.topbar--interior .icon-action:focus-visible,.topbar--interior .session-button:hover,.topbar--interior .session-button:focus-visible,.topbar--interior .language-toggle:hover,.topbar--interior .language-toggle:focus-visible{color:#fff;background:#52b9c414;border-color:#67ccd238;outline:none}.topbar--interior .session-button--active{color:#f2dfaa}.topbar--interior .wiki-nav-menu{background:#03111efa;border-color:#a4d3d638;border-radius:0;box-shadow:0 22px 54px #00000061}.topbar--interior .wiki-nav-item{color:#e2eeedad;border-radius:0}.topbar--interior .wiki-nav-item:hover,.topbar--interior .wiki-nav-item:focus-visible,.topbar--interior .wiki-nav-item--active{color:#f3f8f6;background:#43c9da1a}.stage--interior{min-height:100svh;padding:116px clamp(24px,3.4vw,58px) 52px}.route-frame--interior{min-height:calc(100svh - 168px)}.site-shell--interior .page-heading{margin-bottom:26px;padding-left:18px;position:relative}.site-shell--interior .page-heading:before{content:"";background:linear-gradient(180deg, var(--cyan), var(--gold) 84%, transparent);width:2px;position:absolute;top:2px;bottom:2px;left:0}.site-shell--interior .page-heading__eyebrow{color:#65d4d1;letter-spacing:.2em;margin-bottom:10px;font-size:10px;font-weight:750;display:block}.site-shell--interior .page-heading h1{color:var(--ink-strong);letter-spacing:-.045em;text-shadow:0 3px 26px #0000007a;font-size:clamp(40px,4.2vw,62px);font-weight:720;line-height:1}.site-shell--interior .page-heading p{max-width:680px;color:var(--muted);word-break:keep-all;margin-top:13px;font-size:15px;line-height:1.65}.site-shell--interior .command-button{border-color:var(--line-strong);height:auto;min-height:50px;color:var(--ink-strong);box-shadow:none;background:#041321d1;font-size:14px;transition:border-color .16s,background .16s,color .16s,transform .16s}.site-shell--interior .command-button--primary,.site-shell--interior .dialog-action{color:#03111d;background:linear-gradient(90deg,#37bfd0,#8bd7c7 62%,#d8bd78);border-color:#76d6d380;box-shadow:0 16px 40px #2191a029}.site-shell--interior .command-button--ghost{background:#041321c2}.site-shell--interior .command-button:hover,.site-shell--interior .command-button:focus-visible{filter:brightness(1.08);border-color:#73d8d78c;outline:none}.site-shell--interior .catalog-layout,.site-shell--interior .skins-layout{max-width:1660px}.site-shell--interior .mypage-layout,.site-shell--interior .album-layout,.site-shell--interior .instruments-layout{max-width:1540px}.site-shell--interior .catalog-controls{border:1px solid var(--line);background:#03101da8;grid-template-columns:auto minmax(220px,420px) minmax(150px,210px);gap:9px;margin-bottom:14px;padding:10px}.site-shell--interior .segmented,.site-shell--interior .search-box,.site-shell--interior .catalog-controls select{border-color:var(--line);min-height:46px;box-shadow:none;color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;background:#051828c7;border-radius:0}.site-shell--interior .segmented button{color:var(--muted)}.site-shell--interior .segmented button:hover,.site-shell--interior .segmented button:focus-visible{color:var(--ink-strong);background:#43c9da14;outline:none}.site-shell--interior .segmented button.active{color:var(--ink-strong);background:linear-gradient(90deg,#43c9da33,#d8bd781f);box-shadow:inset 0 -2px #72d6d3}.site-shell--interior .search-box{color:#65d4d1}.site-shell--interior .search-box input,.site-shell--interior .catalog-controls select{color:var(--ink-strong)}.site-shell--interior .search-box input::placeholder{color:#c8d9db61}.site-shell--interior .catalog-controls select option{color:var(--ink-strong);background:#061625}.site-shell--interior .catalog-content{grid-template-columns:minmax(370px,.68fr) minmax(620px,1.32fr);gap:14px}.site-shell--interior .item-grid,.site-shell--interior .gear-group-list,.site-shell--interior .skin-list,.site-shell--interior .album-list{scrollbar-color:#5bc3c859 #05182880}.site-shell--interior .item-grid{border:1px solid var(--line);background:#03101db3;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;max-height:calc(100svh - 306px);padding:0}.site-shell--interior .item-card{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:112px;box-shadow:none;color:var(--ink);content-visibility:auto;contain-intrinsic-size:112px;background:#05182880;grid-template-rows:auto auto minmax(24px,auto);grid-template-columns:70px minmax(0,1fr);padding:12px;transition:background .16s,box-shadow .16s,color .16s}.site-shell--interior .item-card:nth-child(2n){border-right:0}.site-shell--interior .item-card:hover,.site-shell--interior .item-card:focus-visible,.site-shell--interior .item-card--active{border-color:var(--line);background:linear-gradient(90deg,#2fa6b12b,#092233b3);outline:none;box-shadow:inset 0 0 0 1px #66d5d357}.site-shell--interior .item-card--active:before,.site-shell--interior .skin-card--active:before{background:linear-gradient(#67d8d3,#d9be78);width:2px;top:0;bottom:0}.site-shell--interior .item-card__media{background:#23697714;border:1px solid #67d8d31f;grid-row:1/4;align-self:center;place-items:center;width:58px;height:58px;display:grid}.site-shell--interior .item-card__media img{object-fit:contain;width:58px;height:58px;image-rendering:pixelated;filter:drop-shadow(0 10px 18px #00000057);grid-area:1/1}.site-shell--interior .item-card__media img[hidden]{display:none}.site-shell--interior .item-card__fallback{color:#6dd2d275;grid-area:1/1}.site-shell--interior .item-card strong{min-height:0;color:var(--ink-strong);font-size:13px}.site-shell--interior .item-card small{color:var(--muted);margin-top:2px;font-size:11px}.site-shell--interior .item-card>.ownership-pill{margin-top:5px}.site-shell--interior .gear-group-list{max-height:calc(100svh - 306px);padding:0}.site-shell--interior .gear-group-section{border:1px solid var(--line);content-visibility:auto;contain-intrinsic-size:280px;background:#03101db3;gap:0}.site-shell--interior .gear-group-heading,.site-shell--interior .skin-column-title{border:0;border-bottom:1px solid var(--line);min-height:42px;color:var(--ink-strong);background:#051828d6;padding:10px 13px}.site-shell--interior .gear-group-heading{box-shadow:inset 2px 0 0 var(--cyan)}.site-shell--interior .gear-group-heading h2,.site-shell--interior .skin-column-title{color:var(--ink-strong);letter-spacing:.02em;font-size:13px;font-weight:750}.site-shell--interior .gear-group-heading span{color:var(--muted)}.site-shell--interior .gear-group-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.site-shell--interior .fishing-preview-panel,.site-shell--interior .skin-preview-panel{border:1px solid var(--line-strong);min-height:560px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 36% 44%,#247d912e,#0000 34%),linear-gradient(135deg,#031321cc,#04101df0);gap:0;padding:0;position:relative;overflow:hidden}.site-shell--interior .fishing-preview-panel:before,.site-shell--interior .skin-preview-panel:before{z-index:0;content:"";pointer-events:none;background-image:linear-gradient(#509eac09 1px,#0000 1px),linear-gradient(90deg,#509eac09 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0}.site-shell--interior .skin-preview,.site-shell--interior .skin-meta{z-index:1;position:relative}.site-shell--interior .skin-preview{border-right:1px solid var(--line);height:min(59svh,580px);min-height:440px}.site-shell--interior .fishing-preview{height:min(55svh,540px);min-height:420px}.site-shell--interior .skin-meta{min-width:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#03111eb3;border:0;align-content:center;align-self:stretch;padding:clamp(22px,2.5vw,38px);display:grid}.site-shell--interior .skin-meta h2{color:var(--ink-strong);letter-spacing:-.035em;font-size:clamp(25px,2vw,34px);font-weight:720}.site-shell--interior .skin-meta p{color:var(--muted);font-size:13px;line-height:1.55}.site-shell--interior .detail-badge-row{margin-bottom:9px}.site-shell--interior .stat-grid{border-top:1px solid var(--line);gap:0;margin-top:24px}.site-shell--interior .metric{border:0;border-bottom:1px solid var(--line);background:0 0;grid-template-columns:minmax(88px,.55fr) minmax(0,1fr);align-items:center;gap:14px;min-height:56px;padding:10px 0}.site-shell--interior .metric span{color:var(--muted);font-size:11px}.site-shell--interior .metric strong{color:var(--ink-strong);font-size:14px;font-weight:680}.site-shell--interior .rarity-badge,.site-shell--interior .ownership-pill{color:#dcebea;background:#092233d1;border-color:#add3d538;min-height:25px;font-size:10px}.site-shell--interior .ownership-pill--owned{color:#8ee1cb;background:#1f7e6c2e;border-color:#5bd6bd5c}.site-shell--interior .ownership-pill--missing{color:#c9d8da7a}.site-shell--interior .ownership-pill--loading{color:#80d7e1;background:#207c912b;border-color:#56c5d44d}.site-shell--interior .ownership-pill--unavailable{color:#dda59e;background:#8e433f29;border-color:#cb7c7447}.site-shell--interior .rarity-trash{color:#b4bdc1}.site-shell--interior .rarity-abundant{color:#6be0cf}.site-shell--interior .rarity-common{color:#a7df91}.site-shell--interior .rarity-curious{color:#85dcef}.site-shell--interior .rarity-elusive{color:#91b7f5}.site-shell--interior .rarity-fabled{color:#d5b4ef}.site-shell--interior .rarity-mythic,.site-shell--interior .rarity-relic{color:#e9ca79}.site-shell--interior .rarity-exotic{color:#eaa09b}.site-shell--interior .rarity-secret,.site-shell--interior .rarity-ultimate,.site-shell--interior .rarity-bbmodel,.site-shell--interior .rarity-gear{color:#94d9e2;background:#1a697f33}.site-shell--interior .empty-state{border-color:var(--line);color:var(--muted);background:#041422c2}.site-shell--interior .model-preview__fallback{background:#041422eb}.site-shell--interior .skin-stage{grid-template-columns:minmax(210px,.42fr) minmax(250px,.56fr) minmax(620px,1.5fr);gap:12px}.site-shell--interior .cosmetics-mode-tabs{border:1px solid var(--line-strong);background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-bottom:12px;display:grid;overflow:hidden}.site-shell--interior .cosmetics-mode-tabs button{min-height:58px;color:var(--muted);text-align:left;background:#041422d1;border:0;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;padding:12px 16px;transition:background .16s,color .16s;display:grid}.site-shell--interior .cosmetics-mode-tabs button:hover,.site-shell--interior .cosmetics-mode-tabs button:focus-visible{color:var(--ink-strong);background:#0d2d3ee6;outline:none}.site-shell--interior .cosmetics-mode-tabs button.active{box-shadow:inset 3px 0 0 var(--cyan);color:var(--ink-strong);background:linear-gradient(105deg,#175767f2,#082234eb)}.site-shell--interior .cosmetics-mode-tabs button small{min-width:26px;min-height:24px;color:var(--cyan-soft);font-variant-numeric:tabular-nums;border:1px solid #80d2d547;border-radius:999px;place-items:center;font-size:11px;display:grid}.site-shell--interior .skin-stage--player .skin-column-title{box-shadow:inset 2px 0 #9d8ee6}.site-shell--interior .skin-stage--player .skin-card:hover,.site-shell--interior .skin-stage--player .skin-card:focus-visible,.site-shell--interior .skin-stage--player .skin-card--active{background:linear-gradient(90deg,#765fb733,#0d1e37c7);box-shadow:inset 0 0 0 1px #b19ef647}.site-shell--interior .skin-preview-panel--player:before{background:radial-gradient(circle at 66% 25%,#9e80f12e,#0000 42%),linear-gradient(135deg,#26184e61,#04142214 58%)}.site-shell--interior .skin-preview--player{background:radial-gradient(circle at 50% 55%,#9b7eec24,#0000 48%),linear-gradient(#0a193557,#03101d1a)}.site-shell--interior .skin-column{border:1px solid var(--line);background:#03101db3;gap:0;overflow:hidden}.site-shell--interior .skin-column-title{box-shadow:inset 2px 0 0 var(--cyan)}.site-shell--interior .skin-list{gap:0;max-height:calc(100svh - 276px)}.site-shell--interior .skin-card{border:0;border-bottom:1px solid var(--line);min-height:72px;box-shadow:none;color:var(--ink-strong);background:#0518286b;padding:12px}.site-shell--interior .skin-card:hover,.site-shell--interior .skin-card:focus-visible,.site-shell--interior .skin-card--active{background:linear-gradient(90deg,#2fa6b12b,#092233b8);outline:none;box-shadow:inset 0 0 0 1px #66d5d340}.site-shell--interior .skin-card small{color:var(--muted)}.site-shell--interior .loadout-bar{border-color:var(--line);background:#071c2dad;min-height:58px;margin-top:24px}.site-shell--interior .loadout-bar span{color:var(--muted)}.site-shell--interior .loadout-bar strong{color:var(--ink-strong)}.site-shell--interior .mypage-grid{border:1px solid var(--line-strong);box-shadow:var(--shadow);background:#03101d9e;grid-template-columns:minmax(330px,.95fr) minmax(350px,1.05fr) minmax(320px,.9fr);gap:12px}.site-shell--interior .mypage-panel{border:0;border-right:1px solid var(--line);min-height:100%;box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#041422ad;gap:16px;padding:clamp(20px,2.2vw,32px)}.site-shell--interior .mypage-panel:last-child{border-right:0}.site-shell--interior .mypage-panel-title{color:var(--cyan)}.site-shell--interior .mypage-panel-title h2{color:var(--ink-strong);font-size:15px;font-weight:720}.site-shell--interior .mypage-player{border-bottom:1px solid var(--line);padding:20px 0 14px}.site-shell--interior .mypage-player strong{color:var(--ink-strong);letter-spacing:-.04em;font-size:clamp(30px,3vw,44px);font-weight:720}.site-shell--interior .mypage-player span,.site-shell--interior .mypage-meta-row span,.site-shell--interior .mypage-equipped-row span,.site-shell--interior .mypage-stat span{color:var(--muted);letter-spacing:.08em;font-size:10px}.site-shell--interior .mypage-meta-row,.site-shell--interior .mypage-equipped-row{border:0;border-bottom:1px solid var(--line);background:0 0;min-height:46px;padding:0}.site-shell--interior .mypage-meta-row strong,.site-shell--interior .mypage-equipped-row strong{color:var(--ink-strong);text-align:right;font-size:13px;font-weight:650}.site-shell--interior .mypage-alert{color:#dba19a;background:#8b3e3b24;border-left-color:#c27d74}.site-shell--interior .mypage-actions{margin-top:auto}.site-shell--interior .mypage-action{border-color:var(--line);color:var(--ink);background:#071c2dad}.site-shell--interior .mypage-action:hover,.site-shell--interior .mypage-action:focus-visible{background:#267e8f26;border-color:#5bd3d26b;outline:none}.site-shell--interior .mypage-action--danger{color:#dba19a}.site-shell--interior .mypage-stat-grid,.site-shell--interior .mypage-equipped-list{border-top:1px solid var(--line);gap:0}.site-shell--interior .mypage-stat{border:0;border-bottom:1px solid var(--line);background:0 0;gap:10px;padding:17px 0}.site-shell--interior .mypage-stat strong{color:var(--ink-strong);font-size:25px;font-weight:690}.site-shell--interior .mypage-progress{background:#030e19c2;border:1px solid #97c2c738;height:4px}.site-shell--interior .mypage-progress i{background:linear-gradient(90deg,#38bfcd,#82d5c7 64%,#d7ba72)}.site-shell--interior .album-layout{gap:14px}.site-shell--interior .album-count{border-color:var(--line);min-height:36px;color:var(--ink-strong);background:#051828b8}.site-shell--interior .album-state-panel{border:1px solid var(--line);border-left:2px solid var(--cyan);color:var(--ink);background:#041422c7}.site-shell--interior .album-state-panel--error{color:#dba19a;border-left-color:#c27d74}.site-shell--interior .album-split-layout{grid-template-columns:minmax(280px,350px) minmax(0,1fr);gap:12px}.site-shell--interior .album-list-panel,.site-shell--interior .album-preview-panel{border-color:var(--line-strong);box-shadow:var(--shadow);background:#03111ec7}.site-shell--interior .album-list-panel{gap:0;padding:0;top:90px}.site-shell--interior .album-panel-title{border-bottom:1px solid var(--line);min-height:44px;color:var(--muted);letter-spacing:.12em;padding:0 14px;font-size:10px}.site-shell--interior .album-panel-title strong{color:#9ddbd7}.site-shell--interior .album-list{gap:0;max-height:min(690px,100vh - 250px);padding:0}.site-shell--interior .album-list-item{border:0;border-bottom:1px solid var(--line);min-height:86px;color:var(--ink);background:#0518286b;grid-template-columns:88px minmax(0,1fr);gap:12px;padding:10px 12px}.site-shell--interior .album-list-item:hover,.site-shell--interior .album-list-item:focus-visible,.site-shell--interior .album-list-item--selected{border-color:var(--line);background:linear-gradient(90deg,#2fa6b12b,#092233b8);outline:none;transform:none;box-shadow:inset 2px 0 #6cd6d1}.site-shell--interior .album-list-thumb{background:#061625;border:1px solid #9eccd033}.site-shell--interior .album-list-title strong{color:var(--ink-strong);font-size:12px}.site-shell--interior .album-list-title span{color:#e0c581;background:#97773938}.site-shell--interior .album-list-meta{color:var(--muted)}.site-shell--interior .album-preview-panel{gap:0;padding:0;overflow:hidden}.site-shell--interior .album-preview-image-link{background:#020b13;border:1px solid #d7bc7670;margin:14px}.site-shell--interior .album-preview-image{background:#020b13}.site-shell--interior .album-preview-body{border-top:1px solid var(--line);gap:16px;padding:18px}.site-shell--interior .album-preview-copy strong{color:var(--ink-strong);font-size:20px;font-weight:700}.site-shell--interior .album-preview-copy p{color:var(--muted)}.site-shell--interior .album-meta--preview{border-top-color:var(--line)}.site-shell--interior .album-meta--preview div{border-right-color:var(--line)}.site-shell--interior .album-meta dt{color:#69cfcf}.site-shell--interior .album-meta dd{color:var(--ink-strong)}.site-shell--interior .instrument-keyboard-panel{border-color:var(--line-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#03111ecc;gap:13px;padding:0}.site-shell--interior .instrument-keyboard-toolbar{border:0;border-bottom:1px solid var(--line);background:#051828ad;gap:0;padding:0}.site-shell--interior .instrument-current-compact{border-right:1px solid var(--line);min-width:300px;padding:14px 16px}.site-shell--interior .instrument-current-mark{border-color:var(--line);color:var(--muted);background:#061c2dcc}.site-shell--interior .instrument-current-mark--piano,.site-shell--interior .instrument-current-mark--guitar{color:#79d9d8;background:#1f768829;border-color:#5bd0d252}.site-shell--interior .instrument-current-summary span,.site-shell--interior .instrument-status-pill span,.site-shell--interior .instrument-current-summary small{color:var(--muted)}.site-shell--interior .instrument-current-summary strong,.site-shell--interior .instrument-status-pill strong{color:var(--ink-strong)}.site-shell--interior .instrument-keyboard-status-row{flex:auto;gap:0}.site-shell--interior .instrument-status-pill,.site-shell--interior .instrument-midi-button{border:0;border-right:1px solid var(--line);min-height:66px;color:var(--ink);background:0 0}.site-shell--interior .instrument-status-pill--online{background:#22807e1f}.site-shell--interior .instrument-status-pill--offline{background:#5343401a}.site-shell--interior .instrument-midi-button:hover:not(:disabled),.site-shell--interior .instrument-midi-button:focus-visible{border-color:var(--line);background:#43c9da17;outline:none}.site-shell--interior .instrument-panel-heading{min-height:34px;color:var(--ink-strong);padding:0 18px}.site-shell--interior .instrument-panel-heading small,.site-shell--interior .instrument-keyboard-hint{color:var(--muted)}.site-shell--interior .instrument-keyboard-hint{margin:-5px 18px 2px}.site-shell--interior .instrument-keyboard-scroll{margin:0 18px 18px;padding-bottom:6px}.site-shell--interior .instrument-keyboard-scroll::-webkit-scrollbar-thumb{background:#5bc3c857}.site-shell--interior .instrument-keyboard-scroll::-webkit-scrollbar-track{background:#0518289e}.site-shell--interior .instrument-keyboard-empty{border-color:var(--line);color:var(--muted);background:#05182880}.site-shell--interior .keyboard-octave{border-color:var(--line);background:#030e19a8}.site-shell--interior .keyboard-octave-label{border-color:var(--line);color:var(--muted);background:#071c2dd1}.site-shell--interior .note-key{color:#06111b;background:linear-gradient(#fbfaf4,#dbe2e0);border-color:#becfd357;box-shadow:0 8px 18px #00000042}.site-shell--interior .note-key--black{color:#edf4f2;background:linear-gradient(#152633,#07121d);border-color:#adc4c92e}.site-shell--interior .note-key:hover:not(:disabled),.site-shell--interior .note-key:active:not(:disabled){background:linear-gradient(#e4fbfa,#e9ddb5);border-color:#58ced3}.site-shell--interior .note-key--active:not(:disabled){background:linear-gradient(#f4d472,#d8f4ee);border-color:#d9b85d;box-shadow:inset 0 4px 12px #030e1833,0 0 22px #d8bd7833}.site-shell--interior .note-key--black:hover:not(:disabled),.site-shell--interior .note-key--black:active:not(:disabled){background:linear-gradient(#176071,#0c2636)}.site-shell--interior .note-key--black.note-key--active:not(:disabled){background:linear-gradient(#a47b28,#122736)}.site-shell--interior .note-key:focus-visible{outline-color:#5bd3d6b3}.site-shell--interior .note-key kbd{background:#ffffff70;border-color:#06111b33}.site-shell--interior .note-key--black kbd{background:#ffffff14;border-color:#ffffff2e}.site-shell--interior .instruments-layout--guest,.site-shell--interior .mypage-layout--guest,.site-shell--interior .album-layout--guest{place-items:center;min-height:calc(100svh - 168px);display:grid}.site-shell--interior .guest-access-panel{border:1px solid var(--line-strong);width:min(100%,680px);box-shadow:var(--shadow);text-align:center;background:linear-gradient(135deg,#05192ae0,#03101df0),linear-gradient(#509eac0a 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#509eac0a 1px,#0000 1px) 0 0/32px 32px;justify-items:center;margin:0;padding:clamp(34px,6vw,74px);display:grid}.site-shell--interior .guest-access-panel:before{display:none}.site-shell--interior .guest-access-panel .page-heading__eyebrow{margin-bottom:20px}.site-shell--interior .guest-access-panel__mark{color:#71d6d5;border:1px solid #68d2d457;place-items:center;width:58px;height:58px;margin-bottom:22px;display:grid;box-shadow:inset 0 0 24px #2dabb814}.site-shell--interior .guest-access-panel p{max-width:500px}.site-shell--interior .guest-access-panel .command-button{margin-top:28px}.login-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overscroll-behavior:contain;background:#01080fc2;overflow-y:auto}.login-dialog{overscroll-behavior:contain;color:#dfe9e8;background:linear-gradient(145deg,#05192afa,#030f1bfa),linear-gradient(#509eac0a 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#509eac0a 1px,#0000 1px) 0 0/32px 32px;border-color:#9dd3d74d;max-height:calc(100dvh - 48px);overflow-y:auto;box-shadow:0 32px 100px #0000008c}.login-dialog .dialog-close{color:#dfe9e8;background:#071c2db8;border-color:#9dcacf29}.login-dialog .dialog-close:hover,.login-dialog .dialog-close:focus-visible{background:#267e8f29;border-color:#5bd3d670;outline:none}.login-dialog .login-dialog__header{color:#62d0d1}.login-dialog .login-dialog__header h2{color:#f3f7f5}.login-dialog .login-dialog__header p,.login-dialog .login-form label,.login-dialog .account-panel__identity small{color:#c7d8daad}.login-dialog .login-form input{color:#f3f7f5;background:#071c2dc7;border-color:#9dcacf2e}.login-dialog .login-form input:focus{border-color:#5bd3d68a;box-shadow:0 0 0 3px #43c9da1a}.login-dialog .code-box{color:#f3f7f5;background:#071c2db8;border-color:#9dcacf2e}.login-dialog .code-box--filled{background:#174552c2;border-color:#5bd3d64d}.login-dialog .code-box-field:focus-within .code-box--active{background:#1e5b68d6;border-color:#5bd3d69e}.login-dialog .login-note{color:#95dde1;background:#1c6f7f33}.login-dialog .login-error{color:#e0aaa3;background:#8b3e3b2e}.login-dialog .dialog-action{color:#03111d}.login-dialog .dialog-action--danger{color:#efb7b0;background:#8b3e3b3d;border-color:#cd7e7466}.login-dialog .account-panel__identity{background:#071c2db8;border-color:#9dcacf2e}.login-dialog .account-panel__identity strong{color:#f3f7f5}@media (width>=1800px){.site-shell--interior .background{background-image:linear-gradient(90deg,#020c17fa 0%,#020c17e0 30%,#020c17c2 62%,#020c17e6 100%),linear-gradient(#020c179e 0%,#020c17ed 68%,#020c17 100%),url(/assets/homepage/eartopia-spawn-twilight-3840.webp)}}@media (width<=1320px){.site-shell--interior .catalog-content{grid-template-columns:minmax(320px,.68fr) minmax(520px,1.12fr)}.site-shell--interior .skin-stage{grid-template-columns:minmax(200px,.42fr) minmax(230px,.5fr) minmax(520px,1.18fr)}.site-shell--interior .skin-preview-panel{grid-template-columns:minmax(260px,.9fr) minmax(230px,.62fr)}}@media (width<=1160px){.topbar--interior{height:auto}.topbar--interior .brand,.topbar--interior .nav-tabs,.topbar--interior .nav-tab{height:64px}.topbar--interior .topbar-actions{border-top-color:#bedee421;height:48px}.stage--interior{padding-top:146px}.route-frame--interior{min-height:calc(100svh - 198px)}.site-shell--interior .catalog-content,.site-shell--interior .skin-stage,.site-shell--interior .mypage-grid{grid-template-columns:1fr}.site-shell--interior .item-grid,.site-shell--interior .gear-group-list,.site-shell--interior .skin-list{max-height:none}.site-shell--interior .skin-column{max-height:420px}.site-shell--interior .skin-preview-panel,.site-shell--interior .fishing-preview-panel{grid-template-columns:minmax(300px,1.15fr) minmax(260px,.72fr)}.site-shell--interior .mypage-panel{border-right:0;border-bottom:1px solid var(--line)}.site-shell--interior .mypage-panel:last-child{border-bottom:0}.site-shell--interior .instrument-keyboard-toolbar{align-items:stretch}.site-shell--interior .instrument-current-compact{border-right:0;border-bottom:1px solid var(--line);width:100%}.site-shell--interior .instrument-keyboard-status-row{width:100%}.site-shell--interior .instrument-status-pill,.site-shell--interior .instrument-midi-button{flex:180px}}@media (width<=720px){.topbar--interior .brand{width:146px;padding:0 14px;font-size:14px}.topbar--interior .brand-mark{width:22px;height:22px}.topbar--interior .nav-tab{min-width:82px;padding:0 12px;font-size:12px}.topbar--interior .topbar-actions{padding-inline:8px}.topbar--interior .icon-action,.topbar--interior .session-button,.topbar--interior .language-toggle{flex:none}.stage--interior{padding:140px 14px 28px}.site-shell--interior .page-heading{margin-bottom:20px;padding-left:14px}.site-shell--interior .page-heading h1{font-size:clamp(36px,12vw,48px)}.site-shell--interior .page-heading p{font-size:14px}.site-shell--interior .catalog-controls{grid-template-columns:1fr;padding:8px}.site-shell--interior .cosmetics-mode-tabs button{gap:8px;min-height:54px;padding:10px 12px;font-size:13px}.site-shell--interior .segmented{width:100%}.site-shell--interior .item-grid,.site-shell--interior .gear-group-items{grid-template-columns:1fr}.site-shell--interior .item-grid,.site-shell--interior .gear-group-list{max-height:min(480px,58svh);overflow-y:auto}.site-shell--interior .item-card{border-right:0}.site-shell--interior .skin-column{max-height:360px}.site-shell--interior .skin-preview-panel,.site-shell--interior .fishing-preview-panel{grid-template-columns:1fr}.site-shell--interior .skin-preview{border-right:0;border-bottom:1px solid var(--line);height:44svh;min-height:300px}.site-shell--interior .fishing-preview{min-height:290px}.site-shell--interior .skin-meta{padding:22px 18px}.site-shell--interior .mypage-grid{border-left:0;border-right:0}.site-shell--interior .album-heading{align-items:flex-start}.site-shell--interior .album-split-layout{grid-template-columns:1fr}.site-shell--interior .album-list-panel{position:static}.site-shell--interior .album-list{max-height:340px}.site-shell--interior .album-preview-body,.site-shell--interior .album-meta--preview{grid-template-columns:1fr}.site-shell--interior .album-meta--preview div{border-right:0;border-bottom:1px solid var(--line)}.site-shell--interior .album-preview-image-link{aspect-ratio:16/10;margin:9px}.site-shell--interior .instrument-status-pill,.site-shell--interior .instrument-midi-button{border-bottom:1px solid var(--line);min-height:56px}.site-shell--interior .instrument-keyboard-scroll{margin-inline:10px}.site-shell--interior .guest-access-panel{padding:34px 20px}.site-shell--interior .guest-access-panel .command-button{width:100%}.login-overlay{padding:14px}.login-dialog{max-height:calc(100svh - 28px);padding:20px;overflow-y:auto}}@media (height<=480px) and (orientation:landscape){.login-overlay{padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.login-dialog{max-height:calc(100dvh - 16px);padding:12px 18px}.login-dialog__header{gap:8px}.login-dialog__header h2{font-size:20px}.login-dialog__header p{margin-top:4px;font-size:12px;line-height:1.35}.login-form,.account-panel{gap:8px;margin-top:10px}.login-form label{gap:4px}.login-form input{height:40px}.code-boxes{gap:6px;width:min(100%,300px)}.login-dialog .code-box{aspect-ratio:auto;height:40px;min-height:40px}.login-dialog .login-note,.login-dialog .login-error{padding:8px 10px;font-size:11px}.login-dialog .dialog-action{min-height:44px}}