:root{color-scheme:light;font-size:18px;font-family:Yu Gothic UI,Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,system-ui,sans-serif;background:#15110e;color:#2f231a;--paper: #fff5dc;--paperDeep: #f4dfad;--ink: #352719;--orange: #f08a25;--orangeDeep: #c8611b;--mint: #8fbd72;--blueTape: #519ab0;--danger: #e65f54;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:1024px;min-height:100vh;overflow:hidden;font-size:1rem}button,textarea{font:inherit}button{cursor:pointer}.appShell{width:100vw;height:100vh;padding:10px;background:radial-gradient(circle at 18% 8%,rgba(255,226,137,.32),transparent 28%),linear-gradient(120deg,#5c351c,#9b6d35 44%,#4a2d1d)}.topBar{height:58px;max-width:1480px;margin:0 auto 8px;display:grid;grid-template-columns:minmax(300px,1fr) auto auto 44px;gap:14px;align-items:center;color:#382817;padding:7px 10px;border-radius:10px;background:#fff6dce0;border:1px solid rgba(255,255,255,.42);box-shadow:0 10px 26px #311d0c3d}.brandBlock{display:flex;gap:12px;align-items:center;min-width:0}.brandMark{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#ffcf5b;color:#563516;font-weight:900;box-shadow:0 0 0 4px #ffffff6b,0 8px 18px #5a34122e}.brandBlock h1{margin:0;font-size:1.24rem;letter-spacing:0;white-space:nowrap}.brandBlock p{margin:4px 0 0;color:#4c361db8;font-size:.82rem}.flowPills{display:flex;gap:5px}.flowPill{min-width:50px;padding:7px 9px;border-radius:999px;background:#5b432b21;border:1px solid rgba(91,67,43,.12);color:#46321bad;text-align:center;font-size:.82rem}.flowPill.active{background:#fff2c9;color:#51391b;box-shadow:0 3px #7a521c24}.iconButton{width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;background:#523a2024;color:#60431e}.turnProgress{display:flex;gap:7px;align-items:center}.turnDot{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#5e442421;border:1px solid rgba(94,68,36,.12);color:#4a361ea8;font-weight:900;font-size:.82rem}.turnDot.active{background:#f8d25c;color:#473211;box-shadow:0 0 0 4px #f8d25c33}.turnDot.done{background:#dff2e7;color:#285a3d}.stageFrame{position:relative;max-width:1480px;height:calc(100vh - 76px);min-height:0;margin:0 auto;overflow:hidden;border-radius:14px;border:1px solid rgba(255,246,218,.62);background:#f4ead4;box-shadow:0 28px 70px #00000061}.titleScreen,.sceneScreen,.inputScreen,.loadingScreen,.reactionScreen,.scoreScreen,.interludeScreen,.endingScreen{position:absolute;inset:0;overflow:hidden}.titleShade{position:absolute;inset:0;background:linear-gradient(90deg,#110e0ab8,#110e0a38 58%,#110e0a80),linear-gradient(180deg,#0000001f,#00000070)}.endingScreen .sceneImage{object-position:center 38%;transform:scale(1.46)}.titlePanel{position:absolute;left:clamp(42px,7vw,108px);bottom:clamp(44px,9vh,92px);width:min(720px,62vw);color:#fff8df}.titlePanel span{display:inline-block;padding:8px 14px;border-radius:999px;background:#ffd24a38;border:1px solid rgba(255,230,158,.36);font-weight:900}.titlePanel h2{margin:18px 0 16px;font-size:clamp(42px,5vw,72px);line-height:1.08;text-shadow:0 6px 22px rgba(0,0,0,.42)}.titlePanel p{width:min(620px,100%);margin:0;line-height:1.82;font-size:1.08rem;color:#fff8dfe0}.titleActions{margin-top:28px}.sceneImage,.inputBackground,.reactionBackground{position:absolute;inset:-5%;width:100%;height:100%;object-fit:cover;transform:scale(1.12);transform-origin:center}.sceneShade{position:absolute;inset:0;background:linear-gradient(180deg,#00000014,#00000052),linear-gradient(90deg,rgba(0,0,0,.08),transparent 50%,rgba(0,0,0,.12))}.sceneTextBox{position:absolute;left:clamp(28px,4vw,58px);right:clamp(28px,4vw,58px);bottom:clamp(24px,4vh,46px);min-height:180px;display:grid;grid-template-columns:104px 150px 1fr auto;gap:16px;align-items:start;padding:18px;border-radius:12px;background:linear-gradient(105deg,#fffae7f0,#fff6d9db),repeating-linear-gradient(0deg,rgba(110,83,49,.05) 0 1px,transparent 1px 9px);border:1px solid rgba(88,58,26,.24);box-shadow:0 18px 45px #00000052}.speakerIcon{width:96px;aspect-ratio:1;object-fit:cover;object-position:top;border-radius:8px;background:#fff;border:4px solid #fff7dd;box-shadow:0 8px 20px #4a2d1638}.speakerMeta{display:grid;gap:8px}.speakerName,.addressLabel{width:fit-content;display:inline-block;padding:7px 12px;border-radius:6px;background:#f8d25c;color:#473211;font-weight:800;box-shadow:0 3px #d9a738}.speakerRole{width:fit-content;padding:5px 9px;border-radius:5px;background:#ffffffb8;color:#765737;font-size:.84rem}.sceneLines{display:grid;gap:8px;font-size:1.08rem;line-height:1.72}.sceneLines strong{display:block;font-size:1.18rem;line-height:1.55}.sceneLines p{margin:0}.storyPager{cursor:pointer;outline:none}.storyPager:focus-visible{box-shadow:0 18px 45px #00000052,0 0 0 5px #ffd24a6b}.storyPagerFooter{align-self:end;display:grid;gap:8px;justify-items:end}.storyPagerFooter>span{padding:5px 9px;border-radius:999px;background:#ffffffa8;color:#73552f;font-size:.82rem;font-weight:900}.storyPagerFooter .waiting{opacity:.82;filter:saturate(.82)}.storyPagerFooter .ready{animation:readyPulse 1.1s ease-in-out infinite}.primaryButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:0;border-radius:8px;background:linear-gradient(180deg,#ffdd68,#f4b83d);color:#3e2b12;font-weight:900;font-size:1rem;box-shadow:0 5px #bb7d23,0 12px 24px #321f0d33}.nextButton{align-self:end;white-space:nowrap}.inputScreen:before,.reactionScreen:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#27190f70,#42271247 46%,#2d180c7a),radial-gradient(circle at 22% 16%,rgba(255,213,112,.28),transparent 34%);-webkit-backdrop-filter:blur(1.5px) saturate(1.08);backdrop-filter:blur(1.5px) saturate(1.08)}.inputGrid{position:relative;z-index:1;height:100%;min-height:0;padding:clamp(16px,2.1vw,30px);display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.35fr);grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(12px,1.5vw,20px)}.briefPanel,.memoryPanel,.proposalPanel{min-height:0}.briefPanel{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;padding:0;background:transparent;border:0;box-shadow:none}.subtleBack{position:absolute;z-index:3;left:clamp(20px,2.5vw,38px);top:clamp(20px,2.5vw,36px);display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(110,77,33,.24);border-radius:999px;background:#fff9e2d1;color:#6d4e26;padding:6px 12px;margin:0;font-weight:900;box-shadow:0 6px 18px #34200d2e}.paperTitle{position:relative;margin-left:46px;width:min(760px,64vw);padding:18px 28px 18px 70px;background:linear-gradient(180deg,#fff9e2f7,#f6e6bff2),repeating-linear-gradient(0deg,rgba(108,78,40,.055) 0 1px,transparent 1px 10px);border:1px solid rgba(99,68,32,.23);border-radius:5px 5px 8px 8px;box-shadow:0 14px 30px #26180b38,inset 0 -1px #5e3f1d1f;transform:rotate(-1deg)}.paperTitle:before{content:"導入";position:absolute;left:16px;top:16px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#ec9a35,#d46b24);color:#fff8df;font-weight:1000;font-size:.82rem;box-shadow:0 4px #76391133}.paperTitle:after{content:"";position:absolute;right:18px;top:12px;width:22px;height:22px;background:#ffd557;clip-path:polygon(50% 0,63% 35%,100% 38%,71% 60%,82% 100%,50% 77%,18% 100%,29% 60%,0 38%,37% 35%);opacity:.72}.turnKicker{display:inline-block;margin-bottom:10px;padding:5px 10px;border-radius:999px;background:#f6cb50;color:#523815;font-size:.82rem;font-weight:900}.briefPanel h2{margin:0 0 9px;font-size:clamp(1.45rem,2.4vh,1.9rem);line-height:1.25}.briefPanel p{margin:0;font-size:.98rem;line-height:1.55}.relationshipHint{display:flex;gap:0;align-items:center;justify-content:flex-end;margin:6px 0 0;padding:7px 10px;border-radius:8px;background:#fff9e4e0;border:1px solid rgba(118,86,46,.18);box-shadow:0 10px 24px #2e1d0c2e}.relationshipHint span{color:#725631;font-size:.84rem;font-weight:900;margin-right:8px}.relationshipHint button{display:inline-flex;align-items:center;gap:6px;background:#ffffffdb;border:1px solid #ead6ae;border-left:0;padding:6px 10px;min-height:42px;font-size:.95rem;color:#3f2d18;font-weight:900}.relationshipHint button:first-of-type{border-left:1px solid #ead6ae;border-radius:7px 0 0 7px}.relationshipHint button:last-of-type:not(.dictionaryButton){border-radius:0 7px 7px 0}.relationshipHint img{width:28px;aspect-ratio:1;border-radius:50%;object-fit:cover;object-position:top;background:#f6e5bf}.dictionaryButton{margin-left:10px;border-left:1px solid #e0bc78!important;border-radius:999px!important;background:linear-gradient(180deg,#fff0bd,#ffd260)!important;color:#553915!important;box-shadow:0 3px #8553132e}.glossaryPanel{position:absolute;z-index:8;top:clamp(88px,12vh,120px);right:clamp(26px,3vw,48px);bottom:clamp(22px,3vh,34px);width:min(440px,38vw);display:grid;grid-template-rows:auto auto 1fr;gap:12px;padding:18px;border-radius:10px;background:linear-gradient(180deg,#fffae6fa,#f5e4befa),repeating-linear-gradient(0deg,rgba(112,84,50,.06) 0 1px,transparent 1px 11px);border:1px solid rgba(100,68,32,.24);box-shadow:0 24px 52px #22160a57,0 0 0 999px #180f083d}.glossaryHeader{display:flex;align-items:start;justify-content:space-between;gap:14px}.glossaryHeader span{color:#8a6531;font-size:.82rem;font-weight:900}.glossaryHeader h3{margin:3px 0 0;font-size:1.42rem}.glossaryTabs{display:flex;gap:8px}.glossaryTabs button{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid #e1c389;background:#ffffffb8;color:#6b4d24;font-weight:900}.glossaryTabs button.active{background:#ffd260;color:#503714;box-shadow:0 3px #85531329}.glossaryList{min-height:0;overflow:auto;display:grid;gap:10px;padding-right:4px}.glossaryItem{position:relative;display:grid;grid-template-columns:1fr auto;gap:6px 10px;padding:12px;border-radius:8px;background:#ffffffad;border:1px solid rgba(128,91,44,.16)}.glossaryItem button{justify-self:start;border:0;border-radius:999px;background:#4f9ab0;color:#fff8e3;padding:6px 11px;font-weight:1000}.glossaryItem small{color:#8b6a3f;font-weight:900}.glossaryItem p{grid-column:1 / -1;margin:0;color:#49351f;line-height:1.55;font-size:.92rem}.glossaryItem p b{display:block;margin-bottom:3px;color:#2f231a}.memoryPanel{grid-column:1;grid-row:2 / 4;padding:4px 4px 12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.5vw,18px);align-items:stretch;background:transparent;border:0;box-shadow:none;overflow:visible}.memoryCard{position:relative;min-height:0;height:100%;display:flex;flex-direction:column;gap:8px;text-align:left;border:1px solid rgba(97,68,33,.24);border-radius:10px;background:linear-gradient(180deg,#fffae8fa,#f4e5c0fa),repeating-linear-gradient(0deg,rgba(122,85,41,.05) 0 1px,transparent 1px 12px);padding:clamp(10px,1.2vw,14px);color:#3d2d1d;overflow:visible;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;box-shadow:0 18px 30px #2e1d0c38,inset 0 0 0 1px #ffffff6b}.memoryCard:before{content:"";position:absolute;inset:auto 10px -6px;height:10px;border-radius:0 0 8px 8px;background:#5c44242e;filter:blur(7px);z-index:-1}.memoryCard:hover{transform:translateY(-4px);border-color:#efb43b;box-shadow:0 20px 34px #502d0c42,0 0 0 3px #ffda6633,inset 0 0 0 1px #ffffff80}.memoryCard.selected{transform:translateY(-5px) scale(1.015);border-color:#ffb13c;background:linear-gradient(180deg,#fff8d6fc,#ffeeb7fa),repeating-linear-gradient(0deg,rgba(196,129,24,.06) 0 1px,transparent 1px 12px);box-shadow:0 0 0 4px #ffbb2ceb,0 0 24px 7px #ffc4448a,0 22px 36px #6a390b52,inset 0 0 0 2px #ffffffa3}.memoryCard.selected:after{content:"";position:absolute;right:14px;top:-36px;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,#fffdf0 0 18%,#ffd962 19% 42%,#ffcb3f42 44% 100%);box-shadow:0 0 24px #ffce4be6;animation:selectedBulb 1.4s ease-in-out infinite}.cardNumber{width:fit-content;margin-top:6px;padding:5px 9px;border-radius:999px;background:#dceec9;color:#8c6b34;font-size:.78rem;font-weight:800}.cardClip{position:absolute;z-index:3;left:16px;top:-16px;width:28px;height:54px;border:4px solid rgba(172,177,167,.86);border-bottom-color:transparent;border-radius:18px 18px 8px 8px;transform:rotate(8deg);box-shadow:inset 0 0 0 2px #ffffff73,0 4px 8px #472d1229}.memoryPhoto{min-height:0;height:clamp(150px,23vh,220px);flex:0 0 auto;overflow:hidden;border-radius:7px;border:4px solid rgba(255,255,255,.8);background:#dcc49a;box-shadow:0 8px 18px #5031152e}.memoryPhoto img{width:100%;height:100%;min-height:150px;object-fit:cover;transform:scale(1.22);filter:saturate(1.05) contrast(.96) brightness(.97)}.selectedMemoryMark{position:absolute;top:-17px;left:50%;transform:translate(-50%);padding:8px 28px;border-radius:0 0 14px 14px;background:linear-gradient(180deg,#ff9a39,#e77522);color:#fff9e5;font-size:.92rem;font-weight:900;box-shadow:0 4px #71341738;z-index:4}.memoryCard h3{margin:4px 0 6px;text-align:center;font-size:clamp(1.18rem,2.2vh,1.45rem);line-height:1.22}.memoryHints{display:grid;gap:7px}.memoryHints span{display:grid;grid-template-columns:86px 1fr;align-items:center;gap:8px;min-height:32px;padding:4px 0;border-top:1px solid rgba(136,101,50,.15)}.memoryHints b{justify-self:start;padding:4px 8px;border-radius:999px;font-size:.76rem;font-weight:1000;white-space:nowrap}.futureHint b{background:#cfe7b6;color:#4d7434}.safeHint b{background:#ffd995;color:#8a5218}.riskHint b{background:#f4c5b9;color:#a43d32}.memoryHints em{min-width:0;color:#3b2b1a;font-size:clamp(.9rem,1.8vh,1rem);font-style:normal;font-weight:800;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.memoryFocus{margin:auto 0 0;line-height:1.48;font-size:.86rem;color:#69513a;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.proposalPanel{position:relative;grid-column:2;grid-row:2;padding:clamp(18px,2.2vw,28px);display:grid;grid-template-rows:auto auto 1fr auto;gap:13px;align-self:stretch;border-radius:8px;background:linear-gradient(180deg,#fff9e4f5,#f7e8c6f2),repeating-linear-gradient(0deg,transparent 0 37px,rgba(112,84,50,.13) 38px 39px);border:1px solid rgba(96,63,27,.2);box-shadow:0 18px 38px #291a0c42;transform:rotate(.7deg)}.proposalPanel:before{content:"";position:absolute;left:22px;right:22px;bottom:-9px;height:18px;border-radius:50%;background:#36210e33;filter:blur(9px);z-index:-1}.noteClip{position:absolute;right:18px;top:-24px;width:28px;height:74px;border:5px solid rgba(151,158,150,.9);border-bottom-color:transparent;border-radius:19px 19px 8px 8px;transform:rotate(12deg);box-shadow:inset 0 0 0 2px #ffffff70,0 5px 10px #472d1229}.selectedMemoryTag{width:fit-content;justify-self:center;padding:9px 16px;border-radius:4px;background:#4f9ab0;color:#fff8e3;font-size:1.04rem;font-weight:1000;box-shadow:0 3px #235e6e40}.proposalLead{margin:0;line-height:1.58;color:#70573c;font-weight:700;text-align:center}textarea{width:100%;min-height:0;resize:none;border:0;border-radius:4px;padding:16px;color:#352719;background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(112,84,50,.13) 40px 41px),#fffdf442;font-size:clamp(1.04rem,2vh,1.18rem);line-height:1.8;outline:none}.proposalFooter{grid-column:1 / -1;display:grid;grid-template-columns:minmax(150px,1fr) auto;align-items:center;gap:14px}.riskMeter{display:grid;grid-template-columns:auto minmax(72px,1fr) auto;gap:8px;align-items:center;color:#fff1c4;font-size:.9rem;padding:8px 12px;border-radius:7px;background:#35231173;box-shadow:0 6px 18px #2c1d0c26}.proposalPanel .primaryButton{min-width:118px;white-space:nowrap}.riskMeter i{height:9px;border-radius:999px;background:linear-gradient(90deg,#79b98c 0 32%,#f4d469 32% 65%,#e16d5c 65%)}.loadingScreen:before{content:"";position:absolute;inset:0;background:#160f0a80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.loadingPanel{position:absolute;z-index:1;inset:50%;width:min(680px,70vw);min-height:260px;transform:translate(-50%,-50%);display:grid;align-content:center;justify-items:center;gap:18px;padding:34px;border-radius:14px;background:#fff9e5f0;border:1px solid rgba(96,63,27,.22);box-shadow:0 22px 54px #00000052;text-align:center}.loadingPanel span{padding:7px 12px;border-radius:999px;background:#f7d15d;color:#523815;font-weight:900}.loadingPanel h2{margin:0;font-size:1.62rem;line-height:1.42}.loadingPanel p{max-width:560px;margin:0;color:#6f5432;line-height:1.7}.loadingDots{display:flex;gap:10px}.loadingDots i{width:14px;height:14px;border-radius:50%;background:#e95f34;animation:loadingDot .84s ease-in-out infinite}.loadingDots i:nth-child(2){animation-delay:.14s}.loadingDots i:nth-child(3){animation-delay:.28s}.loadingActions{display:flex;gap:12px;align-items:center}.subtleButton{min-height:44px;padding:0 16px;border-radius:8px;border:1px solid #d9bd7e;background:#ffffffa8;color:#5e431f;font-weight:900}.reactionScreen{padding:clamp(24px,3vw,42px)}.reactionHeader{position:relative;z-index:1;color:#fff8df;margin-bottom:18px}.reactionHeader span{display:inline-block;padding:7px 12px;border-radius:999px;background:#fff7dc29;border:1px solid rgba(255,247,220,.24)}.reactionHeader h2{margin:10px 0 0;font-size:2.18rem}.singleReaction{position:relative;z-index:1;height:calc(100% - 118px);display:grid;grid-template-columns:minmax(620px,1fr) 240px;grid-template-rows:1fr auto;gap:18px}.focusedReaction{--reactionGlow: rgba(255, 210, 74, .24);grid-row:1 / -1;display:grid;grid-template-columns:minmax(330px,.8fr) minmax(380px,1fr);overflow:hidden;border-radius:14px;background:linear-gradient(120deg,#fffae7f0,#fff2cfe6),radial-gradient(circle at 28% 20%,var(--reactionGlow),transparent 46%);border:1px solid rgba(255,255,255,.45);box-shadow:0 20px 50px #0000004d,0 0 0 5px var(--reactionGlow);animation:focusedIn .36s ease both;cursor:pointer;outline:none}.focusedReaction:focus-visible{box-shadow:0 20px 50px #0000004d,0 0 0 5px var(--reactionGlow),0 0 0 9px #ffffff6b}.focusedReaction.worried{--reactionGlow: rgba(99, 126, 145, .2);filter:saturate(.94)}.focusedReaction.mixed{--reactionGlow: rgba(255, 232, 166, .2)}.focusedPortrait{min-height:0;display:flex;align-items:flex-start;justify-content:center;padding:24px 26px 0;background:radial-gradient(circle at 50% 20%,rgba(255,226,141,.42),transparent 44%),linear-gradient(180deg,#f4e7c5d1,#d9c299e0)}.focusedPortrait img{width:min(88%,330px);height:100%;object-fit:cover;object-position:top center;filter:drop-shadow(0 18px 22px rgba(60,40,20,.24))}.focusedCopy{display:grid;align-content:center;justify-items:start;gap:14px;padding:clamp(28px,4vw,54px)}.focusedCopy h3{margin:0;font-size:1.86rem}.focusedCopy p{margin:0;min-height:6.5em;font-size:1.42rem;line-height:1.62;font-weight:700}.focusedCopy p strong,.reactionCopy p strong,.endingBody strong{display:block;margin-bottom:.28em;color:#2c2117;font-weight:1000}.focusedCopy small{padding:8px 12px;border-radius:7px;background:#ffffffa8;color:#7d5e39;font-weight:800}.typingCaret{display:inline-block;width:.72em;height:1.05em;margin-left:2px;transform:translateY(.14em);border-radius:2px;background:#4e3314b8;animation:caretBlink .72s steps(1) infinite}.ctcIndicator{width:30px;height:18px;justify-self:end;margin-top:-10px;clip-path:polygon(0 0,100% 0,50% 100%);background:#f0b93f;filter:drop-shadow(0 4px 0 rgba(120,78,22,.2));animation:ctcBounce .86s ease-in-out infinite}.reactionCue{display:grid;gap:10px}.cueFace{min-height:76px;display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:center;padding:8px;border-radius:10px;border:1px solid rgba(255,247,221,.34);background:#fff8e194;color:#4b3519;text-align:left;opacity:.55}.cueFace.active,.cueFace.seen{opacity:1}.cueFace.active{background:#fff3c4;box-shadow:0 0 0 4px #ffd24a38}.cueFace img{width:58px;aspect-ratio:1;object-fit:cover;object-position:top center;border-radius:8px;background:#f5e5bf}.cueFace span{font-weight:900}.reactionAdvance{align-self:end;white-space:nowrap;transition:filter .18s ease,transform .18s ease,box-shadow .18s ease,opacity .18s ease}.reactionAdvance.waiting{opacity:.82;filter:saturate(.78);box-shadow:0 4px #98713e,0 10px 18px #321f0d24}.reactionAdvance.ready{animation:readyPulse 1.1s ease-in-out infinite}.reactionCards{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.reactionCards.summary{padding-right:0;margin-top:-32px}.reactionCards.summary .reactionCard{min-height:min(430px,calc(100vh - 286px));grid-template-rows:minmax(210px,1fr) auto}.reactionCard{--glow: rgba(255, 203, 86, .24);animation:cardIn .6s ease both;animation-delay:var(--delay);min-height:520px;display:grid;grid-template-rows:minmax(260px,1fr) auto;overflow:hidden;border-radius:12px;background:#fff9e5eb;border:1px solid rgba(255,255,255,.4);box-shadow:0 18px 42px #00000047,0 0 0 4px var(--glow)}.reactionCard.worried{--glow: rgba(106, 138, 156, .2);filter:saturate(.92)}.reactionCard.mixed{--glow: rgba(255, 233, 162, .18)}.portraitWrap{min-height:0;background:radial-gradient(circle at 50% 22%,rgba(255,226,141,.38),transparent 45%),linear-gradient(180deg,#efe0be,#d9c399);display:flex;align-items:flex-start;justify-content:center;padding-top:18px}.portraitWrap img{width:min(82%,230px);height:100%;object-fit:cover;object-position:top center;filter:drop-shadow(0 14px 18px rgba(62,42,20,.2))}.reactionCopy{padding:14px;display:grid;gap:10px}.reactionCopy p{margin:0;line-height:1.6}.reactionCopy small{color:#866d4b}.reactionNext,.scoreNext{position:absolute;right:36px;z-index:4}.reactionNext{top:52px}.scoreNext{bottom:30px}.interludePanel{position:absolute;left:clamp(42px,6vw,86px);bottom:clamp(36px,7vh,70px);width:min(820px,68vw);padding:30px;border-radius:14px;background:linear-gradient(110deg,#fffae7f0,#f1faf8e0),repeating-linear-gradient(0deg,rgba(110,83,49,.05) 0 1px,transparent 1px 9px);border:1px solid rgba(88,58,26,.24);box-shadow:0 18px 45px #00000052}.interludePanel>span{color:#8a6531;font-weight:900}.interludePanel h2{margin:8px 0 12px;font-size:2rem}.interludePanel p{margin:0;line-height:1.8}.scoreTrail{display:flex;gap:12px;margin-top:20px}.scoreTrail i{width:86px;height:72px;display:grid;grid-template-rows:auto 1fr;gap:5px;align-items:end;padding:8px;border-radius:10px;background:#ffffffbd;border:1px solid rgba(86,111,116,.2);font-style:normal}.scoreTrail i:after{content:"";display:block;width:var(--value);height:10px;border-radius:999px;background:linear-gradient(90deg,#ffd75d,#f27286)}.scoreTrail span{color:#7d6040;font-size:.82rem;font-weight:900}.scoreTrail b{color:#d55233;font-size:1.2rem}.interludeFooter{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px}.interludeFooter strong{font-size:1.24rem}.scoreScreen{background:linear-gradient(135deg,#fff3cff2,#e4f1eeeb),#f3ead0;padding:clamp(24px,3vw,42px)}.scoreMockGuide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.12}.scoreBoard{position:relative;height:calc(100% - 78px);display:grid;grid-template-columns:minmax(520px,1fr) 360px;grid-template-rows:1fr auto;gap:20px;padding:28px;border-radius:18px;background:linear-gradient(180deg,#ffffffb8,#fffaebc7),repeating-linear-gradient(90deg,rgba(74,130,145,.08) 0 1px,transparent 1px 26px);border:1px solid rgba(70,100,105,.22);box-shadow:0 20px 50px #38281633;overflow:hidden}.mainScoreCard{position:relative;z-index:2;align-self:stretch;display:grid;align-content:center;justify-items:center;border-radius:16px;background:linear-gradient(135deg,#ffffffd1,#eef8fac2),radial-gradient(circle at 14% 16%,rgba(255,210,74,.24),transparent 40%);border:1px solid rgba(77,118,128,.28);box-shadow:inset 0 0 0 8px #ffffff5c,0 18px 40px #374a4e29}.boardKicker{padding:8px 14px;border-radius:999px;background:#f8d057;color:#503815;font-weight:900}.mainScoreCard h2{margin:18px 0 10px;font-size:2.34rem}.mainScoreCard p{width:min(560px,80%);margin:14px 0 0;text-align:center;line-height:1.7;font-size:1.04rem}.animatedScore{display:flex;align-items:flex-end;justify-content:center;color:#e85b3c;filter:drop-shadow(0 6px 0 rgba(126,47,28,.16))}.animatedScore span{font-size:clamp(90px,11vw,164px);line-height:.9;font-weight:1000;animation:scorePop .9s cubic-bezier(.2,1.4,.34,1) both}.animatedScore small{margin:0 0 18px 8px;font-size:34px;font-weight:900}.statusMeters{position:relative;z-index:2;display:grid;gap:14px;align-content:center}.meter{border-radius:12px;padding:14px;background:#fffc;border:1px solid rgba(67,103,107,.2);box-shadow:0 10px 24px #4044321a}.meterLabel{display:flex;justify-content:space-between;gap:10px;margin-bottom:9px;font-size:.94rem;font-weight:800}.meterTrack{height:14px;border-radius:999px;overflow:hidden;background:#e7e1cf}.meterTrack i{display:block;height:100%;width:0;border-radius:inherit;animation:meterFill 1.2s ease .3s both}.meter.warm .meterTrack i{background:linear-gradient(90deg,#ffd75d,#ff9d47)}.meter.green .meterTrack i{background:linear-gradient(90deg,#79c58b,#37a66a)}.meter.cool .meterTrack i{background:linear-gradient(90deg,#8cc9d8,#5d8eaa)}.meter.pink .meterTrack i{background:linear-gradient(90deg,#ffb0a7,#f27286)}.craftShelf{position:relative;z-index:2;grid-column:1 / -1;display:flex;gap:10px;flex-wrap:wrap}.craftShelf span{padding:8px 12px;border-radius:8px;background:#ffffffd1;border:1px solid rgba(86,111,116,.22);box-shadow:0 5px #566f741a;font-weight:800}.bulbString{position:absolute;z-index:1;inset:18px 22px auto;display:flex;justify-content:space-between}.bulbString i{width:16px;height:16px;border-radius:50%;background:#ffda74;box-shadow:0 0 18px #ffcb55;animation:bulbBlink 2s ease-in-out infinite}.bulbString i:nth-child(2n){animation-delay:.22s}.confettiLayer{position:absolute;inset:0;pointer-events:none;z-index:3}.confettiLayer i{position:absolute;top:-24px;left:var(--x);width:9px;height:16px;border-radius:2px;background:hsl(calc(var(--x) * 2),78%,60%);animation:confettiFall 3.4s ease-in infinite;animation-delay:var(--delay)}.endingPanel{position:absolute;left:54px;bottom:48px;width:min(720px,60vw);padding:28px;border-radius:14px;background:#fff9e4e6;box-shadow:0 18px 45px #00000047}.endingPanel span{color:#896835;font-weight:900}.endingPanel h2{margin:8px 0 12px;font-size:1.92rem}.endingPanel p{font-size:1rem;line-height:1.8}.endingBody{display:grid;gap:8px;min-height:172px}.endingBody strong{font-size:1.2rem;line-height:1.55}.endingBody p{margin:0}.endingScores{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.endingScores b{padding:7px 10px;border-radius:999px;background:#ffffffbd;color:#67471f;font-size:.86rem}@keyframes cardIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes focusedIn{0%{opacity:0;transform:translate(18px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes caretBlink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes ctcBounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes readyPulse{0%,to{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(-1px);filter:brightness(1.08)}}@keyframes loadingDot{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}@keyframes scorePop{0%{opacity:0;transform:translateY(18px) scale(.84)}72%{opacity:1;transform:translateY(-4px) scale(1.04)}to{transform:translateY(0) scale(1)}}@keyframes meterFill{0%{width:0}}@keyframes bulbBlink{0%,to{opacity:.72;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}@keyframes selectedBulb{0%,to{opacity:.86;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}@keyframes confettiFall{0%{opacity:0;transform:translateY(-30px) rotate(0)}12%{opacity:1}to{opacity:0;transform:translateY(720px) rotate(380deg)}}@media(max-height:780px){:root{font-size:17px}.sceneTextBox{min-height:164px}.sceneLines{font-size:1rem;line-height:1.58}.speakerIcon{width:86px}}