:root{color:#f8eee4;background:#060504;font-family:"Noto Serif SC",Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow:hidden}#game-shell{position:relative;width:min(100vw,56.25vh);height:min(100vh,calc(100vw * 16 / 9));margin:0 auto;overflow:hidden;background:#090706;box-shadow:0 0 40px #000000a6}#game-root,#vn-layer{position:absolute;inset:0}#game-root canvas{display:block}#vn-layer{pointer-events:none}button{font:inherit}.start-screen{position:absolute;inset:0;z-index:40;overflow:hidden;color:#fff3dd;background:#050403 url(/assets/video/piantou_poster.jpg) center / cover no-repeat;pointer-events:auto}.start-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.76;filter:saturate(.9) contrast(1.08) brightness(.78)}.start-shade{position:absolute;inset:0;background:linear-gradient(180deg,#04030314,#0403032e 42%,#040303c2),linear-gradient(90deg,rgba(0,0,0,.42),transparent 22%,transparent 78%,rgba(0,0,0,.42));pointer-events:none}.start-content{position:absolute;left:24px;right:24px;bottom:clamp(50px,8vh,92px);display:grid;justify-items:center;gap:0}.start-button{position:relative;width:min(82%,520px);aspect-ratio:1611 / 535;margin-top:clamp(10px,1.8vh,18px);padding:0;border:0;border-radius:8px;background:transparent;color:#fff2d4;cursor:pointer;filter:drop-shadow(0 14px 22px rgba(0,0,0,.5));transform-origin:center;transition:filter .18s ease,transform .18s ease}.start-button img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.start-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.start-button:hover,.start-button:focus-visible{outline:none;filter:drop-shadow(0 16px 24px rgba(0,0,0,.52)) drop-shadow(0 0 15px rgba(155,40,28,.5));transform:translateY(-2px) scale(1.018)}.start-button:active{transform:translateY(1px) scale(.992)}.cutscene-screen{position:absolute;inset:0;z-index:42;overflow:hidden;background:#030303 url(/assets/video/CG_poster.jpg) center / cover no-repeat;pointer-events:auto}.final-screen{position:absolute;inset:0;z-index:44;overflow:hidden;background:#020202;pointer-events:auto}.final-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#020202}.final-overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:32px;background:radial-gradient(circle at 50% 40%,#260c08b8,#040202f5 72%);color:#fff4dc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:finalFadeIn .8s ease forwards}@keyframes finalFadeIn{0%{opacity:0}to{opacity:1}}.final-panel{display:grid;gap:18px;width:min(420px,84%);padding:32px 28px;border:1px solid rgba(247,211,153,.46);border-radius:10px;background:#0e0a08c7;box-shadow:0 18px 48px #0000009e;text-align:center}.final-title{margin:0;font-size:clamp(22px,4.4vh,32px);letter-spacing:6px;color:#ffd99b;font-weight:600}.final-text{margin:0;font-size:clamp(16px,2.6vh,20px);line-height:1.6;color:#ffeccf}.final-sub{margin:0;font-size:clamp(13px,2vh,16px);color:#ffe8c4b3;letter-spacing:2px}.final-actions{display:grid;gap:10px;margin-top:8px}.final-action{padding:11px 18px;border:1px solid rgba(247,211,153,.46);border-radius:8px;color:#fff7e4;background:#221610bd;font-size:clamp(15px,2.4vh,18px);cursor:pointer;transition:background .2s ease,transform .18s ease}.final-action:hover,.final-action:focus-visible{outline:none;background:#76261cd6;transform:translateY(-1px)}.final-action.primary{border-color:#ffe2a2db;background:#9b281cc7;color:#fff}.cutscene-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#030303}.cutscene-skip{position:absolute;z-index:2;top:calc(14px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px));min-width:76px;min-height:40px;padding:7px 15px;border:1px solid rgba(240,218,176,.46);border-radius:8px;color:#fff7e8;background:#100c0aad;box-shadow:0 8px 22px #00000070;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cutscene-skip:hover,.cutscene-skip:focus-visible{outline:none;border-color:#ffe2a2db;background:#372419db}.topbar{position:absolute;z-index:20;top:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.vn-topbar-buttons{display:flex;gap:6px;pointer-events:auto}.vn-topbar-buttons .icon-button{width:38px;height:38px;font-size:17px}.icon-button.active{border-color:#ffe2a2db;background:#8f2420c7;color:#ffe9c4}.log-panel{position:absolute;z-index:36;inset:56px 12px 36%;display:flex;flex-direction:column;border:1px solid rgba(240,218,176,.46);border-radius:8px;background:#0c0a09f0;color:#fff4d9;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.log-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(240,218,176,.28);font-size:16px;color:#ffe4b7}.log-close{width:32px;height:32px;border:1px solid rgba(240,218,176,.36);border-radius:6px;background:#1e161299;color:#fff8e8;font-size:18px;cursor:pointer}.log-body{flex:1;overflow-y:auto;padding:12px 14px;font-size:clamp(13px,1.95vh,15px);line-height:1.5}.log-entry{display:grid;grid-template-columns:88px 1fr;gap:10px;padding:6px 0;border-bottom:1px dashed rgba(240,218,176,.16)}.log-entry strong{color:#ffe4b7;font-weight:600}.log-entry span{color:#fff4d9;white-space:pre-line}.explore-topbar{position:absolute;z-index:20;top:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.scene-title{padding:7px 11px;border:1px solid rgba(235,214,176,.36);border-radius:8px;background:#100d0a8a;color:#fff6e8;font-size:clamp(13px,2.2vh,17px);letter-spacing:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.icon-button,.round-action{border:1px solid rgba(240,218,176,.36);color:#fff8e9;background:#140f0cad;cursor:pointer;pointer-events:auto}.icon-button{width:42px;height:42px;border-radius:8px;font-size:21px}.portrait{position:absolute;z-index:8;bottom:23%;width:62%;max-height:69%;object-fit:contain;object-position:bottom center;opacity:.94;transform-origin:bottom center;transition:opacity .2s ease,filter .2s ease,transform .2s ease;pointer-events:none}.portrait-left{left:-9%}.portrait-right{right:-10%}.explore-npc-vn{position:absolute;inset:0;z-index:34;pointer-events:none}.explore-npc-vn .portrait{z-index:16;bottom:24%;width:52%;max-height:64%}.explore-npc-vn .portrait-left{left:-6%}.explore-npc-vn .portrait-right{right:-6%}.explore-npc-vn .dialogue-panel{z-index:18;min-height:29%}.explore-npc-vn .dialogue-text{min-height:86px;font-size:clamp(16px,2.7vh,24px)}.portrait.active{opacity:1;filter:brightness(1);transform:scale(1)}.portrait.dimmed{opacity:.72;filter:brightness(.3);transform:scale(.95)}.hidden{display:none!important}.dialogue-panel{position:absolute;z-index:18;left:18px;right:18px;bottom:18px;min-height:30%;padding:clamp(16px,2.8vh,24px);border:1px solid rgba(240,210,166,.46);border-radius:8px;color:#fff7ea;background:linear-gradient(180deg,#51301ac7,#140f0deb),repeating-linear-gradient(90deg,rgba(255,225,176,.08) 0 2px,transparent 2px 8px);box-shadow:0 -12px 34px #0000006b;pointer-events:auto}body[data-mood=horror] .dialogue-panel{border-color:#a91c269e;color:#ffe7df;background:radial-gradient(circle at 16% 0%,rgba(143,0,27,.38),transparent 36%),linear-gradient(180deg,#430c18e0,#0c080df2)}.dialogue-panel.death{border-color:#f01d2dc2}.dialogue-panel.ending{border-color:#dfb676b3}.speaker-name{display:inline-flex;min-width:74px;min-height:30px;align-items:center;justify-content:center;margin-bottom:9px;padding:4px 12px;border-radius:8px;background:#ffedc724;color:#ffe7bd;font-weight:700;font-size:clamp(15px,2.4vh,20px);letter-spacing:0}.dialogue-text{min-height:96px;margin:0;color:currentColor;font-size:clamp(18px,3.1vh,28px);line-height:1.55;letter-spacing:0}.continue-button{position:absolute;right:18px;bottom:14px;min-width:82px;min-height:39px;border:1px solid rgba(255,232,187,.38);border-radius:8px;color:#fff8e8;background:#110d0a8f;cursor:pointer}.choice-panel{position:absolute;z-index:22;left:20px;right:20px;bottom:34%;display:none;grid-template-columns:1fr;gap:10px;pointer-events:auto}.interact-prompt{position:absolute;z-index:22;left:50%;bottom:29%;width:min(420px,calc(100% - 40px));min-height:46px;display:none;align-items:center;justify-content:center;transform:translate(-50%);border:1px solid rgba(255,232,176,.54);border-radius:8px;background:#120e0bc7;color:#fff4d9;font-size:clamp(16px,2.6vh,22px);pointer-events:none}.interact-prompt.visible{display:flex}.explore-message{position:absolute;z-index:26;left:18px;right:18px;bottom:148px;display:none;min-height:76px;padding:13px 15px;border:1px solid rgba(240,218,176,.48);border-radius:8px;background:#110d0ad6;color:#fff4dd;font-size:clamp(14px,2.2vh,18px);line-height:1.5;white-space:pre-line;pointer-events:none}.explore-message.visible{display:block}.clue-panel{position:absolute;z-index:24;top:62px;left:12px;display:grid;gap:4px;width:min(240px,56%);padding:11px 12px;border:1px solid rgba(235,214,176,.42);border-radius:8px;background:#0f0c0adb;color:#fff6e7;font-size:clamp(12px,1.8vh,15px);pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.linya-portrait{position:absolute;z-index:12;right:-16%;bottom:16%;width:42%;max-height:50%;object-fit:contain;object-position:bottom center;opacity:.78;filter:brightness(.92) saturate(.96) drop-shadow(0 8px 18px rgba(0,0,0,.45));pointer-events:none;transition:opacity .6s ease}.linya-portrait.fading{opacity:0}.linya-bubble{position:absolute;z-index:14;right:18px;bottom:38%;max-width:60%;padding:9px 12px;border:1px solid rgba(255,232,187,.5);border-radius:8px;background:#16120fdb;color:#fff4d9;font-size:clamp(13px,2vh,16px);line-height:1.45;opacity:1;transition:opacity .6s ease;pointer-events:none}.linya-bubble.fading{opacity:0}.clue-panel strong{color:#ffe4b7}.clue-panel span,.clue-panel em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clue-panel em{color:#ffe1beb8;font-style:normal}.choice-panel.visible{display:grid}.choice-button{display:grid;grid-template-columns:38px 1fr;gap:10px;min-height:67px;align-items:center;border:1px solid rgba(245,222,181,.5);border-radius:8px;color:#fff6e8;background:#16120fd1;box-shadow:0 8px 26px #00000061;cursor:pointer;text-align:left}.choice-button:hover,.choice-button:focus-visible{border-color:#ffe2a2db;outline:none;background:#372419e6}.choice-button.danger{border-color:#df3636c2}.choice-icon{width:38px;text-align:center;font-size:clamp(20px,3.2vh,27px)}.choice-copy{display:grid;gap:3px;min-width:0}.choice-label{font-size:clamp(16px,2.5vh,22px);line-height:1.25}.choice-consequence{color:#ffe8c7b8;font-size:clamp(12px,1.9vh,15px);line-height:1.3}.slot-menu{position:absolute;z-index:32;top:64px;right:12px;display:grid;grid-template-columns:repeat(3,minmax(48px,1fr));gap:8px;width:min(280px,calc(100% - 24px));padding:12px;border:1px solid rgba(240,218,176,.44);border-radius:8px;background:#0f0c0ae6;pointer-events:auto}.slot-title{grid-column:1 / -1;color:#ffe0aa;font-weight:700}.slot-menu button{min-height:36px;border:1px solid rgba(237,205,160,.36);border-radius:8px;color:#fff8e8;background:#382419c7;cursor:pointer}.mobile-stick{position:absolute;z-index:15;left:22px;bottom:36px;width:96px;height:96px;border:1px solid rgba(255,236,198,.18);border-radius:50%;background:#0a09083d;pointer-events:none}.explore-stick{pointer-events:auto;touch-action:none}.mobile-stick span{position:absolute;inset:29px;border-radius:50%;background:#ffeed229}.mobile-actions{position:absolute;z-index:24;right:24px;bottom:calc(30% + 34px);display:flex;flex-direction:column;gap:10px;pointer-events:none}.mobile-actions.explore-actions{bottom:42px;flex-direction:row}.round-action{width:46px;height:46px;border-radius:50%;font-size:22px;pointer-events:auto}@media(max-height:720px){.dialogue-text{min-height:70px}.portrait{bottom:26%;max-height:64%}}