:root{--color-bg: #171b26;--color-panel: rgb(15 20 31 / 78%);--color-panel-strong: rgb(22 27 38 / 94%);--color-text: #f6ead2;--color-muted: #d8cbb2;--color-primary: #8dffdf;--color-accent: #ffe28a;--color-danger: #ff8f8f;--radius-panel: 18px;--radius-modal: 28px;--space-ui: clamp(10px, 2vw, 20px);--shadow-panel: 0 16px 40px rgb(0 0 0 / 32%);--shadow-modal: 0 28px 90px rgb(0 0 0 / 56%);--z-joystick: 4;--z-hud: 6;--z-meta: 7;--z-drawer: 12;--z-modal: 10;color:#f6ead2;background:var(--color-bg);font-family:Trebuchet MS,Gill Sans,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}.game-shell{position:relative;display:flex;width:100vw;min-height:100vh;align-items:center;justify-content:center;padding:clamp(12px,2vw,28px);touch-action:none;background:radial-gradient(circle at 15% 12%,rgb(255 179 71 / 20%),transparent 28%),radial-gradient(circle at 82% 20%,rgb(85 214 190 / 22%),transparent 32%),linear-gradient(135deg,#101521,#251d2f 58%,#171b26)}.game-canvas{width:min(100%,1180px);height:min(76vh,760px);min-height:420px;border:1px solid rgb(255 255 255 / 16%);border-radius:24px;background:#151a25;box-shadow:0 0 0 1px #8dffdf12,0 24px 80px #00000073,inset 0 0 40px #7df9ff0f}.game-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.virtual-joystick{position:absolute;top:0;left:0;z-index:4;width:132px;height:132px;border-radius:50%;pointer-events:none;touch-action:none;opacity:0;transform:translate(-50%,-50%) scale(.92);transition:opacity .12s ease,transform .12s ease;z-index:var(--z-joystick)}.virtual-joystick.active{opacity:1;transform:translate(-50%,-50%) scale(1)}.virtual-joystick__base,.virtual-joystick__knob{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;border-radius:50%}.virtual-joystick__base{width:112px;height:112px;border:1px solid rgb(141 255 223 / 26%);background:#0f141f66;box-shadow:inset 0 0 28px #8dffdf17;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.virtual-joystick__knob{width:52px;height:52px;border:1px solid rgb(255 226 138 / 46%);background:radial-gradient(circle at 35% 30%,#fff4ccdb,#8dffdfb8);box-shadow:0 10px 28px #00000057;transition:transform 80ms linear}.eyebrow{margin:0 0 8px;color:#88ffe2;font-size:.78rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase}h1{margin:0;color:#fff4cc;font-size:clamp(3rem,12vw,7rem)}p{margin:16px auto 0;max-width:520px;color:#d8cbb2;font-size:1.1rem}.hud{position:absolute;right:max(20px,4vw);bottom:var(--space-ui);left:max(20px,4vw);display:grid;grid-template-columns:2fr .8fr 1.5fr 1fr 1fr 1.3fr;gap:10px;padding:12px;border:1px solid rgb(255 255 255 / 12%);border-radius:var(--radius-panel);background:var(--color-panel);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:var(--z-hud)}.hud__item,.skill-strip span{display:grid;gap:4px;padding:8px 10px;border-radius:12px;background:#ffffff12}.hud b{color:var(--color-primary);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.hud span{color:#fff4cc;font-size:.95rem;font-weight:700}.mobile-only{display:none}meter{width:100%;height:7px}.skill-strip{position:absolute;top:20px;right:max(20px,4vw);display:flex;max-width:min(560px,68vw);flex-wrap:wrap;justify-content:flex-end;gap:8px;z-index:var(--z-hud)}.skill-strip span{color:var(--color-text);font-size:.82rem;font-weight:700}.skill-chip--boss{border:1px solid rgb(255 226 138 / 28%);background:radial-gradient(circle at 18% 12%,rgb(255 226 138 / 18%),transparent 38%),#ffffff14!important}.boss-status{position:absolute;top:86px;right:max(20px,4vw);z-index:var(--z-hud);width:min(360px,58vw);pointer-events:none}.boss-status__card{display:grid;gap:7px;padding:12px 14px;border:1px solid rgb(255 226 138 / 24%);border-radius:var(--radius-panel);color:var(--color-text);background:radial-gradient(circle at 18% 12%,rgb(255 95 95 / 16%),transparent 36%),var(--color-panel);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.boss-status__card strong{color:#fff4cc}.boss-status__card span{color:var(--color-muted);font-size:.86rem;font-weight:800}.boss-status__card--active{border-color:#ff8f8f6b}.boss-status__card--defeated{border-color:#8dffdf57}.meta-panel{position:absolute;top:20px;left:max(20px,4vw);width:min(300px,42vw);padding:14px 16px;border:1px solid rgb(255 255 255 / 10%);border-radius:var(--radius-panel);background:var(--color-panel);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;z-index:var(--z-meta)}.meta-panel--collapsed{width:auto;min-width:190px;padding:10px}.meta-panel--drawer{top:max(20px,env(safe-area-inset-top));bottom:max(20px,env(safe-area-inset-bottom));width:min(380px,calc(100vw - 40px));overflow:auto;background:#0f141feb;z-index:var(--z-drawer)}.meta-mini{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px}.meta-mini span{color:#fff4cc;font-size:.88rem;font-weight:800}.meta-mini small{grid-column:1 / -1;color:var(--color-muted);font-size:.74rem}.meta-notice{color:var(--color-accent)!important}.meta-toggle,.meta-close{min-height:0;padding:8px 11px;border:1px solid rgb(141 255 223 / 28%);border-radius:999px;color:var(--color-text);background:#ffffff14;cursor:pointer;font:inherit;font-size:.82rem;font-weight:800}.meta-toggle:hover,.meta-close:hover{border-color:#ffe28a8f}.meta-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgb(255 255 255 / 10%);color:var(--color-primary);font-size:.8rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.meta-panel h2{margin:0 0 8px;color:#fff4cc;font-size:1rem}.meta-panel h3{margin:0;color:var(--color-primary);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.meta-panel p{margin:4px 0;color:var(--color-muted);font-size:.84rem}.meta-section{margin-top:14px}.meta-grid{display:grid;gap:10px;margin-top:10px}.meta-card{display:grid;gap:4px;padding:10px;border:1px solid rgb(255 255 255 / 10%);border-radius:12px;background:#ffffff0d}.meta-card strong{color:#fff4cc;font-size:.92rem}.meta-card span,.meta-card small{color:var(--color-muted)}.meta-card span{font-size:.82rem;font-weight:700}.meta-card small{font-size:.78rem;line-height:1.35}.meta-action{min-height:0;margin-top:6px;padding:8px 10px;border:1px solid rgb(141 255 223 / 26%);border-radius:12px;color:var(--color-text);background:#ffffff14;cursor:pointer;font:inherit;font-size:.8rem;font-weight:700;transition:transform .16s ease,border-color .16s ease,opacity .16s ease}.meta-action:hover{transform:translateY(-1px);border-color:#ffe28a8a}.meta-action:disabled{cursor:not-allowed;opacity:.55;transform:none}.meta-action.secondary{border-color:#ffffff29}.catalog-card.selected{border-color:#8dffdf75;box-shadow:0 0 0 1px #8dffdf29,0 18px 40px #0000003d}.stage-select-panel{gap:22px}.stage-chapter{display:grid;gap:14px}.stage-chapter__header{display:grid;gap:6px}.stage-chapter__header h3{margin:0;color:#fff4cc;font-size:clamp(1.2rem,3vw,1.8rem)}.stage-chapter__header p{margin:0}.stage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.stage-card{display:grid;gap:10px;padding:14px;border:1px solid rgb(255 255 255 / 10%);border-radius:18px;background:radial-gradient(circle at 16% 10%,rgb(141 255 223 / 10%),transparent 34%),#ffffff0f}.stage-card.selected{border-color:#8dffdf85;box-shadow:0 0 0 1px #8dffdf29}.stage-card.completed{background:radial-gradient(circle at 16% 10%,rgb(141 255 223 / 14%),transparent 34%),#ffffff12}.stage-card.boss{border-color:#ffe28a5c;background:radial-gradient(circle at 16% 10%,rgb(255 143 143 / 16%),transparent 34%),#ffffff0f}.stage-card.planned{opacity:.72}.stage-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.stage-card__header div{display:grid;gap:3px}.stage-card__header small,.stage-card__lock{color:var(--color-muted);font-size:.76rem;font-weight:800}.stage-card__header strong{color:#fff4cc;font-size:1.05rem}.stage-card__header span{border:1px solid rgb(141 255 223 / 28%);border-radius:999px;padding:4px 8px;color:var(--color-primary);font-size:.74rem;font-weight:900;white-space:nowrap}.stage-card p{margin:0;font-size:.92rem}.stage-card__meta{display:flex;flex-wrap:wrap;gap:6px}.stage-card__meta span{border-radius:999px;padding:5px 8px;color:#fff4cc;background:#ffffff14;font-size:.76rem;font-weight:800}.catalog-card__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.meta-reset{width:100%;margin-top:14px}.modal{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 42%,rgb(141 255 223 / 12%),transparent 32%),#04070c61;pointer-events:auto;z-index:var(--z-modal)}.hidden{display:none}.level-up-card{width:min(720px,92vw);padding:clamp(22px,4vw,34px);border:1px solid rgb(255 255 255 / 14%);border-radius:var(--radius-modal);background:linear-gradient(145deg,#161b26f0,#2a2132f0);box-shadow:var(--shadow-modal);text-align:center}.level-up-card h2{margin:0;color:#fff4cc;font-size:clamp(1.8rem,5vw,3rem)}.pause-note{margin-top:10px;color:#8dffdf;font-weight:700}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.choice-button,.restart-button,.meta-open-button{min-height:150px;border:1px solid rgb(141 255 223 / 26%);border-radius:18px;color:#f6ead2;background:radial-gradient(circle at 20% 10%,rgb(141 255 223 / 20%),transparent 34%),#ffffff14;cursor:pointer;font:inherit;transition:transform .16s ease,border-color .16s ease,background .16s ease}.choice-button:hover,.restart-button:hover,.meta-open-button:hover{transform:translateY(-2px);border-color:#ffe28a8a}.choice-button strong,.choice-button span,.choice-button small{display:block}.choice-button strong{color:#fff4cc;font-size:1.3rem}.choice-button span{margin-top:8px;color:#8dffdf;font-weight:700}.choice-button small{margin-top:10px;color:#d8cbb2;line-height:1.4}.settlement p{margin:8px auto}.restart-button,.meta-open-button{min-height:0;padding:12px 20px;font-weight:800}.settlement-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px}.meta-open-button{background:radial-gradient(circle at 20% 10%,rgb(255 226 138 / 16%),transparent 34%),#ffffff0f}@media(max-width:900px){.hud{grid-template-columns:repeat(3,minmax(0,1fr))}.hud__item--move{display:none}.skill-strip{max-width:min(620px,74vw)}}@media(max-width:640px){.game-shell{align-items:stretch;padding:0}.game-canvas{width:100vw;height:100dvh;min-height:100dvh;border:0;border-radius:0}.hud{top:max(10px,env(safe-area-inset-top));right:10px;bottom:auto;left:10px;grid-template-columns:repeat(2,1fr);padding:8px}.hud__item{padding:7px 8px}.desktop-only{display:none}.mobile-only{display:inline}.meta-panel--collapsed{top:auto;right:10px;bottom:max(18px,env(safe-area-inset-bottom));left:auto;width:auto;max-width:calc(100vw - 156px)}.meta-mini{grid-template-columns:1fr}.meta-mini small{display:none}.meta-panel--drawer{top:auto;right:10px;bottom:10px;left:10px;width:auto;max-height:min(72dvh,620px);border-radius:24px 24px 18px 18px}.skill-strip{top:auto;right:10px;bottom:156px;left:10px;max-width:none;justify-content:flex-start}.skill-strip span{padding:6px 8px;font-size:.75rem}.virtual-joystick{bottom:max(24px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left))}.choice-grid{grid-template-columns:1fr}.modal{align-items:center;padding:16px 12px}.level-up-card{width:min(100%,420px);max-height:calc(100dvh - 32px);overflow:auto}.choice-button{min-height:108px}.boss-status{top:auto;right:10px;bottom:218px;left:10px;width:auto}}@media(max-height:500px)and (orientation:landscape){.game-shell{align-items:stretch;padding:0}.game-canvas{width:100vw;height:100dvh;min-height:100dvh;border:0;border-radius:0}.hud{top:8px;right:8px;bottom:auto;left:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px}.hud__item{padding:5px 7px}.skill-strip{top:auto;right:8px;bottom:8px;left:150px;max-width:none;max-height:92px;gap:6px;overflow:hidden}.virtual-joystick{width:116px;height:116px}.level-up-card{max-height:calc(100dvh - 24px);overflow:auto}.choice-grid{gap:10px}.choice-button{min-height:112px}}.app-shell{position:relative;width:100vw;height:100dvh;overflow:auto;padding:clamp(16px,3vw,36px);background:radial-gradient(circle at 16% 10%,rgb(255 179 71 / 22%),transparent 28%),radial-gradient(circle at 80% 14%,rgb(141 255 223 / 22%),transparent 30%),linear-gradient(135deg,#101521,#251d2f 58%,#171b26)}.hub-orbit{position:fixed;inset:auto -120px -180px auto;width:420px;height:420px;border:1px solid rgb(141 255 223 / 12%);border-radius:50%;background:radial-gradient(circle,rgb(141 255 223 / 10%),transparent 62%);pointer-events:none}.hub-card,.result-card{position:relative;width:min(1180px,100%);margin:0 auto;border:1px solid rgb(255 255 255 / 12%);border-radius:28px;background:#0f141fc7;box-shadow:var(--shadow-modal);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hub-card{min-height:calc(100dvh - clamp(32px,6vw,72px));padding:clamp(14px,2.4vw,24px)}.hub-tabs,.codex-tabs,.hub-actions,.settlement-actions{display:flex;flex-wrap:wrap;gap:10px}.hub-tabs,.codex-tabs{margin-bottom:18px}.hub-tab,.codex-tab,.primary-action,.secondary-action,.danger-action{min-height:0;border:1px solid rgb(141 255 223 / 24%);border-radius:999px;color:var(--color-text);background:#ffffff12;cursor:pointer;font:inherit;font-size:.9rem;font-weight:800;transition:transform .16s ease,border-color .16s ease,background .16s ease}.hub-tab,.codex-tab{padding:9px 13px}.hub-tab.active,.codex-tab.active,.primary-action{border-color:#ffe28a8a;background:radial-gradient(circle at 25% 18%,rgb(255 226 138 / 18%),transparent 38%),#8dffdf1f}.hub-tab:hover,.codex-tab:hover,.primary-action:hover,.secondary-action:hover,.danger-action:hover{transform:translateY(-1px);border-color:#ffe28a8f}.hub-panel{display:grid;gap:16px;padding:clamp(18px,3vw,34px);border:1px solid rgb(255 255 255 / 10%);border-radius:24px;background:#ffffff0d}.hub-panel h1,.result-card h1{font-size:clamp(2.2rem,8vw,5.8rem)}.hub-panel h2{margin:0;color:#fff4cc;font-size:clamp(1.6rem,4vw,2.8rem)}.hub-panel p,.result-card p{max-width:760px;margin:0}.hub-summary-grid,.catalog-grid{display:grid;gap:12px}.hub-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-summary-grid article,.catalog-card{border:1px solid rgb(255 255 255 / 10%);border-radius:16px;background:#ffffff0f}.hub-summary-grid article{display:grid;gap:6px;padding:14px}.hub-summary-grid b{color:var(--color-primary);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.hub-summary-grid span{color:#fff4cc;font-size:1.35rem;font-weight:900}.primary-action,.secondary-action,.danger-action{padding:12px 18px}.danger-action{border-color:#ff8f8f5c;color:#ffd6d6}.boss-preview{display:grid;gap:6px;padding:14px;border:1px dashed rgb(255 226 138 / 26%);border-radius:16px;color:var(--color-muted)}.boss-preview strong{color:var(--color-accent)}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-card{display:grid;gap:10px;padding:14px}.catalog-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.catalog-card strong{color:#fff4cc;font-size:1.05rem}.catalog-card__header span{padding:4px 8px;border:1px solid rgb(141 255 223 / 22%);border-radius:999px;color:var(--color-primary);font-size:.72rem;font-weight:900}.catalog-card.planned .catalog-card__header span{border-color:#ffe28a47;color:var(--color-accent)}.catalog-card p,.catalog-card small,.catalog-card li{color:var(--color-muted);font-size:.88rem}.catalog-card ul{display:grid;gap:4px;margin:0;padding-left:18px}.catalog-card__tips{color:#fff4cc!important}.hub-meta-panel h2,.hub-meta-panel h3{margin:0}.hub-meta-panel h2{color:#fff4cc}.hub-meta-panel h3{color:var(--color-primary)}.hub-meta-panel p{color:var(--color-muted);font-size:.92rem}.result-screen{display:grid;place-items:center}.result-card{display:grid;gap:18px;padding:clamp(22px,4vw,42px);text-align:center}.result-card .hub-summary-grid{text-align:left}.result-skills{justify-self:center;color:var(--color-muted)}@media(max-width:900px){.hub-summary-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.app-shell{padding:10px}.hub-card,.result-card{min-height:calc(100dvh - 20px);border-radius:22px}.hub-tabs,.codex-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.hub-tab,.codex-tab{white-space:nowrap}.hub-panel{padding:16px}.hub-summary-grid,.catalog-grid{grid-template-columns:1fr}}.asset-icon{display:inline-grid;width:54px;height:54px;place-items:center;border-radius:16px;background:radial-gradient(circle at 30% 18%,rgb(255 255 255 / 12%),transparent 36%),#ffffff12}.asset-icon svg{display:block;width:100%;height:100%}.catalog-card__visual{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.catalog-card__visual--planned .asset-icon{filter:grayscale(.7);opacity:.72}.catalog-card__icon{box-shadow:0 0 0 1px #8dffdf1f,0 12px 28px #0000002e}.home-card,.map-card,.world-card-shell{display:grid;gap:clamp(16px,2.4vw,24px);min-height:calc(100dvh - clamp(32px,6vw,72px));padding:clamp(14px,2.4vw,24px)}.home-resource-bar{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:10px;border:1px solid rgb(255 255 255 / 10%);border-radius:22px;background:linear-gradient(90deg,rgb(255 226 138 / 10%),transparent),#090d16c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.home-resource-bar article{display:grid;gap:4px;padding:10px 12px;border:1px solid rgb(141 255 223 / 13%);border-radius:16px;background:#ffffff0d}.home-resource-bar b,.map-current-stage span,.world-card small,.function-panel__header small{color:var(--color-primary);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.home-resource-bar span{color:#fff4cc;font-weight:900}.home-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:clamp(16px,3vw,28px);align-items:stretch}.home-hero-card,.home-side-card,.map-current-stage,.world-card{border:1px solid rgb(255 255 255 / 11%);border-radius:28px;background:radial-gradient(circle at 18% 12%,rgb(255 226 138 / 14%),transparent 32%),#ffffff0d;box-shadow:0 20px 70px #0000002e}.home-hero-card{display:grid;align-content:center;gap:20px;min-height:min(62dvh,620px);padding:clamp(24px,5vw,56px)}.home-hero-card h1,.screen-header h1,.world-card h2,.route-map h2{margin:0;color:#fff4cc}.home-hero-card h1,.screen-header h1{font-size:clamp(2.8rem,8vw,7.2rem);letter-spacing:-.08em;line-height:.88}.home-hero-card p,.screen-header p,.world-card p,.chapter-route__intro p,.map-current-stage small{margin:0;color:var(--color-muted);line-height:1.6}.home-stage-focus{display:grid;gap:8px;max-width:640px;padding:16px;border:1px solid rgb(141 255 223 / 18%);border-radius:20px;background:#060a125c}.home-stage-focus span{color:var(--color-primary);font-weight:900}.home-stage-focus strong{color:#fff4cc;font-size:clamp(1.5rem,3vw,2.6rem)}.home-actions{align-items:center}.home-start{display:grid;gap:2px;place-items:center;min-width:min(100%,220px);min-height:64px;font-size:1.08rem}.home-start strong,.home-start small{display:block}.home-start small{color:var(--color-muted);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.home-world-preview{border-color:#ffffff24;opacity:.82}.home-side-card{display:grid;gap:14px;padding:clamp(16px,2.4vw,24px)}.function-dock{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:12px;border:1px solid rgb(255 255 255 / 10%);border-radius:24px;background:#060a126b}.function-dock__button{display:grid;gap:5px;min-height:82px;padding:12px;border:1px solid rgb(141 255 223 / 18%);border-radius:20px;color:var(--color-text);background:radial-gradient(circle at 20% 10%,rgb(141 255 223 / 13%),transparent 34%),#ffffff0f;cursor:pointer;font:inherit;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease}.function-dock__button:hover,.map-node:hover,.world-card.unlocked:hover{transform:translateY(-2px);border-color:#ffe28a8a}.function-dock__button strong{color:#fff4cc;font-size:1.02rem}.function-dock__button span{color:var(--color-muted);font-size:.78rem}.function-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;justify-items:end;padding:clamp(12px,2vw,24px);background:#04060c70;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.function-panel{display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;width:min(760px,100%);max-height:calc(100dvh - clamp(24px,4vw,48px));padding:clamp(14px,2vw,20px);overflow:auto;border:1px solid rgb(255 255 255 / 14%);border-radius:28px;background:radial-gradient(circle at 16% 8%,rgb(141 255 223 / 14%),transparent 32%),#0d121df0;box-shadow:var(--shadow-modal)}.function-panel__header,.screen-header,.chapter-route__intro,.catalog-card__actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.function-panel__header strong{display:block;margin-top:2px;color:#fff4cc;font-size:1.5rem}.screen-header{align-items:flex-start}.screen-header__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.world-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,3vw,28px)}.world-card{display:grid;align-content:start;gap:16px;min-height:360px;padding:clamp(20px,3vw,34px);transition:transform .16s ease,border-color .16s ease}.world-card.unlocked{border-color:#ffe28a4d}.world-card.planned{opacity:.78;filter:grayscale(.25)}.world-card span{color:#fff4cc;font-weight:800}.map-current-stage{display:grid;gap:6px;padding:16px}.map-current-stage strong{color:#fff4cc;font-size:1.35rem}.map-notice{margin:0;padding:12px 14px;border:1px solid rgb(255 226 138 / 30%);border-radius:16px;color:#fff4cc;background:#ffe28a1a}.route-map,.chapter-route{display:grid;gap:16px}.chapter-map-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:clamp(14px,2.4vw,24px);align-items:start}.chapter-route{padding:16px;border:1px solid rgb(255 255 255 / 10%);border-radius:24px;background:#ffffff0a}.chapter-route__intro h3{margin:0;color:#fff4cc}.map-route{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.map-route:before{position:absolute;top:32px;right:8%;left:8%;height:2px;background:linear-gradient(90deg,#8dffdf00,#8dffdf6b,#ffe28a5c,#8dffdf00);content:""}.map-node{position:relative;z-index:1;display:grid;gap:10px;min-height:208px;padding:14px;border:1px solid rgb(141 255 223 / 18%);border-radius:22px;color:var(--color-text);background:radial-gradient(circle at 50% 0%,rgb(141 255 223 / 14%),transparent 42%),#090d16d1;cursor:pointer;font:inherit;text-align:left;transition:transform .16s ease,border-color .16s ease,opacity .16s ease}.route-node{align-content:start;min-height:142px;border-radius:999px 999px 24px 24px;text-align:center}.route-node.focused{border-color:#ffe28ac2;box-shadow:0 0 0 2px #ffe28a2e,0 18px 42px #ffe28a1f}.route-node .map-node__ring{justify-self:center}.route-node__boss-marker{justify-self:center;width:fit-content;padding:4px 9px;border:1px solid rgb(255 226 138 / 42%);border-radius:999px;color:var(--color-accent);background:#ff585829;font-size:.72rem;font-weight:1000;letter-spacing:.1em;text-transform:uppercase}.stage-detail-panel{position:sticky;top:18px;display:grid;gap:14px;padding:clamp(16px,2.4vw,24px);border:1px solid rgb(255 226 138 / 22%);border-radius:28px;background:radial-gradient(circle at 18% 10%,rgb(255 226 138 / 14%),transparent 34%),#070c15e0;box-shadow:0 24px 70px #00000042}.stage-detail-panel h2{margin:0;color:#fff4cc;font-size:clamp(1.45rem,3vw,2.4rem)}.stage-detail-panel p{margin:0;color:var(--color-muted)}.stage-detail-panel__status{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.stage-detail-panel__status span,.stage-detail-panel__status strong{width:fit-content;padding:5px 9px;border:1px solid rgb(141 255 223 / 24%);border-radius:999px;color:var(--color-primary);background:#ffffff0f;font-size:.74rem;font-weight:1000}.stage-detail-panel__status strong{border-color:#ffe28a4d;color:var(--color-accent)}.stage-detail-panel__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stage-detail-panel__meta article{display:grid;gap:5px;padding:10px;border:1px solid rgb(255 255 255 / 10%);border-radius:16px;background:#ffffff0d}.stage-detail-panel__meta b,.stage-detail-panel__rewards strong{color:var(--color-primary);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.stage-detail-panel__meta span{color:#fff4cc;font-weight:900}.stage-detail-panel__rewards{display:grid;gap:8px}.stage-detail-panel__rewards ul{display:grid;gap:6px;margin:0;padding-left:18px;color:var(--color-muted)}.stage-detail-panel__lock{padding:10px 12px;border:1px dashed rgb(255 226 138 / 28%);border-radius:16px;background:#ffe28a14}.stage-detail-start{width:100%;min-height:52px}.stage-detail-start:disabled{cursor:not-allowed;opacity:.5}.map-node__ring{display:grid;width:52px;height:52px;place-items:center;border:2px solid rgb(141 255 223 / 42%);border-radius:50%;color:#fff4cc;background:#060a12eb;font-weight:1000}.map-node__body{display:grid;gap:5px}.map-node strong{color:#fff4cc}.map-node small,.map-node__lock{color:var(--color-muted);font-size:.8rem}.map-node em{width:fit-content;padding:4px 8px;border:1px solid rgb(141 255 223 / 22%);border-radius:999px;color:var(--color-primary);font-size:.74rem;font-style:normal;font-weight:900}.map-node.current{border-color:#ffe28ab3;box-shadow:0 0 0 1px #ffe28a26,0 18px 42px #ffe28a1a}.map-node.boss{background:radial-gradient(circle at 50% 0%,rgb(255 88 88 / 18%),transparent 42%),#140b10e0}.map-node.locked{opacity:.72}.map-node.planned{border-style:dashed}.result-actions{justify-content:center}@media(max-width:980px){.home-layout,.world-grid,.chapter-map-layout{grid-template-columns:1fr}.function-dock{grid-template-columns:repeat(3,minmax(0,1fr))}.map-route{grid-template-columns:repeat(2,minmax(0,1fr))}.map-route:before{display:none}}@media(max-width:640px){.home-card,.map-card,.world-card-shell{min-height:calc(100dvh - 20px);padding:12px}.home-resource-bar,.function-dock,.map-route{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero-card,.home-side-card,.world-card,.chapter-route{border-radius:22px}.home-hero-card{min-height:auto;padding:22px}.home-hero-card h1,.screen-header h1{font-size:clamp(2.4rem,18vw,4.8rem)}.function-dock__button{min-height:74px}.function-panel-backdrop{align-items:end;padding:8px}.function-panel{width:100%;max-height:86dvh;border-radius:24px 24px 18px 18px}.screen-header,.chapter-route__intro,.function-panel__header{display:grid}.screen-header__actions{justify-content:start}.map-route{gap:10px}.map-node{min-height:190px;padding:12px}.route-node{min-height:132px}.stage-detail-panel{position:sticky;bottom:10px;top:auto;z-index:5;border-radius:24px 24px 18px 18px}.stage-detail-panel__meta{grid-template-columns:1fr}}.battle-menu-slot{position:absolute;top:max(20px,env(safe-area-inset-top));right:max(20px,4vw);z-index:calc(var(--z-hud) + 2);pointer-events:auto}.battle-menu-button{min-width:82px;min-height:44px;border:1px solid rgb(255 226 138 / 40%);border-radius:999px;color:var(--color-text);background:radial-gradient(circle at 24% 18%,rgb(255 226 138 / 18%),transparent 38%),#0f141fd1;box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;font:inherit;font-size:.9rem;font-weight:900;letter-spacing:.08em;pointer-events:auto;transition:transform .16s ease,border-color .16s ease,background .16s ease}.battle-menu-button:hover{transform:translateY(-1px);border-color:#8dffdf8f}.battle-system-button{display:grid;min-width:72px;min-height:56px;place-items:center;gap:0;border-radius:18px;text-align:center}.battle-system-button small{color:var(--color-muted);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}.battle-pause-card{display:grid;gap:18px;width:min(520px,92vw);padding:clamp(24px,4vw,38px);border:1px solid rgb(255 255 255 / 14%);border-radius:var(--radius-modal);color:var(--color-text);background:radial-gradient(circle at 18% 10%,rgb(141 255 223 / 16%),transparent 34%),linear-gradient(145deg,#161b26f5,#2a2132f5);box-shadow:var(--shadow-modal);text-align:center}.battle-pause-card h2{margin:0;color:#fff4cc;font-size:clamp(2rem,6vw,4rem)}.battle-pause-card p{margin:0 auto}.battle-pause-actions{display:grid;gap:10px}.battle-pause-actions .primary-action,.battle-pause-actions .secondary-action{width:100%;min-height:48px}.battle-pause-card--settings{text-align:left}.battle-pause-card--settings .battle-pause-actions{margin-top:6px}@media(max-width:640px){.battle-menu-slot{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right))}.battle-menu-button{min-width:76px;min-height:46px}.battle-pause-card{width:min(100%,420px);max-height:calc(100dvh - 32px);overflow:auto;padding:22px}}