.pakai-expression{flex:0 0 58px;width:58px;height:58px;background-image:url('../assets/characters/pakai-expressions.png');background-repeat:no-repeat;background-size:200% 200%;filter:drop-shadow(0 6px 8px rgba(0,0,0,.3));transition:opacity .16s,transform .18s}
.expression-surprised{background-position:0 0}
.expression-worried{background-position:100% 0}
.expression-wry{background-position:0 100%}
.expression-joy{background-position:100% 100%}
.delta-toast{white-space:normal;text-align:center;max-width:calc(100% - 32px)}
.result-screen[data-category="炎上"],.result-screen[data-category="ดราม่า"]{background:radial-gradient(circle at 50% 24%,rgba(255,107,107,.16),transparent 36%)}
.result-screen[data-category="มิตรภาพ"]{background:radial-gradient(circle at 50% 24%,rgba(114,200,255,.16),transparent 36%)}
.result-screen[data-category="รายได้"]{background:radial-gradient(circle at 50% 24%,rgba(255,200,87,.16),transparent 36%)}
.result-screen[data-category="ปลาไข่"],.result-screen[data-category="ลับ"]{background:radial-gradient(circle at 50% 24%,rgba(196,155,255,.18),transparent 38%)}
.life-time-label{align-self:flex-start;margin:-2px 0 10px;padding:6px 11px;border-radius:999px;background:rgba(255,200,87,.1);color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.04em}
.result-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin:4px 0 8px}
.result-insight{width:100%;margin:0;padding:0;text-align:left;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden}
.result-insight summary{position:relative;list-style:none;padding:11px 32px 11px 12px;color:var(--muted);font-size:12px;font-weight:800;cursor:pointer;touch-action:manipulation}
.result-insight summary::-webkit-details-marker{display:none}
.result-insight summary:after{content:"+";position:absolute;right:12px;top:50%;translate:0 -50%;color:var(--green);font-size:18px}
.result-insight[open] summary:after{content:"−"}
.result-insight[open] .reason-list,.result-insight[open] .trait-list{padding:0 12px 12px}
.reason-list{display:grid;gap:8px}.reason-item{display:flex;gap:9px;align-items:flex-start;line-height:1.45;font-size:13px}.reason-item span{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:rgba(70,211,138,.14);color:var(--green);font-weight:900}
.trait-list{display:flex;gap:7px;flex-wrap:wrap}.trait-chip{padding:8px 11px;border-radius:999px;background:rgba(70,211,138,.12);border:1px solid rgba(70,211,138,.2);color:#dff8e9;font-size:12px;font-weight:700}
.collection-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.collection-summary div{padding:10px 6px;text-align:center;border-radius:14px;background:rgba(255,255,255,.055)}.collection-summary strong{display:block;font-size:17px}.collection-summary span{font-size:10px;color:var(--muted)}
.collection-filters{display:flex;gap:7px;overflow-x:auto;padding:0 0 12px;scrollbar-width:none}.collection-filters::-webkit-scrollbar{display:none}.filter-chip{flex:0 0 auto;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.07);color:var(--muted);font-size:12px}.filter-chip.active{background:var(--green);color:#052016;font-weight:800}
.effect-followers .event-card{animation:statGlowGreen .55s ease}.effect-controversy .event-card{animation:screenShake .38s ease}.effect-mental .event-card{animation:statGlowBlue .6s ease}.effect-income .event-card{animation:statGlowGold .6s ease}
@keyframes screenShake{25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-2px)}}
@keyframes statGlowGreen{50%{box-shadow:0 0 34px rgba(70,211,138,.34)}}@keyframes statGlowBlue{50%{box-shadow:0 0 34px rgba(114,200,255,.3)}}@keyframes statGlowGold{50%{box-shadow:0 0 34px rgba(255,200,87,.3)}}
.bond-high .reaction-bubble{border:1px solid rgba(255,200,87,.34);background:rgba(255,200,87,.08)}
.event-visual{height:176px;margin:-22px -18px 18px;border-radius:24px 24px 17px 17px;background-repeat:no-repeat;background-size:100% 100%,200% auto;box-shadow:inset 0 -1px rgba(255,255,255,.08);animation:eventVisualIn .45s ease}
.event-visual.has-visual{background-size:100% 100%,cover;background-position:center,center}
.event-visual-generic{--mood:#46d38a;--mood-soft:rgba(70,211,138,.16);height:58px;background:radial-gradient(circle at 18% 50%,var(--mood) 0 4px,transparent 5px),radial-gradient(circle at 26% 50%,var(--mood-soft) 0 12px,transparent 13px),linear-gradient(110deg,var(--mood-soft),rgba(7,19,15,.72) 42%,rgba(255,255,255,.025));border-bottom:1px solid rgba(255,255,255,.09);position:relative;overflow:hidden}
.event-visual-generic::before,.event-visual-generic::after{content:"";position:absolute;border:1px solid var(--mood);border-radius:999px;opacity:.28}
.event-visual-generic::before{width:84px;height:84px;right:28px;top:-48px}.event-visual-generic::after{width:42px;height:42px;right:58px;bottom:-30px}
.visual-notification{--mood:#72c8ff;--mood-soft:rgba(114,200,255,.17)}.visual-conversation{--mood:#c49bff;--mood-soft:rgba(196,155,255,.16)}.visual-community{--mood:#ffc857;--mood-soft:rgba(255,200,87,.15)}.visual-money{--mood:#f2b93d;--mood-soft:rgba(242,185,61,.16)}.visual-crisis{--mood:#ff776f;--mood-soft:rgba(255,119,111,.17)}.visual-rest{--mood:#7f9dff;--mood-soft:rgba(127,157,255,.15)}.visual-life{--mood:#70d6a0;--mood-soft:rgba(112,214,160,.15)}.visual-trend{--mood:#ff7aa8;--mood-soft:rgba(255,122,168,.16)}.visual-reflection{--mood:#b9f56c;--mood-soft:rgba(185,245,108,.15)}
.visual-buzz{background-image:linear-gradient(to bottom,transparent 55%,rgba(13,29,24,.92)),url('../assets/events/wide/buzz-v1.5.png');background-image:linear-gradient(to bottom,transparent 55%,rgba(13,29,24,.92)),image-set(url('../assets/events/wide/buzz-v1.5.webp') type('image/webp'),url('../assets/events/wide/buzz-v1.5.png') type('image/png'))}
.visual-celebrity{background-image:linear-gradient(to bottom,transparent 55%,rgba(13,29,24,.92)),url('../assets/events/wide/celebrity-v1.5.png');background-image:linear-gradient(to bottom,transparent 55%,rgba(13,29,24,.92)),image-set(url('../assets/events/wide/celebrity-v1.5.webp') type('image/webp'),url('../assets/events/wide/celebrity-v1.5.png') type('image/png'))}
.visual-brand{background-image:linear-gradient(to bottom,transparent 55%,rgba(13,29,24,.92)),url('../assets/events/wide/brand-v1.5.png');background-image:linear-gradient(to bottom,transparent 55%,rgba(13,29,24,.92)),image-set(url('../assets/events/wide/brand-v1.5.webp') type('image/webp'),url('../assets/events/wide/brand-v1.5.png') type('image/png'))}
.visual-fire{background-image:linear-gradient(to bottom,transparent 55%,rgba(13,29,24,.92)),url('../assets/events/wide/fire-v1.5.png');background-image:linear-gradient(to bottom,transparent 55%,rgba(13,29,24,.92)),image-set(url('../assets/events/wide/fire-v1.5.webp') type('image/webp'),url('../assets/events/wide/fire-v1.5.png') type('image/png'))}
.visual-pause{background-image:linear-gradient(to bottom,transparent 55%,rgba(13,29,24,.92)),url('../assets/events/wide/pause-v1.5.png');background-image:linear-gradient(to bottom,transparent 55%,rgba(13,29,24,.92)),image-set(url('../assets/events/wide/pause-v1.5.webp') type('image/webp'),url('../assets/events/wide/pause-v1.5.png') type('image/png'))}
.visual-final{background-image:linear-gradient(to bottom,transparent 55%,rgba(13,29,24,.92)),url('../assets/events/wide/final-v1.5.png');background-image:linear-gradient(to bottom,transparent 55%,rgba(13,29,24,.92)),image-set(url('../assets/events/wide/final-v1.5.webp') type('image/webp'),url('../assets/events/wide/final-v1.5.png') type('image/png'))}
.replay-hint{margin:18px 0 8px;padding:15px 16px;border:1px solid rgba(185,245,108,.28);border-radius:16px;background:linear-gradient(135deg,rgba(185,245,108,.1),rgba(70,211,138,.045));color:#dceadf;font-size:.92rem;line-height:1.55;text-align:left}
.result-pose{width:260px;height:173px;margin:8px 0 -8px;background-image:url('../assets/endings/pakai-ending-poses-v1.3.png');background-image:image-set(url('../assets/endings/pakai-ending-poses-v1.4.webp') type('image/webp'),url('../assets/endings/pakai-ending-poses-v1.3.png') type('image/png'));background-repeat:no-repeat;background-size:200% auto;filter:drop-shadow(0 18px 20px rgba(0,0,0,.32));animation:resultPoseIn .7s cubic-bezier(.2,.85,.2,1)}
.pose-common{background-position:0 0}.pose-rare{background-position:100% 0}.pose-epic{background-position:0 50%}.pose-legendary{background-position:100% 50%}.pose-worried{background-position:0 100%}.pose-mythic{background-position:100% 100%}
.result-screen.result-legendary:before,.result-screen.result-mythic:before{content:"";position:absolute;inset:70px 8% auto;height:310px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,200,87,.2),transparent 66%);animation:rareAura 2.4s ease-in-out infinite}.result-screen.result-mythic:before{background:radial-gradient(circle,rgba(244,107,152,.24),rgba(196,155,255,.1),transparent 68%)}
.result-screen.result-legendary .rarity-badge,.result-screen.result-mythic .rarity-badge{animation:rarityPulse 1.6s ease-in-out infinite}
@keyframes eventVisualIn{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}@keyframes resultPoseIn{from{opacity:0;transform:translateY(18px) scale(.9)}to{opacity:1;transform:none}}@keyframes rareAura{50%{transform:scale(1.08);opacity:.65}}@keyframes rarityPulse{50%{box-shadow:0 0 24px currentColor}}
@media(max-width:350px){.event-visual{height:150px;margin-left:-14px;margin-right:-14px}.event-visual.event-visual-generic{height:50px}.result-pose{width:225px;height:150px}}
.tutorial-dialog{text-align:center}.tutorial-dialog h2{font-size:25px;margin:10px 0 18px}.tutorial-points{display:grid;gap:10px;margin-bottom:18px;text-align:left}.tutorial-points div{display:flex;gap:12px;align-items:center;padding:13px;border-radius:16px;background:rgba(255,255,255,.055)}.tutorial-points strong{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:var(--green);color:#052016}.tutorial-points p{margin:0;color:var(--muted);line-height:1.5;font-size:14px}