:root{color-scheme:dark;font-family:Plus Jakarta Sans,Trebuchet MS,Segoe UI,sans-serif;--ui-mint: #3eb489;--ui-mint-soft: #98fb98;--ui-butter: #ebf5b8;--ui-lilac: #ddd6f5;--ui-rose: #e6b1fa;--ui-brand: #5e527a;--ui-brand-strong: #4c4168;--ui-ink: #2a2436;--ui-ink-soft: #504760;--ui-text: #f8f7ff;--ui-muted: #7a758f;--ui-muted-strong: #6a657d;--ui-border: rgb(255 255 255 / 18%);--ui-border-soft: rgb(255 255 255 / 12%);--ui-panel: linear-gradient(180deg, rgb(221 214 245 / 38%), rgb(124 138 176 / 24%));--ui-panel-strong: linear-gradient(180deg, rgb(221 214 245 / 46%), rgb(103 117 156 / 30%));--ui-panel-deep: linear-gradient(180deg, rgb(78 72 101 / 62%), rgb(58 64 89 / 42%));--ui-panel-hover: rgb(255 255 255 / 14%);--ui-brand-glow: rgb(94 82 122 / 16%);--ui-danger: #c97a98;--ui-danger-soft: #e0a7bb;--ui-cta-text: #214635}@font-face{font-family:Nano Plus;src:url(/fonts/NanoPlus.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pixel Sans;src:url(/fonts/PixelSans.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}html,body,#app{margin:0;height:100%;width:100%}body{overflow:hidden;background:#d7def2;color:var(--ui-text)}canvas{display:block}.app-shell{position:fixed;inset:0;pointer-events:none;overflow:hidden}.hs-logo-brand{font-family:Nano Plus,Plus Jakarta Sans,Trebuchet MS,Segoe UI,sans-serif!important;letter-spacing:.02em!important;text-transform:uppercase;line-height:1}.hs-logo-brand--lg{font-size:48px!important}.hs-logo-brand--md{font-size:24px!important}.hidden{display:none!important}.home-screen,.play-screen{position:absolute;inset:0;pointer-events:auto;overflow:hidden}.hs-sky-scene{position:absolute;inset:0;z-index:0;overflow:hidden;background:#93b9f1}.hs-sky-layer,.hs-sky-shade{position:absolute;inset:0;pointer-events:none}.hs-sky-layer{background-image:var(--hs-sky-image, none);background-repeat:no-repeat;background-position:center;background-size:cover;image-rendering:pixelated;transform-origin:center}.hs-sky-layer.is-empty{opacity:0}.hs-sky-layer--1{animation:hsSkyFloatFar 28s ease-in-out infinite alternate}.hs-sky-layer--2{animation:hsSkyFloatMid 36s ease-in-out infinite alternate}.hs-sky-layer--3{animation:hsSkyFloatNear 44s ease-in-out infinite alternate}.hs-sky-layer--4{animation:hsSkyFloatNearer 54s ease-in-out infinite alternate}.hs-sky-shade--home{background:radial-gradient(circle at 50% 8%,rgb(255 255 255 / 18%),transparent 36%),linear-gradient(to bottom,rgb(255 255 255 / 10%),transparent 24%,rgb(79 89 118 / 12%) 76%,rgb(79 89 118 / 22%) 100%)}.hs-sky-shade--play{background:linear-gradient(to bottom,rgb(255 255 255 / 8%),transparent 22%,rgb(79 89 118 / 10%) 62%,rgb(79 89 118 / 24%) 100%),radial-gradient(circle at 50% 0%,rgb(230 177 250 / 10%),transparent 30%)}@keyframes hsSkyFloatFar{0%{transform:translate3d(-1.4%,.6%,0) scale(1.03)}to{transform:translate3d(1.2%,-.4%,0) scale(1.06)}}@keyframes hsSkyFloatMid{0%{transform:translate3d(1.2%,.5%,0) scale(1.03)}to{transform:translate3d(-1.1%,-.5%,0) scale(1.05)}}@keyframes hsSkyFloatNear{0%{transform:translate3d(-.8%,.8%,0) scale(1.02)}to{transform:translate3d(.9%,-.2%,0) scale(1.04)}}@keyframes hsSkyFloatNearer{0%{transform:translate3d(.7%,1%,0) scale(1.02)}to{transform:translate3d(-.7%,-.3%,0) scale(1.05)}}.match-topbar{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:auto}.match-topbar-group{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.match-topbar-group--left{flex:1 1 auto;min-width:0;flex-wrap:nowrap}.match-topbar-group--right{flex:0 0 auto;justify-content:flex-end}.match-topbar-feed-mode{justify-content:flex-end}.match-topbar-feed-mode .match-topbar-group--left{display:none}.match-topbar-compact{top:12px;left:12px;right:12px;gap:8px}.match-topbar-compact .match-badge,.match-topbar-compact .match-button{padding:8px 12px;font-size:.95rem}.match-topbar-compact .match-room-title{font-size:24px!important;max-width:min(42vw,420px)}.match-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#ffffff0f;border:1px solid rgb(255 255 255 / 10%);color:#f6e8db;font-family:inherit;font-size:.95rem}.match-room-title{display:block;min-width:0;max-width:min(46vw,620px);padding:0;border:0;background:none;box-shadow:none;color:var(--ui-butter);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 16px rgb(42 36 54 / 24%)}.match-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;box-sizing:border-box;border:0;border-radius:14px;background:linear-gradient(135deg,var(--ui-mint-soft),var(--ui-mint));color:var(--ui-cta-text);font:inherit;font-weight:700;padding:12px 14px;cursor:pointer;line-height:1;box-shadow:0 10px 22px #3eb48924;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.match-button:disabled{cursor:not-allowed;opacity:.48}.match-button.ghost{background:#ddd6f53d;color:var(--ui-brand);border:1px solid var(--ui-border);box-shadow:0 10px 22px #5e527a1a}.match-button.subtle{background:linear-gradient(135deg,#ddd6f56b,#7c8ab052);color:var(--ui-text);border:1px solid rgb(255 255 255 / 14%);box-shadow:0 8px 18px #2a24361a}.match-button.danger{background:linear-gradient(135deg,#e6b1faeb,#9675aeeb);color:var(--ui-text);box-shadow:0 12px 24px #5e527a29}.match-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.03)}.room-panel-actions .match-button+.match-button{margin-top:10px}.match-boot-overlay{position:absolute;left:50%;bottom:28px;transform:translate(-50%);width:min(420px,calc(100vw - 36px));padding:16px 18px;border-radius:14px;border:1px solid rgb(255 255 255 / 10%);background:#0c0a0be0;box-shadow:0 18px 48px #0000006b;color:#fff0df;pointer-events:none;text-align:center}.match-boot-message{margin:0;line-height:1.45}.ps-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%}.ps-mode-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:19rem;padding:32px;overflow:hidden;border:1px solid var(--ui-border-soft);border-radius:28px;background:var(--ui-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 18px 34px #57618124;color:var(--ui-text);text-align:left;font:inherit;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.ps-mode-card:hover{transform:translateY(-3px);background:var(--ui-panel-strong);border-color:var(--ui-border);box-shadow:0 24px 42px #5761812e}.ps-mode-card--create{border-left:4px solid var(--ui-mint)}.ps-mode-card--join{border-left:4px solid var(--ui-brand);cursor:default}.ps-mode-card--join:hover{transform:none;background:var(--ui-panel);border-color:var(--ui-border-soft);box-shadow:0 18px 34px #57618124}.ps-mode-card--offline{border-left:4px solid var(--ui-lilac)}.ps-mode-card-copy{position:relative;z-index:1}.ps-mode-card-copy--full{display:flex;flex:1;flex-direction:column}.ps-mode-card-icon{display:block;margin-bottom:20px;font-size:3rem}.ps-mode-card--create .ps-mode-card-icon{color:var(--ui-mint)}.ps-mode-card--join .ps-mode-card-icon{color:var(--ui-brand);font-variation-settings:"FILL" 1}.ps-mode-card--offline .ps-mode-card-icon{color:var(--ui-brand-strong)}.ps-mode-card-title{margin:0;color:var(--ui-text);font-size:1.75rem;font-weight:900;line-height:.98;text-transform:uppercase}.ps-mode-card-body{margin:14px 0 0;color:var(--ui-muted);font-size:.95rem;font-weight:600;line-height:1.5}.ps-mode-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:20px}.ps-mode-action-primary,.ps-mode-action-secondary,.ps-mode-code-input{border-radius:16px;font:inherit}.ps-mode-action-primary,.ps-mode-action-secondary{border:0;cursor:pointer;transition:filter .16s ease,transform .16s ease,background .16s ease}.ps-mode-action-primary:hover,.ps-mode-action-secondary:hover{transform:translateY(-1px);filter:brightness(1.04)}.ps-mode-action-primary{width:100%;padding:14px 16px;background:linear-gradient(135deg,var(--ui-rose),var(--ui-brand));color:var(--ui-text);font-size:.95rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 16px 34px #5e527a3d}.ps-mode-join-row{display:flex;gap:10px}.ps-mode-code-input{flex:1;min-width:0;padding:12px 14px;border:1px solid var(--ui-border-soft);outline:none;background:#ffffff1a;color:var(--ui-text);font-size:.95rem;font-weight:700}.ps-mode-code-input::placeholder{color:var(--ui-muted)}.ps-mode-code-input:focus{border-color:#5e527a6b;box-shadow:0 0 0 1px #5e527a2e}.ps-mode-action-secondary{padding:12px 18px;background:#e6b1fa29;border:1px solid rgb(94 82 122 / 22%);color:var(--ui-brand-strong);font-size:.9rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.ps-mode-card-bg{position:absolute;right:-12px;bottom:-12px;opacity:.1;pointer-events:none}.ps-mode-card-bg .material-symbols-outlined{font-size:10rem}.ps-mode-card--create .ps-mode-card-bg{color:var(--ui-mint)}.ps-mode-card--join .ps-mode-card-bg{color:var(--ui-rose)}.ps-mode-card--offline .ps-mode-card-bg{color:var(--ui-lilac)}.room-panel{position:absolute;top:92px;right:18px;width:min(320px,calc(100vw - 36px));max-height:calc(100vh - 110px);overflow:auto;pointer-events:auto;background:linear-gradient(180deg,#443d5aeb,#31374de5);border:1px solid var(--ui-border-soft);border-radius:22px;box-shadow:0 20px 60px #00000061;padding:16px;font-family:inherit}.room-panel-header h2,.room-panel-roster h3{margin:0;color:#f8f9fe}.room-panel-status{margin:8px 0 0;color:#d8c1b0;line-height:1.45;white-space:pre-line;font-size:.9rem}.room-panel-settings,.room-panel-actions,.room-panel-roster{margin-top:14px}.room-panel-combat{width:min(286px,calc(100vw - 36px))}.room-panel-combat .room-panel-settings{display:none}.room-panel-spectating{border-color:#ffdf962e}.room-panel-actions{display:grid;gap:10px}.room-panel-hint{margin:0;padding:10px 12px;border-radius:14px;background:#ffffff0a;border:1px solid rgb(255 255 255 / 8%);color:#d8c1b0;line-height:1.45;font-size:.9rem}.room-roster{display:grid;gap:8px;margin-top:10px}.room-roster-entry{padding:10px 12px;border-radius:14px;background:#ffffff0a;border:1px solid rgb(255 255 255 / 8%)}.room-roster-name{color:#fff0df;font-weight:700}.room-roster-meta{color:#cfbaa9;font-size:.9rem;margin-top:4px}.menu-field{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;color:#decabc;font-size:.95rem}.menu-input{border:1px solid rgb(255 202 164 / 18%);border-radius:14px;background:#0a090ab8;color:#fff3e6;padding:12px 14px;font:inherit}.menu-input:focus{outline:2px solid rgb(62 180 137 / 45%);outline-offset:1px}.hs-character-editor,.hs-home-panel{position:fixed;top:146px;left:clamp(360px,24vw,440px);right:clamp(360px,22vw,430px);bottom:168px;z-index:20}.hs-character-editor{display:grid;grid-template-columns:minmax(320px,380px) minmax(360px,460px);justify-content:center;align-items:stretch;align-content:start;gap:clamp(20px,2vw,28px);pointer-events:none}.hs-side-rail{width:min(248px,calc(100vw - 40px));padding:20px!important;gap:10px!important;border:1px solid rgb(255 255 255 / 8%)}.hs-side-rail-copy{margin-bottom:8px}.hs-side-rail-title{margin:0;font-size:1rem}.hs-side-rail-subtitle{font-size:.62rem!important}.hs-side-button{display:flex;align-items:center;gap:16px;padding:10px 14px;border:0;border-radius:16px;background:transparent;color:#cbd5e1;font:inherit;font-size:.95rem;font-weight:800;letter-spacing:.01em;text-transform:uppercase;text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.hs-side-button:hover{background:#ffffff1f;transform:translate(6px)}.hs-side-button.is-active{background:linear-gradient(135deg,#e6b1fad1,#5e527aeb);color:var(--ui-text);box-shadow:0 12px 24px #5e527a2e}.hs-side-button-icon{color:var(--ui-muted-strong)}.hs-side-button.is-active .hs-side-button-icon{color:inherit;font-variation-settings:"FILL" 1}.hs-play-cluster{width:min(240px,calc(100vw - 48px));align-items:stretch!important}.hs-mode-switch{display:inline-flex;width:100%;max-width:100%;align-self:flex-end;box-sizing:border-box;justify-content:center;justify-content:space-between;gap:10px!important;padding:10px 12px;border:1px solid var(--ui-border);border-radius:22px;background:linear-gradient(180deg,#ddd6f57a,#7684ac57);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 14px 34px #5761812e;text-shadow:0 1px 10px rgb(52 45 70 / 16%)}.hs-mode-copy{flex:1 1 auto;min-width:0;gap:4px}.hs-mode-kicker{color:var(--ui-muted)!important;text-shadow:none;letter-spacing:.22em}.hs-mode-label{color:var(--ui-brand)!important;font-size:.98rem!important;text-shadow:0 2px 18px rgb(0 0 0 / 24%)}.hs-mode-arrow{padding:2px;border:0;background:transparent;color:#2a2436c7;cursor:pointer}.hs-play-button-wrap{width:100%;max-width:100%;align-self:flex-end}.hs-play-button{width:100%;padding:16px 20px;border:1px solid rgb(255 255 255 / 16%);box-shadow:0 18px 34px #3eb48933!important;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease,border-color .16s ease}.hs-play-button:hover,.hs-play-button:focus-visible{transform:scale(1.025);border-color:#ebf5b857;box-shadow:0 24px 42px #3eb48947!important;filter:brightness(1.05) saturate(1.03)}.hs-server-strip{width:100%;justify-content:center;box-sizing:border-box;border:1px solid var(--ui-border-soft);box-shadow:0 10px 24px #5761811a}.hs-editor-stage,.hs-layer-panel{pointer-events:auto}.hs-home-panel{display:flex;justify-content:center;align-items:center;pointer-events:none}.hs-home-card{display:flex;flex-direction:column;width:min(100%,1020px);max-height:100%;margin:0 auto;border-radius:30px;background:linear-gradient(180deg,#ecf0f8c7,#9eafce75);border:1px solid rgb(255 255 255 / 28%);box-shadow:0 24px 56px #5761812e;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);pointer-events:auto}.hs-home-card-scroll{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:22px;padding:30px 32px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgb(94 82 122 / 42%) rgb(255 255 255 / 10%)}.hs-home-card-scroll::-webkit-scrollbar{width:10px}.hs-home-card-scroll::-webkit-scrollbar-track{border-radius:999px;background:#ffffff1a;margin:12px 6px}.hs-home-card-scroll::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid transparent;background:linear-gradient(180deg,#5e527a85,#4c4168b8);background-clip:padding-box}.hs-home-card-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5e527aa3,#4c4168d6);background-clip:padding-box}.hs-home-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:22px;align-items:start}.hs-home-eyebrow{margin:0 0 10px;color:var(--ui-brand);font-size:.8rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase}.hs-home-title{margin:0;color:var(--ui-brand-strong);font-size:clamp(2rem,4vw,3rem);line-height:.98;font-weight:900;letter-spacing:-.04em;text-shadow:0 1px 0 rgb(255 255 255 / 28%)}.hs-home-hero-copy{margin:0;color:var(--ui-ink-soft);font-size:1rem;line-height:1.55}.hs-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hs-info-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:18px;border-radius:24px;background:linear-gradient(180deg,#ffffff38,#ddd6f524);border:1px solid rgb(255 255 255 / 22%);box-shadow:inset 0 1px #ffffff24}.hs-info-card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#e6b1fa2e;color:var(--ui-brand)}.hs-info-card-copy h3{margin:0 0 8px;color:var(--ui-brand-strong);font-size:1.05rem;font-weight:800}.hs-info-card-copy p{margin:0 0 12px;color:var(--ui-ink-soft);font-size:.95rem;line-height:1.5}.hs-info-list{margin:0;padding-left:18px;color:var(--ui-ink);font-size:.88rem;line-height:1.5}.hs-info-list li+li{margin-top:6px}.hs-shop-card{display:grid;place-items:center;gap:24px;padding:clamp(28px,5vw,54px);text-align:center}.hs-shop-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:#e6b1fa2e;border:1px solid rgb(94 82 122 / 22%);color:var(--ui-brand);font-size:.8rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hs-shop-copy{max-width:640px}.hs-shop-teasers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(100%,820px)}.hs-shop-teaser{display:grid;gap:10px;justify-items:center;padding:18px 16px;border-radius:22px;background:#ffffff0a;border:1px solid rgb(255 255 255 / 8%);color:#dbe3e0;line-height:1.45}.hs-shop-teaser .material-symbols-outlined{color:var(--ui-mint)}.hs-editor-stage{display:flex;flex-direction:column;align-items:center;justify-content:start;min-width:0;width:100%;max-width:400px}.hs-editor-kicker{margin:0 0 6px;color:var(--ui-muted);font-size:.72rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase}.hs-layer-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%;margin-bottom:18px}.hs-layer-tab{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:10px 8px;border-radius:16px;border:1px solid transparent;background:#ffffff1c;color:var(--ui-muted-strong);font:inherit;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.hs-layer-tab:hover{transform:translateY(-1px)}.hs-layer-tab-icon{font-size:1.2rem}.hs-preview-row{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.hs-preview-arrow{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid var(--ui-border);border-radius:999px;background:#ffffff24;color:#2a24369e;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.hs-preview-arrow:hover{transform:translateY(-1px);background:#e6b1fa2e;border-color:#5e527a61;color:var(--ui-brand)}.hs-preview-card{width:100%;max-width:400px;padding:18px 18px 14px;border-radius:30px;background:var(--ui-panel-strong);border:1px solid var(--ui-border);box-shadow:0 18px 40px #57618129;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.hs-preview-card-top{margin-bottom:8px}.hs-preview-canvas{display:block;width:100%;max-width:260px;margin:0 auto;image-rendering:pixelated;border-radius:50%;background:#ebf5b81f;border:2px solid rgb(94 82 122 / 16%)}.hs-preview-glow{width:210px;height:12px;margin-top:10px;border-radius:999px;background:#ffffffd1;box-shadow:0 0 40px 8px #ffffff73}.hs-nickname-wrap{width:100%;max-width:400px}.hs-nickname-kicker{margin-bottom:8px;padding-left:2px}.hs-nickname-field{min-height:76px;background:linear-gradient(180deg,#ddd6f570,#606d934d);border:1px solid var(--ui-border);box-shadow:0 14px 30px #5761811a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hs-nickname-input{min-width:0;border:0;outline:none;box-shadow:none;appearance:none;-webkit-appearance:none;background-clip:padding-box;font-size:1.25rem;line-height:1.15;font-weight:800;letter-spacing:-.02em}.hs-nickname-input:focus,.hs-nickname-input:focus-visible{outline:none;box-shadow:none}.hs-layer-panel{display:flex;flex-direction:column;min-height:0;height:min(100%,690px);padding:20px;border-radius:28px;background:linear-gradient(180deg,#ddd6f56b,#606d9347);border:1px solid var(--ui-border);box-shadow:0 18px 42px #5761811a;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}.hs-layer-panel-header{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.hs-layer-panel-subtitle{margin:0;color:#b9c2c7;line-height:1.45;font-size:.94rem}.hs-layer-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));align-content:start;flex:1;min-height:0;gap:12px;overflow:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgb(94 82 122 / 42%) rgb(255 255 255 / 10%)}.hs-layer-options::-webkit-scrollbar{width:12px}.hs-layer-options::-webkit-scrollbar-track{border-radius:999px;background:#ffffff1a;border:1px solid rgb(255 255 255 / 8%)}.hs-layer-options::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(180deg,#e6b1fa9e,#5e527ab8);border:2px solid rgb(238 242 255 / 26%)}.hs-layer-options::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e6b1fabd,#5e527ad1)}.hs-layer-options-empty{display:grid;place-items:center;min-height:220px;border-radius:20px;border:1px dashed rgb(255 255 255 / 12%);color:#a9abb0;text-align:center}.hs-layer-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:146px;padding:26px 8px 10px;border:1px solid var(--ui-border-soft);border-radius:18px;background:#ffffff1f;color:var(--ui-text);font:inherit;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.hs-layer-option:hover{transform:translateY(-1px);border-color:#5e527a3d;background:#ffffff26}.hs-layer-option.is-selected{border-color:#5e527a70;background:#e6b1fa2e;box-shadow:0 10px 22px #5e527a1a}.hs-layer-option-badge{position:absolute;top:8px;right:8px;padding:2px 6px;border-radius:999px;background:#ffffff1a;color:#b8c0c5;font-size:.62rem;font-weight:900;letter-spacing:.12em}.hs-layer-option.is-selected .hs-layer-option-badge{background:#5e527a2e;color:var(--ui-brand)}.hs-layer-option-canvas{width:72px;height:88px;image-rendering:pixelated}.hs-layer-option-name{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#f1f4f4;font-size:.68rem;font-weight:700;line-height:1.35;min-height:2.7em;padding-bottom:.12em;text-align:center}@media(max-width:1400px){.hs-character-editor,.hs-home-panel{inset:138px 290px 162px}.hs-character-editor{grid-template-columns:minmax(280px,330px) minmax(300px,1fr);gap:18px}.hs-side-rail{width:220px}.hs-play-cluster{width:min(240px,calc(100vw - 48px))}.hs-preview-card{max-width:360px}.hs-layer-panel{height:min(100%,600px)}.hs-shop-teasers{grid-template-columns:1fr}}@media(max-width:1180px){.ps-mode-grid{grid-template-columns:1fr}.hs-character-editor,.hs-home-panel{top:116px;left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));bottom:150px}.hs-character-editor{grid-template-columns:1fr;justify-content:stretch;align-content:start;overflow-y:auto}.hs-home-panel{overflow-y:auto}.hs-editor-stage{justify-content:start}.hs-layer-panel{height:min(100%,320px)}.hs-layer-tabs{grid-template-columns:repeat(5,minmax(52px,1fr))}.hs-home-hero,.hs-info-grid{grid-template-columns:1fr}}@media(max-width:720px){.hs-character-editor,.hs-home-panel{inset:96px 14px 144px}.hs-character-editor{gap:16px}.hs-side-rail{width:calc(100vw - 28px);left:14px!important;right:14px!important;bottom:14px!important;border-radius:28px}.hs-play-cluster{left:14px;right:14px;bottom:14px!important;width:auto}.hs-preview-row{gap:10px}.hs-preview-arrow{width:44px;height:44px}.hs-preview-card{padding:16px 14px 14px}.hs-preview-card-top{flex-direction:column;align-items:flex-start}.hs-home-card-scroll,.hs-shop-card{padding:18px}.hs-layer-panel{padding:16px;height:min(100%,320px)}.hs-layer-options{grid-template-columns:repeat(auto-fill,minmax(86px,1fr))}.match-topbar{flex-direction:column;align-items:stretch}.room-panel{inset:auto 14px 14px;width:auto;max-height:42vh}}