:root{color:#fff3d5;background:#090711;font-family:Inter,Noto Sans TC,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;background:#090711}button,select,input{font:inherit}button,select{color:inherit}button{touch-action:none}.game-shell{position:relative;width:100vw;height:100dvh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 20%,#442136,#090711 68%)}.game-canvas{position:absolute;inset:0;display:grid;place-items:center}.game-canvas canvas{display:block;width:100%!important;height:100%!important;object-fit:contain}.title-screen{position:absolute;inset:0;z-index:30;display:grid;align-items:center;background-image:var(--key-art);background-position:center;background-size:cover}.title-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#08060ff7,#0e0814e0 38%,#150b1a40 72%,#07050c7a)}.title-screen:after{content:"";position:absolute;inset:18px;pointer-events:none;border:1px solid rgba(250,207,115,.32);box-shadow:inset 0 0 80px #05030abf}.title-content{position:relative;z-index:2;width:min(690px,58vw);margin-left:clamp(40px,8vw,145px);text-shadow:0 3px 24px #000}.kicker{margin:0 0 12px;color:#efc573;font-size:clamp(.68rem,1.2vw,.88rem);font-weight:900;letter-spacing:.23em}h1{max-width:650px;margin:0;color:#fff2cf;font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(2rem,5vw,5.2rem);line-height:.99;letter-spacing:-.04em}.subtitle{max-width:570px;margin:20px 0 8px;color:#ffd992;font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(1rem,1.8vw,1.45rem);font-weight:700}.premise{max-width:620px;margin:0 0 20px;color:#e1d6cd;font-size:clamp(.78rem,1.2vw,1rem);line-height:1.65}.title-meta{display:flex;gap:10px;margin-bottom:24px}.title-meta span{padding:7px 13px;border:1px solid rgba(244,213,141,.42);border-radius:999px;color:#e7d7b3;background:#110b1b9e;font-size:.78rem;font-weight:800}.title-language{position:absolute;z-index:3;top:max(30px,env(safe-area-inset-top));right:max(34px,env(safe-area-inset-right));display:flex;align-items:center;gap:10px;color:#f5d48e;font-size:.78rem;font-weight:800}select{border:1px solid #b98a52;border-radius:7px;padding:8px 11px;background:#201327}.primary-button,.secondary-button,.text-button{min-height:48px;border-radius:9px;padding:11px 21px;font-weight:900;cursor:pointer}.primary-button{border:2px solid #fff0bd;color:#21131b;background:linear-gradient(#ffdc87,#d98c42);box-shadow:0 7px #6e392a,0 12px 30px #0006}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.secondary-button{border:1px solid #b98a52;color:#ffe9b8;background:#392039}.text-button{border:0;color:#e8c37e;background:transparent;text-decoration:underline;text-underline-offset:4px}.title-content .primary-button{margin-right:8px;font-size:1.05rem}.hud-top{position:absolute;z-index:22;top:max(14px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));display:grid;grid-template-columns:minmax(310px,1.15fr) minmax(235px,.7fr) minmax(265px,.85fr) 48px;align-items:start;gap:12px;pointer-events:none}.hud-card{min-height:82px;padding:12px 16px;border:2px solid rgba(224,174,91,.68);border-radius:12px 5px 13px 6px;color:#fff0d0;background:linear-gradient(135deg,#191327f0,#2a172ae0);box-shadow:0 7px 24px #00000059,inset 0 0 25px #ffb8530f}.hud-label{display:block;margin-bottom:5px;color:#e8bc71;font-size:.67rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.objective-card strong{display:block;font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(.75rem,1.25vw,1rem);line-height:1.35}.hud-row{display:flex;justify-content:space-between;gap:8px;color:#efd7a6;font-size:.72rem;font-weight:800}.hud-row strong{color:#fff3ce;font-size:1.05rem}.hud-row.compact{margin-top:7px;font-size:.65rem}.hud-row.compact strong{font-size:.72rem}.meter{overflow:hidden;height:8px;margin-top:7px;border:1px solid rgba(255,240,190,.35);border-radius:99px;background:#0d0b16}.meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f7cf64,#e55c3c);transition:width .18s linear}.audience-meter i{background:linear-gradient(90deg,#608d92,#f5d46f)}.tension-meter i{background:linear-gradient(90deg,#b63b68,#ffb24e)}.icon-button{display:grid;place-items:center;width:48px;height:48px;border:2px solid #d6a65b;border-radius:50%;color:#ffeec4;background:#28162d;font-weight:900;cursor:pointer;pointer-events:auto}.suspicion-panel{position:absolute;z-index:21;top:111px;right:max(78px,calc(env(safe-area-inset-right) + 65px));display:grid;grid-template-columns:auto 100px auto;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;color:#e6d5bb;background:#0c0a13d1;font-size:.66rem;font-weight:800}.suspicion-panel i{width:0;height:5px;max-width:100px;border-radius:99px;background:#e2a44d;transition:width .15s}.suspicion-panel.danger{color:#ffe2da;outline:2px solid #ed604d}.suspicion-panel.danger i{background:#ed604d}.stage-message{position:absolute;z-index:21;left:50%;bottom:clamp(105px,15vh,142px);width:min(600px,62vw);min-height:48px;transform:translate(-50%) rotate(-.4deg);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px 12px;padding:10px 20px;border:1px solid rgba(247,205,113,.7);border-radius:8px 13px 7px 12px;color:#fff0ca;background:#150d1be6;box-shadow:0 8px 22px #00000061;font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(.68rem,1.3vw,.93rem);text-align:center;pointer-events:none}.stage-message small{width:100%;color:#f1c776;font-family:Inter,sans-serif;font-weight:900}.stage-message.urgent{border:3px solid #fff0aa;background:#6d1f27f2;animation:paper-shake .14s infinite alternate}.stage-message.urgent strong{color:#fff19e;font-size:1.25em}.stage-message.urgent i{position:absolute;right:0;bottom:-7px;left:0;height:5px;transform-origin:left;background:#ffe56f}@keyframes paper-shake{to{transform:translate(calc(-50% + 2px)) rotate(.5deg)}}.table-status{position:absolute;z-index:20;right:22px;bottom:22px;display:grid;justify-items:end;gap:3px;padding:8px 11px;border-right:4px solid #d09b51;color:#ead8b9;background:#0a0910bd;font-size:.68rem}.table-status b{color:#f4c76f}.desktop-legend{position:absolute;z-index:20;bottom:20px;left:22px;display:flex;flex-wrap:wrap;gap:5px;max-width:720px}.desktop-legend span{padding:5px 8px;border:1px solid rgba(220,177,101,.32);border-radius:5px;color:#ddd0ba;background:#0c0912bd;font-size:.62rem;font-weight:800}.touch-controls{position:absolute;z-index:23;right:max(14px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));left:max(14px,env(safe-area-inset-left));display:none;align-items:end;justify-content:space-between;pointer-events:none}.touch-controls button{pointer-events:auto;user-select:none;-webkit-user-select:none}.dpad{display:grid;grid-template:repeat(3,52px) / repeat(3,52px);gap:4px}.dpad button{border:2px solid #d9b878;border-radius:10px;color:#fff0c8;background:#23182ee0;font-size:1rem}.dpad .up{grid-area:1 / 2}.dpad .left{grid-area:2 / 1}.dpad .right{grid-area:2 / 3}.dpad .down{grid-area:3 / 2}.dpad-center{grid-area:2 / 2;border:1px solid rgba(217,184,120,.4);border-radius:50%;background:#0e0b17ad}.action-pad{display:grid;grid-template-columns:repeat(4,minmax(55px,68px));grid-template-rows:repeat(2,58px);gap:6px;align-items:stretch}.action-pad button{display:grid;place-items:center;align-content:center;border:2px solid rgba(235,199,126,.62);border-radius:14px 7px 12px 8px;color:#fff1cf;background:#2e192de6;font-size:clamp(.55rem,1.5vw,.68rem);font-weight:900}.action-pad b{color:#efc566;font-size:.64rem}.action-pad .fear{grid-column:1}.action-pad .taunt{grid-column:2}.action-pad .cool{grid-column:3}.action-pad .interact{grid-column:1 / 4;grid-row:2}.action-pad .flip{grid-column:4;grid-row:1 / 3;border-width:3px;background:linear-gradient(145deg,#59252ff0,#2e162af5);font-size:.82rem}.action-pad .flip.ready{border-color:#ffe381;box-shadow:0 0 18px #ffd25b8c}.action-pad .flip.charged{background:#9b3c35;transform:scale(1.04)}.action-pad button.recommended{outline:4px solid #fff3a5;animation:recommended .3s infinite alternate}.action-pad button:disabled{opacity:.38}@keyframes recommended{to{transform:scale(1.1) rotate(2deg)}}.modal-layer{position:absolute;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:#08060dbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:auto}.paper-modal{position:relative;width:min(520px,94vw);max-height:calc(100dvh - 40px);overflow:auto;padding:clamp(24px,4vw,42px);border:4px double #d9a75f;border-radius:5px 16px 8px 14px;color:#f8e9c9;background:linear-gradient(145deg,#2c1b32,#181321);box-shadow:0 24px 80px #000000b3;text-align:center}.paper-modal:before{content:"";position:absolute;inset:8px;pointer-events:none;border:1px solid rgba(232,190,112,.2)}.paper-modal h2{margin:0 0 16px;color:#fff0bd;font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(1.8rem,5vw,3.2rem)}.pause-modal>button{width:100%;margin:5px 0}.settings-grid{display:grid;gap:13px;margin:21px 0 8px;padding:17px;border-radius:8px;background:#08060e66;text-align:left}.settings-grid label{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:10px;font-size:.8rem;font-weight:800}.settings-grid .checkbox{grid-template-columns:auto 1fr}.settings-grid input[type=range]{width:100%;accent-color:#e9aa51}.result-modal{width:min(700px,96vw)}.result-modal>p:not(.kicker){color:#dacdb6;line-height:1.6}.score-total{display:flex;align-items:baseline;justify-content:center;gap:12px;margin:13px 0;color:#e0bd7d}.score-total strong{color:#fff0a6;font-size:2rem}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;height:145px;margin:15px 0}.score-grid div{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:end;overflow:hidden;padding:10px;border:1px solid rgba(232,185,102,.3);border-radius:6px;background:#05040a59}.score-grid i{position:absolute;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(#df8e4038,#cd513b8c)}.score-grid strong,.score-grid span{position:relative;z-index:1}.score-grid strong{font-size:1.6rem}.score-grid span{font-size:.68rem;font-weight:800}.report{display:grid;gap:4px;padding:13px;border-left:4px solid #d85c47;color:#d9cdbd;background:#08060d6b;text-align:left;font-size:.76rem}.report b{color:#efc375}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}.help-layer{z-index:60}.help-modal{width:min(720px,96vw);text-align:left}.help-modal ol{display:grid;gap:12px;padding-left:23px;color:#e1d6c4;line-height:1.55}.help-keys{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:20px 0}.help-keys span{display:grid;place-items:center;min-height:65px;border:2px solid #c69957;border-radius:8px;background:#100d18;color:#f4d695;font-size:.7rem;font-weight:900;text-align:center}.help-modal .primary-button{display:block;min-width:160px;margin:auto}@media(pointer:coarse),(max-width:900px){.touch-controls{display:flex}.desktop-legend,.table-status{display:none}.stage-message{bottom:182px}.hud-top{grid-template-columns:minmax(200px,1.2fr) minmax(150px,.8fr) 44px;gap:7px}.status-card{position:absolute;top:84px;right:0;width:min(260px,38vw);min-height:64px}.pause-button{grid-column:3;width:44px;height:44px}.hud-card{min-height:70px;padding:9px 11px}.suspicion-panel{top:157px;right:12px}}@media(max-width:620px),(orientation:portrait){.title-content{width:auto;margin:0 28px;align-self:end;padding-bottom:9vh}.title-scrim{background:linear-gradient(0deg,#08060ffa,#0e0814e0 55%,#0b071233)}.title-language{top:max(18px,env(safe-area-inset-top));right:20px}.title-meta{margin-bottom:15px}.premise{margin-bottom:12px}.hud-top{top:7px;left:7px;right:7px;grid-template-columns:1fr 122px 40px}.hud-card{min-height:64px;padding:7px 9px}.objective-card strong{font-size:.65rem}.hud-label{font-size:.54rem}.sunset-card .hud-row{font-size:.56rem}.sunset-card .hud-row strong{font-size:.8rem}.status-card{top:69px;width:190px;min-height:55px}.status-card .hud-row{font-size:.55rem}.status-card .meter{height:5px;margin-top:3px}.pause-button{width:40px;height:40px}.suspicion-panel{top:130px;grid-template-columns:auto 62px auto;font-size:.54rem}.stage-message{bottom:182px;width:min(88vw,520px);padding:7px 12px;font-size:.66rem}.action-pad{grid-template-columns:repeat(4,minmax(48px,58px));grid-template-rows:repeat(2,52px)}.dpad{grid-template:repeat(3,48px) / repeat(3,48px)}.help-keys{grid-template-columns:repeat(3,1fr)}.result-actions{grid-template-columns:1fr}}@media(max-height:520px){.hud-top{top:5px}.hud-card{min-height:58px}.objective-card{max-width:390px}.status-card{top:61px}.suspicion-panel{top:117px}.stage-message{bottom:118px}.dpad{grid-template:repeat(3,40px) / repeat(3,40px)}.action-pad{grid-template-rows:repeat(2,48px)}.paper-modal{padding:18px 26px}.paper-modal h2{margin-bottom:8px}.settings-grid{margin:10px 0 4px;padding:10px;gap:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}