:root{color:#fff7ee;background:#09060a;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}html,body,#root{min-height:100%}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow:hidden;overscroll-behavior:none}button{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(circle at 18% 18%,rgba(255,200,143,.13),transparent 22%),radial-gradient(circle at 74% 34%,rgba(177,26,73,.35),transparent 31%),linear-gradient(135deg,#050406,#171016 46%,#070406);padding:20px}.rotate-device-hint{display:none}.game-canvas{position:relative;width:min(100vw - 40px,calc((100vh - 40px) * 16 / 9));aspect-ratio:16 / 9;overflow:hidden;background:#12090f;border:1px solid rgba(255,221,199,.24);box-shadow:0 30px 90px #000000a8,0 0 70px #b8163a40,inset 0 0 0 1px #ffffff09}.app-shell:fullscreen{padding:0;background:#050305}.app-shell:fullscreen .game-canvas{width:min(100vw,calc(100vh * 16 / 9));border:0}.title-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8%;background:linear-gradient(90deg,rgba(255,220,191,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(255,220,191,.06) 1px,transparent 1px),radial-gradient(circle at 50% 40%,rgba(255,54,92,.32),transparent 20%),radial-gradient(circle at 50% 115%,rgba(255,230,205,.22),transparent 25%),linear-gradient(150deg,#12070c,#320b18 52%,#070507);background-size:64px 64px,64px 64px,auto,auto,auto}.title-screen:before,.title-screen:after{content:"";position:absolute;top:26px;right:26px;bottom:26px;left:26px;pointer-events:none;border:1px solid rgba(255,226,206,.16)}.title-screen:after{top:38px;right:38px;bottom:38px;left:38px;border-color:#ff436b2e}.title-ruby{width:96px;height:96px;transform:rotate(45deg);border-radius:18px;background:linear-gradient(135deg,#ff9aac,#e61646 48%,#6f071d);box-shadow:0 0 70px #ff2b54b8,inset 12px 12px 18px #ffffff38;margin-bottom:38px;position:relative;z-index:1}.title-screen h1{margin:0;position:relative;z-index:1;font-size:clamp(36px,5vw,76px);line-height:1.05;letter-spacing:0;text-shadow:0 16px 54px rgba(0,0,0,.48)}.title-screen p{position:relative;z-index:1;width:min(680px,80%);margin:22px 0 38px;color:#fff7eebd;font-size:clamp(16px,1.6vw,22px);line-height:1.7}.title-actions,.ending-actions{position:relative;z-index:1;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.primary-button,.ghost-button,.toolbar-button,.icon-button,.choice{border:0;cursor:pointer;color:#fff7ee;transition:transform .16s ease,border-color .16s ease,background .16s ease}.primary-button{min-height:48px;padding:0 24px;border-radius:8px;background:linear-gradient(135deg,#ff426b,#9a0d2d);box-shadow:0 12px 28px #9c0b2c61;font-weight:700}.ghost-button,.toolbar-button,.icon-button{min-height:44px;border-radius:8px;border:1px solid rgba(255,232,212,.22);background:#170e129e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ghost-button{padding:0 18px}.ghost-button.compact{min-height:36px;padding:0 14px}.primary-button:hover,.ghost-button:hover,.toolbar-button:hover,.icon-button:hover,.choice:hover{transform:translateY(-1px)}.stage-background,.background-image{position:absolute;top:0;right:0;bottom:0;left:0}.stage-background{transition:background .28s ease}.background-image{width:100%;height:100%;object-fit:cover;z-index:0}.bg-entrance{background:radial-gradient(circle at 50% 35%,rgba(255,57,102,.26),transparent 18%),linear-gradient(135deg,#10070c,#3d0a1a 48%,#070507)}.bg-mode{background:linear-gradient(135deg,#0a1017,#411021 52%,#10070d)}.bg-stage{background:linear-gradient(100deg,rgba(255,255,255,.08) 0 1px,transparent 1px 22px),radial-gradient(circle at 50% 18%,rgba(255,207,160,.32),transparent 20%),linear-gradient(140deg,#12050b,#4b0921 55%,#080406)}.bg-flame{background:radial-gradient(circle at 68% 35%,rgba(255,205,95,.32),transparent 20%),linear-gradient(135deg,#1b0805,#6b1c08 48%,#120707)}.bg-library{background:linear-gradient(90deg,rgba(255,226,206,.06) 1px,transparent 1px),radial-gradient(circle at 72% 26%,rgba(132,86,255,.22),transparent 24%),linear-gradient(135deg,#130b12,#351022 48%,#080607);background-size:54px 54px,auto,auto}.bg-karma{background:linear-gradient(90deg,rgba(255,220,210,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(255,220,210,.08) 1px,transparent 1px),radial-gradient(circle at 74% 30%,rgba(255,105,85,.28),transparent 24%),linear-gradient(135deg,#170707,#351015 48%,#0b0508);background-size:82px 82px,82px 82px,auto,auto}.bg-dungeon{background:linear-gradient(135deg,#07080c,#1e2331 38%,#4a0719)}.bg-dome{background:radial-gradient(circle at 50% 45%,rgba(255,23,68,.24),transparent 18%),#050305}.bg-cake{background:linear-gradient(135deg,#240812,#6d1230 50%,#251309)}.scene-transition{position:absolute;top:0;right:0;bottom:0;left:0;z-index:18;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(255,245,231,.12),transparent 18%),linear-gradient(90deg,#040204fa,#1c0710eb 46%,#040204fa);animation:scene-transition-fade .98s ease forwards}.scene-transition:before,.scene-transition:after{content:"";position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;pointer-events:none}.scene-transition:before{background:linear-gradient(90deg,transparent 0 28%,rgba(255,242,222,.22) 49%,rgba(255,242,222,.04) 53%,transparent 72%),repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 1px,transparent 1px 34px);transform:translate(-78%) skew(-12deg);animation:scene-transition-sweep .98s cubic-bezier(.65,0,.28,1) forwards}.scene-transition:after{background:radial-gradient(circle at 50% 50%,transparent 0 30%,rgba(0,0,0,.62) 72%)}.scene-transition-curtain{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,.84),transparent 31%,transparent 69%,rgba(0,0,0,.84)),linear-gradient(180deg,rgba(0,0,0,.76),transparent 24%,transparent 76%,rgba(0,0,0,.8));transform:scaleX(1);transform-origin:center;animation:scene-transition-curtain .98s cubic-bezier(.7,0,.22,1) forwards}.scene-transition-line{position:absolute;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,241,214,.9),transparent);box-shadow:0 0 28px #ff4a7094;transform:scaleX(0);animation:scene-transition-line .98s ease forwards}.scene-transition-copy{position:relative;z-index:1;display:grid;justify-items:center;gap:8px;max-width:min(640px,76%);padding:24px 34px;text-align:center;text-shadow:0 12px 30px rgba(0,0,0,.76);animation:scene-transition-copy .98s ease forwards}.scene-transition-copy span{color:#ffd6c4b3;font-size:11px;font-weight:800;letter-spacing:.18em}.scene-transition-copy strong{color:#fff8ef;font-size:clamp(26px,4vw,56px);line-height:1}.scene-transition-copy small{color:#fff7eeb8;font-size:clamp(12px,1.2vw,16px);line-height:1.5}.scene-transition-rubyStage{background:radial-gradient(circle at 50% 40%,rgba(255,52,111,.28),transparent 24%),linear-gradient(90deg,#050305,#3a0b1a 48%,#080406)}.scene-transition-flameCorridor{background:radial-gradient(circle at 58% 48%,rgba(255,185,92,.34),transparent 25%),linear-gradient(90deg,#100401,#54200a 52%,#120705)}.scene-transition-memoryLibrary{background:radial-gradient(circle at 45% 52%,rgba(150,100,255,.24),transparent 24%),linear-gradient(90deg,#070405,#2e1022 48%,#080506)}.scene-transition-choiceGarden{background:repeating-linear-gradient(90deg,rgba(255,244,232,.055) 0 1px,transparent 1px 46px),radial-gradient(circle at 58% 45%,rgba(255,118,94,.3),transparent 26%),linear-gradient(90deg,#100406,#361016 48%,#080405)}.scene-transition-rubyDungeon,.scene-transition-rubyDome{background:radial-gradient(circle at 50% 48%,rgba(255,28,74,.38),transparent 22%),linear-gradient(90deg,#030204,#1e0a12 50%,#050305)}.scene-transition-cakeEnding{background:radial-gradient(circle at 50% 60%,rgba(255,219,188,.24),transparent 26%),linear-gradient(90deg,#140407,#54142a 50%,#170906)}@keyframes scene-transition-fade{0%{opacity:0}16%,72%{opacity:1}to{opacity:0}}@keyframes scene-transition-sweep{0%{transform:translate(-78%) skew(-12deg)}to{transform:translate(78%) skew(-12deg)}}@keyframes scene-transition-curtain{0%{opacity:0;transform:scaleX(.18)}22%,58%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1.08)}}@keyframes scene-transition-line{0%,12%{opacity:0;transform:scaleX(0)}38%,68%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(.2)}}@keyframes scene-transition-copy{0%,14%{opacity:0;transform:translateY(14px) scale(.98)}36%,66%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(1.01)}}.scene-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(circle at 74% 48%,transparent 0 18%,rgba(0,0,0,.18) 42%),linear-gradient(to top,rgba(4,3,4,.86),transparent 40%),linear-gradient(to right,rgba(3,2,3,.48),transparent 35%,rgba(3,2,3,.3))}.scene-title{position:absolute;z-index:2;left:34px;top:28px;display:flex;flex-direction:column;gap:6px;text-shadow:0 2px 18px rgba(0,0,0,.55);max-width:min(520px,42%)}.scene-title strong{font-size:clamp(18px,1.8vw,28px)}.scene-title span{color:#fff7eead;font-size:clamp(12px,1vw,15px)}.character-wrap{position:absolute;z-index:2;right:5.5%;bottom:10.5%;width:min(36%,460px);height:78%;display:grid;place-items:end center}.character-image{width:min(100%,390px);height:min(100%,640px);object-fit:cover;object-position:50% 24%;border:1px solid rgba(255,242,222,.28);border-radius:26px 26px 10px 10px;box-shadow:0 24px 42px #0000007a,0 0 42px color-mix(in srgb,var(--character-color) 18%,transparent)}.character-gDragonGuest .character-image{object-position:50% 18%}.character-rengokuGuardian .character-image{object-position:50% 16%}.character-karma .character-image{object-position:50% 34%}.character-finalBoy .character-image,.character-luChen .character-image{object-position:50% 19%}.character-fallback{width:min(100%,340px);aspect-ratio:.62;display:grid;place-items:center;border-radius:44% 44% 10px 10px;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.24),transparent 16%),linear-gradient(165deg,color-mix(in srgb,var(--character-color) 76%,#ffffff 8%),#50091cd1);border:1px solid rgba(255,242,222,.32);box-shadow:0 24px 64px #0000006b,0 0 70px color-mix(in srgb,var(--character-color) 32%,transparent)}.character-fallback span{font-size:clamp(28px,4vw,54px);font-weight:800}.top-toolbar{position:absolute;z-index:8;top:22px;right:24px;display:flex;align-items:center;gap:10px}.toolbar-button,.icon-button{padding:0 14px}.icon-button{width:44px;padding:0;font-size:20px}.status-strip{position:absolute;z-index:8;left:34px;top:88px;display:flex;gap:10px}.status-strip span{border:1px solid rgba(255,232,212,.16);border-radius:999px;background:#10090d75;padding:7px 12px;color:#fff7eeb8;font-size:12px}.dialogue-box{position:absolute;z-index:7;left:5.8%;right:41%;bottom:3.4%;min-height:118px;padding:28px 30px 22px;border:1px solid rgba(255,232,212,.28);border-radius:8px;background:linear-gradient(90deg,rgba(255,69,108,.08),transparent 18%,transparent 82%,rgba(255,69,108,.06)),linear-gradient(180deg,#1e0f15c7,#080507db);box-shadow:0 14px 46px #0000007a,inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff09;text-align:left}.speaker-name{position:absolute;left:28px;top:-15px;min-width:128px;padding:7px 16px;border-radius:8px;background:linear-gradient(135deg,#ff496f,#7d0a23);box-shadow:0 10px 22px #78072261;font-size:clamp(13px,1.05vw,16px);font-weight:800}.dialogue-box p{margin:0;color:#fff9f3;font-size:clamp(15px,1.28vw,21px);line-height:1.62}.dialogue-hint{position:absolute;right:28px;bottom:14px;color:#fff7ee80;font-size:12px}.choice-panel{position:absolute;z-index:9;left:35%;top:56%;width:min(500px,48%);display:grid;gap:9px;transform:translate(-50%,-50%)}.choice{min-height:44px;padding:8px 18px;border:1px solid rgba(255,232,212,.22);border-radius:10px;background:linear-gradient(90deg,rgba(255,255,255,.055),transparent),#1e0f15d6;box-shadow:0 16px 34px #00000057;font-size:clamp(14px,1.08vw,17px);line-height:1.35}.choice.selected{border-color:#ffd3b8b8;background:linear-gradient(135deg,#ff3d64e0,#58081ce6)}.ending-actions{position:absolute;z-index:10;left:50%;bottom:30%;width:min(760px,78%);transform:translate(-50%)}.modal-backdrop,.panel-screen{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0}.modal-backdrop{display:grid;place-items:center;background:#030203b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gift-modal{width:min(520px,78%);display:flex;flex-direction:column;align-items:center;padding:42px;border:1px solid rgba(255,232,212,.24);border-radius:8px;background:linear-gradient(160deg,#230f16f5,#080507f5);text-align:center}.gift-orb,.gift-fallback,.gift-card-placeholder{display:grid;place-items:center;background:radial-gradient(circle,#ff638147,#64081fb8)}.gift-orb{width:140px;height:140px;margin-bottom:20px;border-radius:50%;box-shadow:0 0 58px #ff2d567a}.gift-image{width:92px;height:92px;object-fit:contain}.gift-fallback{width:92px;height:92px;border-radius:50%}.gift-modal h2,.panel-header h2{margin:0;font-size:clamp(26px,3vw,42px)}.gift-modal p,.panel-header p{color:#fff7eeb8;line-height:1.7}.panel-screen{padding:46px;background:linear-gradient(150deg,#0d070bfa,#310a16fa);overflow:auto}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:30px}.gift-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gift-card{min-height:300px;padding:20px;border:1px solid rgba(255,232,212,.18);border-radius:8px;background:#ffffff0b}.gift-card.locked{opacity:.54}.gift-card-image,.gift-card-placeholder{width:100%;aspect-ratio:1;margin-bottom:16px;border-radius:8px;object-fit:contain}.gift-card h3{margin:0 0 8px}.gift-card p{margin:0;color:#fff7eead;line-height:1.55}.ritual-screen{position:absolute;z-index:12;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 46%,rgba(255,25,69,.18),transparent 24%),#020102e6;text-align:center}.ruby-light{width:118px;height:118px;margin-bottom:42px;transform:rotate(45deg);border-radius:18px;background:linear-gradient(135deg,#ffb2bf,#ff2756 46%,#6d071e);box-shadow:0 0 120px #ff214bd1,0 0 260px #ff214b61}.ritual-screen p{margin:0 0 12px;color:#fff7eead;font-size:clamp(16px,1.4vw,22px)}.ritual-screen h1{margin:0;font-size:clamp(48px,7vw,110px)}.ritual-screen strong{margin-top:22px;color:#ff6d8b;font-size:clamp(36px,5vw,76px)}.ritual-button{margin-top:28px}@media(max-width:900px){.app-shell{padding:10px}.game-canvas{width:min(100vw - 20px,calc((100vh - 20px) * 16 / 9))}.top-toolbar{right:14px;top:14px;gap:6px}.dialogue-box{left:5%;right:38%;min-height:104px;padding:24px 22px 18px}.dialogue-box p{font-size:14px}.choice-panel{left:34%;width:min(460px,54%);gap:7px}.choice{min-height:40px;font-size:13px}.gift-grid{grid-template-columns:repeat(2,1fr)}}@media(orientation:landscape)and (max-height:520px){.app-shell{padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}.game-canvas{width:min(calc(100vw - 12px),calc((100dvh - 12px) * 16 / 9));max-height:calc(100dvh - 12px)}.app-shell:fullscreen .game-canvas{width:min(100vw,calc(100dvh * 16 / 9));max-height:100dvh}.title-screen{padding:4%}.title-screen:before{top:14px;right:14px;bottom:14px;left:14px}.title-screen:after{top:24px;right:24px;bottom:24px;left:24px}.title-ruby{width:52px;height:52px;border-radius:10px;margin-bottom:16px}.title-screen h1{font-size:clamp(24px,5.2vw,40px);line-height:1.08}.title-screen p{width:min(620px,86%);margin:10px 0 18px;font-size:clamp(12px,2vw,15px);line-height:1.5}.title-actions,.ending-actions{gap:8px}.primary-button,.ghost-button,.toolbar-button,.icon-button{min-height:36px;border-radius:7px}.primary-button{padding:0 14px}.ghost-button{padding:0 12px}.top-toolbar{top:8px;right:8px;gap:6px}.toolbar-button{padding:0 10px;font-size:12px}.icon-button{width:36px;padding:0;font-size:16px}.scene-title{left:18px;top:10px;gap:2px;max-width:36%}.scene-title strong{font-size:clamp(14px,2.5vw,20px)}.scene-title span{font-size:11px}.status-strip{left:18px;top:56px;max-width:42%;gap:6px;flex-wrap:wrap}.status-strip span{padding:4px 8px;font-size:10px}.character-wrap{right:3.5%;bottom:8.5%;width:min(35%,310px);height:78%}.character-image{width:min(100%,260px);height:min(100%,430px);border-radius:18px 18px 8px 8px}.character-fallback{width:min(100%,240px)}.dialogue-box{left:4%;right:41%;bottom:3%;min-height:82px;padding:20px 18px 16px;border-radius:7px}.speaker-name{left:16px;top:-12px;min-width:90px;padding:5px 10px;font-size:11px}.dialogue-box p{font-size:clamp(12px,2vw,15px);line-height:1.45}.dialogue-hint{right:14px;bottom:8px;font-size:10px}.choice-panel{left:34%;top:54%;width:min(420px,50%);gap:6px}.choice{min-height:34px;padding:6px 12px;border-radius:8px;font-size:clamp(11px,1.8vw,13px)}.scene-transition-copy{gap:5px;max-width:70%;padding:14px 20px}.scene-transition-copy span{font-size:9px}.scene-transition-copy strong{font-size:clamp(22px,5vw,34px)}.scene-transition-copy small{font-size:11px;line-height:1.35}.ending-actions{bottom:24%;width:min(620px,74%)}.panel-screen{padding:22px}.panel-header{gap:12px;margin-bottom:16px}.panel-header h2{font-size:24px}.panel-header p{margin:6px 0 0;font-size:12px;line-height:1.45}.gift-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.gift-card{min-height:190px;padding:12px}.gift-card-image,.gift-card-placeholder{margin-bottom:10px}.gift-card h3{margin-bottom:6px;font-size:13px}.gift-card p{font-size:11px;line-height:1.45}.gift-modal{width:min(420px,82%);padding:24px}.gift-orb{width:96px;height:96px;margin-bottom:12px}.gift-image,.gift-fallback{width:70px;height:70px}.gift-modal h2{font-size:24px}.gift-modal p{margin:10px 0;font-size:12px;line-height:1.5}.ruby-light{width:70px;height:70px;margin-bottom:22px;border-radius:12px}.ritual-screen p{font-size:clamp(12px,1.9vw,15px)}.ritual-screen h1{font-size:clamp(30px,7vw,58px)}.ritual-screen strong{margin-top:12px;font-size:clamp(30px,5vw,46px)}.ritual-button{margin-top:18px}}@media(orientation:portrait)and (max-width:720px){.rotate-device-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px;background:radial-gradient(circle at 50% 34%,rgba(255,69,108,.28),transparent 28%),linear-gradient(150deg,#090509,#2a0c18 52%,#060406);text-align:center}.rotate-device-hint strong{font-size:clamp(26px,8vw,42px)}.rotate-device-hint span{max-width:300px;color:#fff7eeb8;font-size:15px;line-height:1.65}.game-canvas{filter:blur(4px);transform:scale(.96)}}