:root{--stage-width: 430px;--stage-height: 932px;--ink: #5d3b52;--ink-soft: #8a6475;--paper: #fff9e9;--cream: #fff2d4;--peach: #ffb3a2;--coral: #ef6f81;--mint: #83c9a2;--yellow: #ffd969;--shadow: rgba(74, 45, 65, .2);color:var(--ink);font-family:NanumSquareRound,Avenir Next Rounded,Apple SD Gothic Neo,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#f4d5b7}body{overscroll-behavior:none;touch-action:manipulation}button,input,select{font:inherit}button{min-height:44px;color:inherit}.game-shell{position:relative;display:grid;width:100%;height:100dvh;place-items:center;overflow:hidden;background:radial-gradient(circle at 18% 18%,rgba(255,246,200,.82) 0 6%,transparent 25%),radial-gradient(circle at 82% 74%,rgba(119,194,177,.5) 0 8%,transparent 29%),linear-gradient(145deg,#f5d5af,#efa9a7,#8ebdc2)}.game-shell:before{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:34px 34px;content:"";-webkit-mask-image:radial-gradient(circle,black,transparent 72%);mask-image:radial-gradient(circle,black,transparent 72%)}.ambient{position:absolute;width:32vmax;aspect-ratio:1;border:2px dashed rgba(255,250,224,.4);border-radius:42% 58% 66% 34%/48% 39% 61% 52%;animation:ambient-spin 28s linear infinite}.ambient-one{left:-10vmax;top:-11vmax}.ambient-two{right:-12vmax;bottom:-12vmax;animation-direction:reverse;animation-duration:34s}.game-stage{position:relative;width:min(100vw,var(--stage-width),calc(100dvh * 430 / 932));height:min(100dvh,var(--stage-height),calc(100vw * 932 / 430));overflow:hidden;border:1px solid rgba(255,255,255,.55);border-radius:clamp(0px,2.8vw,30px);background:#b8d487;box-shadow:0 34px 90px #4b334759,0 8px #5a384e1f,inset 0 0 0 1px #ffffff59;isolation:isolate}#game-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}.ui-root{position:absolute;inset:0;z-index:3;pointer-events:none}.ui-root>*{pointer-events:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.top-hud{position:absolute;z-index:4;top:max(14px,env(safe-area-inset-top));left:14px;right:14px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr) 48px;gap:8px;align-items:center}.resource-pill,.round-button,.dock-button,.reputation-card,.station-button{border:3px solid var(--ink);box-shadow:0 5px #5d3b522e}.resource-pill{display:flex;min-width:0;height:49px;align-items:center;gap:9px;padding:4px 15px 4px 6px;border-radius:18px;background:#fff9e9f5}.resource-pill strong{overflow:hidden;font-size:1.25rem;line-height:1;text-overflow:ellipsis;white-space:nowrap}.resource-icon{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border:2px solid var(--ink);color:#5d3b523d;font-size:18px;line-height:1}.coin-icon{border-radius:50%;background:var(--yellow);box-shadow:inset 0 0 0 5px #f2a950}.gem-icon{border-radius:9px 15px;background:#f58aae;transform:rotate(45deg) scale(.82)}.round-button{display:grid;width:48px;height:48px;padding:0;place-items:center;border-radius:16px;background:var(--paper);cursor:pointer;font-size:1.45rem}.settings-button{transform:rotate(-3deg)}.station-buttons{position:absolute;inset:0;pointer-events:none}.station-button{position:absolute;width:104px;height:86px;padding:0;border-color:transparent;background:transparent;box-shadow:none;cursor:pointer;pointer-events:auto}.station-button:nth-child(1){top:64.3%;left:13.3%}.station-button:nth-child(2){top:64.3%;right:13.3%}.station-button:nth-child(3){top:75.6%;left:13.3%}.station-button:nth-child(4){top:75.6%;right:13.3%}.station-level,.station-unlock{position:absolute;right:-2px;bottom:-1px;display:inline-flex;min-height:25px;align-items:center;justify-content:center;padding:2px 8px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);box-shadow:0 3px #5d3b5233;font-size:.72rem;font-weight:900}.station-button.is-locked .station-unlock{background:#d5c9ca;color:#725f68}.station-button.is-affordable .station-unlock{background:#79e49a;color:#36563f;animation:affordable-pop 1.35s ease-in-out infinite}.bottom-dock{position:absolute;z-index:5;right:12px;bottom:max(12px,env(safe-area-inset-bottom));left:12px;display:grid;grid-template-columns:78px minmax(0,1fr) 78px;gap:7px;align-items:end}.dock-button,.reputation-card{position:relative;min-height:64px;padding:8px;border-radius:18px;background:#fff9e9f7;cursor:pointer}.dock-button{display:grid;grid-template-rows:25px auto;place-items:center;font-size:.68rem;font-weight:900}.dock-icon{color:var(--coral);font-size:1.38rem;line-height:1}.reputation-card{display:grid;gap:7px;text-align:left}.reputation-copy{display:flex;min-width:0;align-items:baseline;justify-content:space-between;gap:8px}.reputation-copy strong{font-size:.88rem}.reputation-copy small{overflow:hidden;color:var(--ink-soft);font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.reputation-track{display:block;height:13px;overflow:hidden;border:2px solid var(--ink);border-radius:999px;background:#eadfd2}.reputation-progress{display:block;width:0;height:100%;border-radius:inherit;background:repeating-linear-gradient(-45deg,var(--coral) 0 8px,#ff9b8e 8px 16px);transition:width .3s ease}.notification-dot{position:absolute;top:-8px;right:-5px;width:18px;height:18px;border:2px solid var(--paper);border-radius:50%;background:#f0525e}.tutorial-callout{position:absolute;z-index:6;right:16px;bottom:96px;width:min(255px,calc(100% - 32px));padding:14px 16px;border:3px solid var(--ink);border-radius:18px 18px 4px;background:var(--paper);box-shadow:0 8px #5d3b522e;pointer-events:none;transform:rotate(-1deg)}.tutorial-callout:after{position:absolute;right:22px;bottom:-13px;width:22px;height:22px;border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);background:var(--paper);content:"";transform:rotate(45deg)}.tutorial-callout[hidden]{display:none}.tutorial-kicker,.panel-eyebrow,.menu-kicker,.section-title span{color:var(--coral);font-size:.59rem;font-weight:900;letter-spacing:.12em}.tutorial-callout strong{display:block;margin-top:4px;font-size:.93rem}.tutorial-callout p{margin:4px 0 0;color:var(--ink-soft);font-size:.72rem;line-height:1.45}.toast{position:absolute;z-index:20;top:91px;left:50%;max-width:calc(100% - 32px);padding:10px 16px;border:2px solid var(--ink);border-radius:999px;background:#4d7659;box-shadow:0 5px #5d3b522b;color:#fff;font-size:.78rem;font-weight:900;opacity:0;transform:translate(-50%,-9px);transition:opacity .18s ease,transform .18s ease;white-space:nowrap}.toast.is-showing{opacity:1;transform:translate(-50%)}.panel-layer{position:absolute;z-index:30;inset:0;display:grid;align-items:end}.panel-layer[hidden]{display:none}.panel-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#31242f94;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.panel-sheet{position:relative;display:grid;max-height:78%;overflow:hidden;border:3px solid var(--ink);border-bottom:0;border-radius:27px 27px 0 0;background:var(--paper);box-shadow:0 -16px 45px #432d3c40;animation:sheet-enter .24s cubic-bezier(.2,.8,.2,1)}.panel-sheet.is-compact{max-height:64%}.sheet-handle{width:48px;height:5px;margin:8px auto 0;border-radius:999px;background:#d9b9ac}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 17px 10px 20px;border-bottom:2px dashed #e8b5a4}.panel-header h2{margin:2px 0 0;font-size:1.18rem}.close-button{width:40px;height:40px;min-height:40px;flex:0 0 40px;border-width:2px;background:#ffd3cb;box-shadow:none;font-size:1.5rem}.panel-content{overflow:auto;padding:15px 17px max(24px,env(safe-area-inset-bottom));scrollbar-color:#d49d93 transparent;scrollbar-width:thin}.primary-button,.secondary-button,.double-button,.danger-button,.buy-chip,.role-grid button,.cat-card,.equipment-card,.reward-node{border:2px solid var(--ink);cursor:pointer;font-weight:900}.primary-button,.secondary-button,.double-button,.danger-button{width:100%;min-height:48px;border-radius:15px}.primary-button{display:flex;align-items:center;justify-content:space-between;padding:8px 15px;background:#79e49a;box-shadow:inset 0 -5px #327d4626}.primary-button:disabled,.buy-chip:disabled,.role-grid button:disabled,.reward-node:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.55}.secondary-button{background:var(--cream)}.danger-button{border-color:#aa4a5a;background:#fff0ec;color:#aa4a5a}.mini-coin{display:inline-block;margin-right:5px;color:#ec9b38;font-style:normal}.menu-popover{display:grid;gap:13px}.menu-hero{display:flex;align-items:center;gap:14px;padding:13px;border:2px solid var(--ink);border-radius:19px;background:linear-gradient(125deg,var(--menu-a),var(--menu-b))}.menu-glyph{display:grid;width:64px;height:64px;flex:0 0 64px;place-items:center;border:2px solid var(--ink);border-radius:19px 14px 21px 16px;background:#fff9e9d1;font-size:2.1rem;transform:rotate(-4deg)}.menu-hero h3,.menu-hero p{margin:2px 0 0}.menu-hero h3{font-size:1.25rem}.menu-hero p{color:var(--ink-soft);font-size:.68rem}.stat-comparison{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-comparison>div{display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:10px 12px;border-radius:13px;background:#f3e6d6}.stat-comparison span{grid-column:1 / -1;color:var(--ink-soft);font-size:.65rem}.stat-comparison small{align-self:end;color:#4d8b62}.hold-hint,.save-note,.locked-copy{margin:-5px 0 0;color:var(--ink-soft);font-size:.66rem;text-align:center}.panel-summary,.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-summary{margin-bottom:10px;padding:9px 12px;border-radius:12px;background:#f2e3d0;font-size:.74rem}.management-list{display:grid;gap:8px}.management-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:72px;padding:9px;border:2px solid #ebc7b4;border-radius:15px;background:#fff3df}.management-row.is-current{border-color:var(--coral);background:#ffe5d7}.management-row.is-complete{background:#e6f2df}.management-row.is-hidden-step{filter:saturate(.35);opacity:.6}.management-icon{display:grid;width:34px;height:34px;place-items:center;border:2px solid var(--ink);border-radius:12px;background:var(--yellow);font-weight:900}.management-row strong,.management-row p{display:block;margin:0}.management-row strong{font-size:.79rem}.management-row p{margin-top:3px;color:var(--ink-soft);font-size:.64rem;line-height:1.3}.buy-chip{min-height:38px;padding:4px 9px;border-radius:11px;background:#75e393;font-size:.69rem}.row-status{color:var(--ink-soft);font-size:.66rem;font-weight:900}.crew-panel{display:grid;gap:15px}.crew-slot-summary{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:9px 12px;border:2px dashed rgba(93,59,82,.35);border-radius:12px;background:#fff3df;font-size:.7rem}.crew-slot-summary small{color:var(--ink-soft);font-size:.6rem;text-align:right}.cat-role-badge{position:absolute;top:-6px;right:-4px;z-index:1;padding:2px 7px;border:2px solid var(--ink);border-radius:999px;background:#79e49a;color:#2f4d38;font-size:.54rem;font-style:normal;font-weight:900}.role-grid button.is-clear{background:#ffe1d6}.cat-roster,.equipment-grid{display:grid;grid-auto-flow:column;grid-auto-columns:94px;gap:8px;overflow-x:auto;padding:8px 4px 7px;scroll-snap-type:x proximity}.cat-card,.equipment-card{position:relative;display:grid;gap:3px;min-height:102px;padding:8px;place-items:center;border-radius:14px;background:var(--cream);scroll-snap-align:start;text-align:center}.cat-card.is-selected{background:#ffd8ce;box-shadow:0 4px #5d3b5226;transform:translateY(-2px)}.cat-card.is-locked,.equipment-card.is-locked{filter:grayscale(.75);opacity:.72}.cat-avatar,.large-cat-avatar{display:grid;place-items:center;border:2px solid var(--ink);background:radial-gradient(circle at 33% 35%,var(--cat-patch) 0 20%,transparent 21%),var(--cat-coat);font-weight:900}.cat-avatar{width:47px;height:43px;border-radius:42% 46% 48% 44%}.cat-card strong,.equipment-card strong{font-size:.7rem}.cat-card small,.equipment-card small{color:var(--ink-soft);font-size:.58rem}.selected-cat-card{padding:13px;border:2px solid var(--ink);border-radius:18px;background:#fff3df}.selected-cat-heading{display:flex;align-items:center;gap:12px}.large-cat-avatar{width:70px;height:67px;flex:0 0 70px;border-radius:24px 20px 25px 19px;font-size:1.4rem}.selected-cat-heading span,.selected-cat-heading p{color:var(--ink-soft);font-size:.65rem}.selected-cat-heading h3,.selected-cat-heading p{margin:2px 0 0}.passive-card{display:flex;justify-content:space-between;margin-top:10px;padding:8px 10px;border-radius:11px;background:#e2f1df;font-size:.67rem}.role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px}.role-grid button{min-height:42px;padding:6px;border-radius:11px;background:var(--paper);font-size:.65rem}.role-grid button span{margin-right:4px}.wardrobe-section{display:grid;gap:8px}.section-title h3{margin:1px 0 0;font-size:.92rem}.section-title small{color:var(--ink-soft)}.equipment-grid{grid-auto-columns:105px}.equipment-card.is-equipped{background:#dff2dc;box-shadow:inset 0 0 0 3px #7cbd86}.equipment-swatch{display:grid;width:44px;height:44px;place-items:center;border:2px solid var(--ink);border-radius:14px;background:var(--equipment-color)}.settings-panel{display:grid;gap:9px}.setting-row{position:relative;display:flex;min-height:57px;align-items:center;justify-content:space-between;gap:12px;padding:7px 9px;border-bottom:1px dashed #dbb9aa;cursor:pointer}.setting-row span{display:grid;gap:2px}.setting-row strong{font-size:.78rem}.setting-row small{color:var(--ink-soft);font-size:.62rem}.setting-row input{position:absolute;opacity:0}.setting-row i{position:relative;width:45px;height:26px;flex:0 0 45px;border:2px solid var(--ink);border-radius:999px;background:#d3c7c4;transition:background .16s ease}.setting-row i:after{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--paper);box-shadow:0 1px 2px #37232e40;content:"";transition:transform .16s ease}.setting-row input:checked+i{background:var(--mint)}.setting-row input:checked+i:after{transform:translate(19px)}.settings-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.offline-panel{display:grid;gap:9px;place-items:center;text-align:center}.offline-panel p{max-width:280px;margin:0;color:var(--ink-soft);font-size:.72rem}.offline-illustration{position:relative;display:grid;width:92px;height:72px;place-items:center;border-radius:50%;background:#ded9ef}.offline-illustration span{font-size:3rem;transform:rotate(-15deg)}.offline-illustration i{position:absolute;color:#8d79a6;font-weight:900}.offline-illustration i:nth-of-type(1){top:2px;right:8px}.offline-illustration i:nth-of-type(2){top:19px;right:-2px}.offline-illustration i:nth-of-type(3){top:37px;right:6px}.offline-time{margin-bottom:-5px!important}.offline-amount{font-size:1.7rem}.double-button{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#ffd5e3}.map-panel{display:grid;gap:17px}.route-line{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:6px 0}.route-line:before{position:absolute;top:25px;right:15%;left:15%;height:4px;border:1px solid var(--ink);border-radius:999px;background:#ddc9bb;content:""}.route-stop{position:relative;display:grid;gap:4px;place-items:center;text-align:center}.route-stop i{z-index:1;display:grid;width:40px;height:40px;place-items:center;border:2px solid var(--ink);border-radius:50%;background:#ddd1c6;font-style:normal;font-weight:900}.route-stop.is-current i{background:var(--yellow);box-shadow:0 0 0 5px #ffd96959}.route-stop.is-complete i{background:var(--mint)}.route-stop small{font-size:.6rem;font-weight:900}.reward-track{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.reward-node{display:grid;gap:5px;min-height:79px;padding:7px;place-items:center;border-radius:14px;background:#efe4d7}.reward-node.is-available{background:#ffdfa1}.reward-node.is-claimed{background:#dcebd9}.reward-node i{display:grid;width:35px;height:35px;place-items:center;border-radius:50%;background:#ffffffb3;font-size:.67rem;font-style:normal}.reward-node span{font-size:.59rem}.inspection-card{padding:14px;border:2px solid var(--ink);border-radius:18px;background:#fff3dd}.inspection-card h3{margin:3px 0 10px}.condition-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px dashed #dfbdad;font-size:.71rem}.condition-row i{color:#4d8b62;font-style:normal;font-weight:900}.inspection-card .primary-button{margin-top:12px;justify-content:center}.ending-card{margin-top:12px;padding:12px;border-radius:12px;background:#e4dff2;font-size:.72rem;font-weight:900;text-align:center}button:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #5d3b5229}.settings-button:active:not(:disabled){transform:rotate(-3deg) translateY(2px)}:focus-visible{outline:4px solid #2f8691;outline-offset:3px}@keyframes affordable-pop{50%{transform:translateY(-3px) rotate(2deg)}}@keyframes sheet-enter{0%{transform:translateY(28px);opacity:0}}@keyframes ambient-spin{to{transform:rotate(1turn)}}@media(max-width:540px){.game-stage{border:0;border-radius:0;box-shadow:none}.ambient{display:none}}@media(max-height:710px){.top-hud{top:8px}.resource-pill,.round-button{height:42px;min-height:42px}.resource-icon{width:29px;height:29px;flex-basis:29px}.bottom-dock{bottom:7px}.dock-button,.reputation-card{min-height:54px}.tutorial-callout{bottom:75px}.panel-sheet{max-height:88%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}