:root{--app-vh:1vh;--safe-bottom:env(safe-area-inset-bottom,0px);--bg-top:#f7f1de;--bg-bottom:#d9eedc;--ink:#273a39;--muted:#6d857f;--panel:#fffaf2f0;--panel-strong:#fff8eefa;--panel-soft:#ffffffc7;--line:#709a8b57;--accent:#f4a261;--mint:#88c9a1;--mint-deep:#43745b;--blue:#7db4d8;--gold:#f3c969;--warn:#d9807f;--shadow:0 18px 40px #495f592e;--pixel-shadow:0 0 0 3px #ffffff80, 0 0 0 6px #86b3a238;--radius:20px}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{min-height:calc(var(--app-vh) * 100);color:var(--ink);background:radial-gradient(circle at top left, #ffffffd9, transparent 24%), radial-gradient(circle at 88% 8%, #ffddaf85, transparent 18%), linear-gradient(180deg, var(--bg-top), var(--bg-bottom));font-family:Trebuchet MS,Malgun Gothic,Verdana,sans-serif}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;border:0}input{background:#ffffffd6;border:1px solid #8eb5a557;border-radius:12px;width:100%;padding:12px 14px}code{color:#466f8d;background:#7db4d829;border-radius:8px;padding:2px 6px;font-family:Courier New,monospace;font-size:.92em}.app-shell{max-width:1400px;min-height:calc(var(--app-vh) * 100);flex-direction:column;margin:0 auto;padding:22px;display:flex}.topbar{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px;display:flex}.topbar h1,.inventory-panel h2,.detail-card h3,.modal-card h3,.panel-card h3{letter-spacing:.04em;margin:0;font-family:Courier New,monospace}.eyebrow{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin:0 0 6px;font-size:.76rem}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.status-chip,.topbar-note{border:1px solid var(--line);box-shadow:var(--shadow);color:var(--mint-deep);background:#fffaf2d1;border-radius:16px;padding:12px 16px;font-weight:700}.layout{flex:1;min-height:0;display:block}.world-panel{min-height:0}.world-frame{border-radius:var(--radius);background:linear-gradient(180deg, #ffffff8c, #ffffff38), var(--panel-strong);box-shadow:var(--shadow);border:1px solid #8eb5a570;min-height:0;padding:14px;position:relative;overflow:hidden}.game-root{aspect-ratio:3/2;width:100%;max-width:100%;box-shadow:var(--pixel-shadow);background:#b7e2e5;border:3px solid #6f9a8a8c;border-radius:14px;margin:0 auto;display:block;overflow:hidden}.game-root canvas{image-rendering:pixelated;display:block;width:100%!important;height:100%!important}.overlay{pointer-events:none;z-index:3;position:absolute}.toast-anchor{max-width:min(92%,460px);top:24px;left:50%;transform:translate(-50%)}.portrait-anchor{max-width:min(92%,360px);top:82px;left:50%;transform:translate(-50%)}.action-anchor{min-width:320px;bottom:144px;left:50%;transform:translate(-50%)}.dock-anchor{bottom:24px;left:24px;right:24px}.toast-banner,.action-status,.dock-shell,.portrait-hint,.inventory-panel,.inventory-backdrop,.detail-card,.journal-card,.quest-drawer,.status-chip,.topbar-note{pointer-events:auto}.toast-banner,.action-status,.portrait-hint{background:#fffcf7f0;border:1px solid #8eb5a573;border-radius:14px;padding:10px 14px;box-shadow:0 10px 24px #495f5924}.toast-banner{color:var(--mint-deep);font-weight:700}.portrait-hint{color:#8a4b4a;text-align:center;background:#fff4ebf5;border-color:#d9807f59;font-weight:700}.dock-shell{background:#fff9f1eb;border:1px solid #8eb5a56b;border-radius:18px;flex-direction:column;gap:12px;padding:14px;display:flex;box-shadow:0 18px 36px #495f592e}.dock-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.coin-stack,.hp-stack,.context-stack,.quest-stack{background:#ffffffb3;border:1px solid #8eb5a538;border-radius:16px;padding:12px 14px}.dock-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-size:.76rem;font-weight:700;display:block}.coin-value,.hp-value{font-size:1.2rem;font-weight:800}.coin-value{color:#9c5d26}.hp-value{color:#8a4b4a}.dock-context{font-weight:800}.dock-quest-title{margin-bottom:4px;font-weight:800;display:block}.dock-quest-progress{color:var(--muted);margin:0;font-size:.92rem}.placement-inline{color:#965e29;background:#f4a2611f;border-radius:12px;margin-top:10px;padding:9px 11px;font-weight:700}.hotbar{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.touch-controls{justify-content:space-between;align-items:stretch;gap:12px;display:none}.touch-move-pad{grid-template-rows:repeat(3,minmax(56px,64px));grid-template-columns:repeat(3,minmax(56px,64px));align-items:center;gap:8px;display:grid}.touch-pad-gap{visibility:hidden}.touch-pad-core{color:var(--muted);background:#7db4d81f;border-radius:16px;justify-content:center;align-items:center;font-size:.82rem;font-weight:800;display:flex}.touch-action-pad{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.touch-action-main{grid-column:1/-1}.touch-button{min-height:56px;color:var(--ink);-webkit-user-select:none;user-select:none;background:linear-gradient(#ffffffd6,#f2ecdef5);border:1px solid #8eb5a547;border-radius:16px;justify-content:center;align-items:center;padding:10px 12px;font-weight:800;display:flex;box-shadow:inset 0 0 0 2px #ffffff59}.touch-button.active,.touch-button:active{color:#fff;background:linear-gradient(#88c9a1fa,#7db4d8eb)}.hint-divider{color:#466f8d8c;margin:0 4px;display:inline-block}.hotbar-button{min-height:92px;color:var(--ink);background:linear-gradient(#fffc,#f2ecdeeb);border:1px solid #8eb5a547;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 10px;font-weight:800;display:flex;box-shadow:inset 0 0 0 2px #fff6}.hotbar-button small{color:var(--muted);font-size:.76rem;font-weight:700}.hotbar-button.active{color:#fff;background:linear-gradient(#88c9a1f5,#7db4d8e6)}.hotbar-button.active small{color:#ffffffd1}.action-header,.inventory-header,.quest-row-top,.journal-upgrade-row,.journal-upgrade-actions,.detail-head,.modal-header,.shop-item-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.progress-shell{background:#88c9a12e;border:1px solid #88c9a147;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--gold));width:0%;height:100%;transition:width .16s ease-out}.inventory-modal{z-index:5;position:absolute;inset:0}.inventory-backdrop,.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2638376b;position:absolute;inset:0}.inventory-panel{background:#fdf8eff7;border:1px solid #8eb5a55c;border-radius:22px;flex-direction:column;gap:14px;padding:18px;display:flex;position:absolute;inset:26px;box-shadow:0 24px 44px #212f2d38}.inventory-header-actions,.inventory-sections,.inventory-group-bar,.inventory-header-buttons,.card-actions,.small-list,.cost-row,.detail-stats,.modal-actions,.split-stats{flex-wrap:wrap;gap:8px;display:flex}.summary-chip,.tag-pill,.cost-pill{color:#466f8d;background:#7db4d81f;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:.84rem;font-weight:700;display:inline-flex}.tag-pill.warn{color:#8a4b4a;background:#d9807f24}.ghost-button,.inventory-section-button,.subtle-button{color:var(--mint-deep);background:#88c9a129;border-radius:12px;padding:10px 12px;font-weight:800}.inventory-section-button.active,.subtle-button.active{color:#fff;background:linear-gradient(90deg,#88c9a1f2,#7db4d8e6)}.inventory-main{flex:1;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:14px;min-height:0;display:grid}.inventory-left,.inventory-side{flex-direction:column;gap:12px;min-height:0;display:flex}.inventory-group-bar{flex-wrap:wrap;gap:8px;display:flex}.inventory-group-chip{color:var(--mint-deep);background:#88c9a11f;border-radius:12px;align-items:center;gap:8px;padding:9px 12px;font-weight:800;display:inline-flex}.inventory-group-chip small{color:var(--muted);font-size:.78rem}.inventory-group-chip.active{color:#fff;background:linear-gradient(90deg,#88c9a1f2,#7db4d8e6)}.inventory-group-chip.active small{color:#ffffffd6}.inventory-notice,.inline-note{color:#9c5d26;background:#f4a2611a;border-radius:14px;padding:12px 14px}.warn-note,.error-text{color:#8a4b4a;background:#d9807f1f}.error-text{border-radius:12px;margin:0;padding:10px 12px}.inventory-list{flex:1;min-height:0;padding-right:4px;overflow:auto}.inventory-list.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.inventory-slot,.inventory-list-row,.inventory-list-group,.detail-card,.info-card,.quest-card,.journal-card,.modal-card,.panel-card,.shop-item{background:#ffffffd1;border:1px solid #8eb5a53d;border-radius:16px}.inventory-slot,.inventory-list-row{text-align:left;width:100%;color:var(--ink);padding:12px}.inventory-slot{grid-template-columns:18px 1fr;align-items:center;gap:8px 12px;display:grid}.inventory-list-group{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;grid-column:1/-1;padding:8px 4px 2px;font-size:.8rem;font-weight:800}.inventory-slot.selected,.inventory-list-row.selected{border-color:#7db4d870;box-shadow:inset 0 0 0 2px #7db4d838}.inventory-slot.locked,.inventory-list-row.locked{opacity:.62}.inventory-slot-icon,.detail-icon{border-radius:5px;width:18px;height:18px;box-shadow:inset 0 0 0 2px #ffffff59}.inventory-slot-name{font-weight:800}.inventory-slot-count,.inventory-slot-meta,.inventory-list-row p,.muted,.shop-item p,.panel-card p{color:var(--muted)}.inventory-slot-count,.inventory-slot-meta{font-size:.88rem}.inventory-list-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.inventory-list-row p,.shop-item p{margin:4px 0 0;font-size:.9rem}.detail-card,.info-card,.quest-card,.journal-card,.modal-card,.panel-card,.shop-item{padding:14px}.detail-head{align-items:flex-start}.detail-badge{min-width:58px;color:var(--mint-deep);background:#88c9a126;border-radius:999px;justify-content:center;align-items:center;padding:7px 10px;font-weight:800;display:inline-flex}.compact-stat{background:#88c9a11a;border-radius:14px;min-width:110px;padding:10px 12px}.compact-stat span{color:var(--muted);font-size:.84rem;display:block}.compact-stat strong{margin-top:6px;display:block}.action-button,.small-button{color:#6d3d14;background:linear-gradient(#ffd6b0f2,#f4a261f2);border-radius:12px;padding:10px 12px;font-weight:800}.action-button.secondary,.small-button.secondary{color:var(--mint-deep);background:#88c9a12e}.action-button:disabled,.small-button:disabled,.ghost-button:disabled,.inventory-section-button:disabled{opacity:.46;cursor:not-allowed}.journal-card,.journal-content,.journal-upgrade-list,.shop-item-list,.npc-quest-list{flex-direction:column;gap:12px;display:flex}.journal-upgrade-row{border-top:1px dashed #8eb5a557;padding-top:10px}.journal-upgrade-row:first-child{border-top:0;padding-top:0}.journal-log-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.journal-log-list li{background:#88c9a114;border-radius:12px;padding:10px 12px}.journal-log-list time{color:var(--muted);margin-bottom:4px;font-size:.78rem;display:block}.quest-drawer{background:#fffaf3fa;border:1px solid #8eb5a54d;border-radius:18px;width:min(320px,42%);padding:14px;position:absolute;top:0;bottom:0;right:0;overflow:auto;box-shadow:-14px 0 28px #212f2d1f}.quest-card.complete{background:#88c9a124}.quest-progress{color:var(--muted);margin-top:10px}.screen-modal,.small-modal,.floating-panel{z-index:7;position:absolute;inset:0}.screen-modal{justify-content:center;align-items:center;padding:22px;display:flex}.modal-card{z-index:1;background:#fdf8effa;width:min(560px,100%);position:relative;box-shadow:0 24px 44px #212f2d38}.auth-card{width:min(480px,100%)}.auth-form,.auth-form label{flex-direction:column;gap:10px;display:flex}.turnstile-box{min-height:82px}.turnstile-placeholder{background:#88c9a11a;border-radius:14px;padding:12px 14px}.split-stats{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.floating-panel{pointer-events:none;justify-content:flex-end;align-items:flex-start;padding:26px;display:flex}.panel-card,.small-modal .panel-card{pointer-events:auto;background:#fdf8effa;width:min(420px,100%);box-shadow:0 24px 44px #212f2d38}.small-modal{pointer-events:none;justify-content:center;align-items:flex-start;padding-top:34px;display:flex}.small-modal .panel-card{pointer-events:auto}.shop-item.locked{opacity:.72}.hidden{display:none!important}html[data-input-mode=touch] .touch-controls:not(.hidden){display:flex}@media (width<=1280px){.app-shell{padding:16px}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{justify-content:flex-start;width:100%}.dock-grid,.inventory-main,.split-stats{grid-template-columns:1fr}.hotbar{grid-template-columns:repeat(3,minmax(0,1fr))}.inventory-list.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quest-drawer{width:100%;margin-top:12px;position:static}.floating-panel,.small-modal{align-items:stretch;padding:14px}}@media (width<=768px){.app-shell{padding:10px}.topbar{gap:10px;margin-bottom:10px}.topbar-note,.status-chip{border-radius:14px;width:100%;padding:10px 12px;font-size:.9rem}.world-frame{border-radius:18px;padding:8px}.toast-anchor{max-width:calc(100% - 24px);top:12px}.portrait-anchor{max-width:calc(100% - 24px);top:64px}.action-anchor{min-width:min(88vw,280px);bottom:240px}.dock-anchor{left:8px;right:8px;bottom:calc(8px + var(--safe-bottom))}.dock-shell{border-radius:16px;gap:10px;padding:10px}.dock-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.context-stack,.quest-stack{grid-column:1/-1}.coin-stack,.hp-stack,.context-stack,.quest-stack{padding:10px 12px}.hotbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hotbar-button{gap:4px;min-height:74px;padding:10px 8px}.touch-controls{flex-direction:column;gap:10px}.touch-move-pad{grid-template-rows:repeat(3,56px);grid-template-columns:repeat(3,minmax(0,1fr))}.touch-action-pad{grid-template-columns:repeat(3,minmax(0,1fr))}.touch-action-main{grid-column:1/span 2}.inventory-panel{border-radius:18px;gap:12px;padding:12px;inset:8px;overflow:auto}.inventory-header{flex-direction:column;align-items:flex-start}.inventory-header-actions{width:100%}.inventory-header-buttons{justify-content:space-between;width:100%}.inventory-main{flex-direction:column;gap:12px;display:flex;overflow:visible}.inventory-list.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-slot{grid-template-columns:16px 1fr;gap:8px 10px}.inventory-list-row{flex-direction:column;align-items:flex-start}.detail-stats,.split-stats{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.quest-drawer{border-radius:16px;padding:12px}.screen-modal,.floating-panel,.small-modal{padding:8px}.modal-card,.panel-card{width:100%;max-height:calc(var(--app-vh) * 100 - 16px);overflow:auto}}@media (width<=480px){.app-shell{padding:8px}.dock-label{font-size:.72rem}.coin-value,.hp-value{font-size:1.06rem}.touch-button{min-height:52px;font-size:.92rem}.detail-stats,.split-stats,.inventory-list.resource-grid{grid-template-columns:1fr}}