:root{--color-bg:#0a0805;--color-stone:#1a1410;--color-stone-light:#2a2218;--color-gold:#d4a843;--color-gold-dim:#8b7340;--color-torch:#e8943a;--color-blood:#6b0000;--color-text:#e8dcc8;--color-text-dim:#9a8b78;--color-panel-bg:#14100cf2;--color-panel-border:#d4a8434d;--color-mind:#4a90d9;--color-stone-skill:#8b7355;--color-spirit:#9b59b6;--color-craft:#c0792a;--color-voice:#b0a090;--font-main:"Cormorant Garamond", "Georgia", serif;--font-size-base:18px;--font-size-sm:14px;--font-size-lg:22px;--font-size-xl:28px;--font-size-title:42px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--z-world:1;--z-world-labels:50;--z-ui:100;--z-overlay:200;--z-transition:300}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg);width:100%;height:100%;color:var(--color-text);font-family:var(--font-main);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;line-height:1.6;overflow:hidden}#game-container{flex-direction:column;height:100dvh;display:flex}#game-world{background:var(--color-bg);flex:0 0 50%;position:relative;overflow:hidden}#game-world canvas{display:block;width:100%!important;height:100%!important}#game-ui{background:var(--color-panel-bg);border-top:1px solid var(--color-panel-border);touch-action:pan-y;flex-direction:column;flex:50%;display:flex;position:relative;overflow:hidden}@media (width>=1025px){#game-world{flex:0 0 60%}#game-ui{flex:40%}}@media (orientation:landscape) and (height<=500px){#game-world{flex:0 0 40%}#game-ui{flex:60%}}.safe-area{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.scrollable::-webkit-scrollbar{width:4px}.scrollable::-webkit-scrollbar-track{background:0 0}.scrollable::-webkit-scrollbar-thumb{background:var(--color-gold-dim);border-radius:2px}::selection{background:var(--color-gold);color:var(--color-bg)}.dialogue-panel{gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl);padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;touch-action:pan-y;opacity:0;flex:auto;align-items:flex-start;transition:opacity .4s cubic-bezier(.4,0,.2,1);display:flex;overflow-y:auto}.dialogue-panel.visible{opacity:1}.dialogue-portrait{border:1px solid var(--color-panel-border);background:#1e181299;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.dialogue-portrait img,.dialogue-portrait svg{object-fit:contain;width:70px;height:70px}.dialogue-content{gap:var(--spacing-sm);flex-direction:column;flex:1;min-width:0;display:flex}.dialogue-speaker{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:2px;color:var(--color-gold);font-weight:600}.dialogue-speaker.voice{color:var(--color-voice);letter-spacing:1px;text-transform:none;font-style:italic}.dialogue-speaker.voice:before{content:"※";opacity:.5}.dialogue-text{font-size:var(--font-size-base);color:var(--color-text);min-height:2.5em;line-height:1.7}.dialogue-text.voice{color:var(--color-voice);font-style:italic}.dialogue-text .cursor{background:var(--color-gold);vertical-align:text-bottom;width:2px;height:1.1em;margin-left:2px;animation:.8s step-end infinite cursor-blink;display:inline-block}@keyframes cursor-blink{50%{opacity:0}}.dialogue-hint{font-size:var(--font-size-sm);color:var(--color-text-dim);text-align:right;opacity:0;transition:opacity .3s}.dialogue-hint.visible{opacity:1}.dialogue-choices{gap:var(--spacing-sm);padding-top:var(--spacing-sm);flex-direction:column;display:flex}.choice-button{text-align:left;border:1px solid var(--color-panel-border);width:100%;color:var(--color-text);font-family:var(--font-main);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;background:0 0;border-radius:4px;line-height:1.5;transition:all .2s;display:block}.choice-button:before{content:"◆";color:var(--color-gold-dim);transition:color .2s}.choice-button:hover,.choice-button:focus-visible{border-color:var(--color-gold);background:#d4a84314}.choice-button:hover:before,.choice-button:focus-visible:before{color:var(--color-gold)}.choice-button:active{transform:scale(.99)}.choice-skill-check{font-size:var(--font-size-sm);margin-left:var(--spacing-sm);letter-spacing:.5px;border-radius:3px;padding:1px 6px;font-weight:600;display:inline-block}.choice-skill-check.passive{color:var(--color-mind);background:#4a90d926;border:1px solid #4a90d94d}.choice-skill-check.active{color:var(--color-craft);background:#c0792a26;border:1px solid #c0792a4d}@media (width<=480px){.dialogue-panel{padding:var(--spacing-md);gap:var(--spacing-md)}.dialogue-portrait{width:56px;height:56px}.dialogue-portrait img,.dialogue-portrait svg{width:48px;height:48px}.dialogue-text{font-size:16px}.choice-button{padding:12px var(--spacing-md);min-height:44px;font-size:16px}}@media (width>=1025px){.dialogue-panel{max-width:900px;margin:0 auto}}.skill-check-overlay{z-index:var(--z-overlay);-webkit-backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:none;position:fixed;inset:0;pointer-events:none!important}.skill-check-overlay.visible{display:flex;pointer-events:all!important}.sc-card{background:var(--color-panel-bg);border:1px solid var(--color-panel-border);padding:var(--spacing-xl) var(--spacing-xl);text-align:center;border-radius:8px;min-width:280px}.sc-skill-name{font-family:var(--font-main);font-size:var(--font-size-lg);text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--spacing-lg);font-weight:600}.sc-dice{justify-content:center;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);font-family:var(--font-main);font-size:var(--font-size-xl);display:flex}.sc-die{background:var(--color-stone-light);border:2px solid var(--color-gold-dim);width:48px;height:48px;color:var(--color-gold);border-radius:8px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.sc-plus{color:var(--color-text-dim);font-size:var(--font-size-base)}.sc-skill-val{color:var(--color-text);font-weight:600}.sc-vs{justify-content:center;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);font-family:var(--font-main);font-size:var(--font-size-lg);display:flex}.sc-total{font-weight:700;font-size:var(--font-size-xl);color:var(--color-text)}.sc-vs-text{color:var(--color-text-dim);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:2px}.sc-difficulty{font-weight:700;font-size:var(--font-size-xl);color:var(--color-gold-dim)}.sc-result{font-family:var(--font-main);font-size:var(--font-size-xl);text-transform:uppercase;letter-spacing:4px;padding-top:var(--spacing-sm);border-top:1px solid var(--color-panel-border);font-weight:700}.sc-result.success{color:#5a9e6f}.sc-result.failure{color:#b54545}@media (width<=480px){.sc-card{width:calc(100% - 48px);min-width:auto;padding:var(--spacing-lg)}.sc-die{width:40px;height:40px}}.tc-toggle{top:var(--spacing-md);right:var(--spacing-md);z-index:var(--z-ui);border:1px solid var(--color-panel-border);background:var(--color-panel-bg);width:44px;height:44px;color:var(--color-text);cursor:pointer;-webkit-backdrop-filter:blur(4px);border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .3s;display:flex;position:fixed}.tc-toggle:hover{border-color:var(--color-gold)}.tc-toggle.tc-notify{border-color:var(--color-gold);animation:.6s ease-out 3 tc-pulse}@keyframes tc-pulse{0%{transform:scale(1);box-shadow:0 0 #d4a84366}50%{transform:scale(1.1);box-shadow:0 0 0 8px #d4a84300}to{transform:scale(1);box-shadow:0 0 #d4a84300}}.thought-cabinet{width:340px;max-width:90vw;z-index:var(--z-overlay);background:var(--color-panel-bg);border-left:1px solid var(--color-panel-border);-webkit-backdrop-filter:blur(12px);flex-direction:column;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%)}.thought-cabinet.visible{transform:translate(0)}.tc-header{padding:var(--spacing-lg) var(--spacing-lg);border-bottom:1px solid var(--color-panel-border);justify-content:space-between;align-items:center;display:flex}.tc-title{font-family:var(--font-main);font-size:var(--font-size-lg);color:var(--color-gold);letter-spacing:1px;font-weight:600}.tc-close{color:var(--color-text-dim);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:24px;line-height:1}.tc-close:hover{color:var(--color-text)}.tc-list{padding:var(--spacing-md);gap:var(--spacing-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.tc-empty{color:var(--color-text-dim);text-align:center;padding:var(--spacing-xl);font-style:italic}.tc-card{border:1px solid var(--color-panel-border);padding:var(--spacing-md);background:#1e181299;border-radius:6px;transition:border-color .3s}.tc-card.incubating{border-color:var(--color-gold-dim)}.tc-card.internalized{border-color:#5a9e6f66}.tc-card-name{font-family:var(--font-main);font-size:var(--font-size-base);color:var(--color-text);margin-bottom:var(--spacing-xs);font-weight:600}.tc-card-desc{font-size:var(--font-size-sm);color:var(--color-text-dim);margin-bottom:var(--spacing-sm);line-height:1.5}.tc-card-mods{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.tc-mod{background:#ffffff0d;border-radius:3px;padding:2px 6px;font-size:12px;font-weight:600}.tc-progress{background:var(--color-stone-light);height:4px;margin-bottom:var(--spacing-sm);border-radius:2px;overflow:hidden}.tc-progress-fill{background:var(--color-gold-dim);border-radius:2px;height:100%;transition:width .5s}.tc-card-status{font-size:var(--font-size-sm);color:var(--color-text-dim)}.tc-incubate-btn{border:1px solid var(--color-gold-dim);color:var(--color-gold);font-family:var(--font-main);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border-radius:4px;padding:4px 12px;transition:all .2s}.tc-incubate-btn:hover{border-color:var(--color-gold);background:#d4a8431a}@media (width<=480px){.thought-cabinet{width:100%;max-width:100%}}.loading-screen{z-index:var(--z-transition);background:var(--color-bg);justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;transition:opacity .6s;display:flex;position:fixed;inset:0}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-title{font-family:var(--font-main);font-size:var(--font-size-title);color:var(--color-gold);letter-spacing:4px;font-weight:700}.loading-subtitle{font-family:var(--font-main);font-size:var(--font-size-base);color:var(--color-text-dim);letter-spacing:2px;margin-bottom:var(--spacing-xl)}.loading-bar{background:var(--color-stone-light);border-radius:2px;width:200px;height:3px;overflow:hidden}.loading-bar-fill{background:var(--color-gold-dim);border-radius:2px;width:0%;height:100%;transition:width .3s}.loading-label{font-size:var(--font-size-sm);color:var(--color-text-dim);min-height:1.5em}.scene-transition{z-index:var(--z-transition);opacity:0;background:#000;position:fixed;inset:0;pointer-events:none!important}.scene-transition.active{pointer-events:all!important}.cutscene-overlay{z-index:var(--z-world-labels);background:#000;justify-content:center;align-items:center;display:none;position:fixed;inset:0;pointer-events:none!important}.cutscene-overlay.visible{display:flex}.cutscene-img{object-fit:contain;width:100%;height:100%}.mute-toggle{top:var(--spacing-md);left:var(--spacing-md);z-index:var(--z-ui);border:1px solid var(--color-panel-border);background:var(--color-panel-bg);width:44px;height:44px;color:var(--color-text);cursor:pointer;-webkit-backdrop-filter:blur(4px);border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:border-color .3s;display:flex;position:fixed}.mute-toggle:hover{border-color:var(--color-gold)}