.v30-home,.v30-event,.v30-result,.v30-report,.v30-final{min-height:100dvh;background:#f2f7f9;color:#12354a}.v30-hero,.event-header{background:linear-gradient(135deg,#062d46,#0b5368);color:#fff;display:grid;grid-template-columns:96px 1fr 64px;align-items:center;padding:18px max(16px,env(safe-area-inset-left))}.v30-hero .brand-logo,.event-header .brand-logo{width:82px;height:auto}.v30-hero section,.event-header section{padding-left:12px}.v30-hero h1,.event-header h1{font-size:1.35rem;margin:3px 0}.v30-hero span,.event-header span,.v30-hero small,.event-header b{font-size:.78rem}.v30-hero>button,.event-header>button{border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:12px;padding:10px 5px;font-size:1.15rem}.v30-hero>button small{display:block;font-size:.75rem}.v30-stack,.event-body,.result-body,.report-body{width:min(760px,100%);margin:0 auto;padding:18px 16px 108px}.v30-card,.story-card,.info-card,.item-card,.choice-card,.result-summary,.result-grid,.report-body{background:#fff;border:1px solid #d7e4e9;border-radius:20px;box-shadow:0 7px 24px rgba(6,45,70,.07);margin-bottom:15px;overflow:hidden}.v30-card{padding:18px}.v30-card>header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.v30-card h2{font-size:1.05rem;margin:0}.v30-card header small{color:#6a818c}.player-card{display:grid;grid-template-columns:72px 1fr;gap:14px}.player-card .face img{width:68px;height:68px;border-radius:50%;object-fit:cover}.player-card section small,.player-card section h2,.player-card section p{margin:0 0 5px}.player-card section p{display:flex;gap:10px;color:#536e7b}.player-card section>b{display:block;color:#173f54}.player-card em{font-style:normal;color:#008f82}.citizen-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.citizen-row article{text-align:center}.citizen-row img{width:52px;height:52px;border-radius:50%;object-fit:cover}.citizen-row b,.citizen-row small{display:block}.citizen-row small{font-size:.75rem;color:#718690}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-grid article{background:#f2f7f9;border-radius:14px;padding:13px}.metric-grid small,.metric-grid b{display:block}.metric-grid b{margin-top:4px}.metric-grid article:last-child{grid-column:1/-1}.outbreak{border-left:5px solid #f1b83b}.outbreak p{margin-bottom:0}.last-result{padding:13px 17px;border-radius:14px;background:#e5f5f3;margin-bottom:15px}.last-result small,.last-result b{display:block}.primary-action,.confirm-action,.v30-final button{width:100%;border:0;border-radius:16px;background:#079b8d;color:#fff;padding:17px;font-size:1rem;font-weight:800;box-shadow:0 8px 18px rgba(7,155,141,.22)}.primary-action:disabled,.confirm-action:disabled{background:#9bb0b7;box-shadow:none}.v30-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #dbe6ea;display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom);z-index:10}.v30-nav button{border:0;background:#fff;color:#6b818b;padding:10px 2px;font-size:1.05rem}.v30-nav button span{display:block;font-size:.75rem;margin-top:3px}.v30-nav .active{color:#008f82}.event-header{grid-template-columns:44px 88px 1fr}.event-header>button{font-size:2rem;padding:3px}.event-body,.result-body{padding-top:20px}.story-card figure{height:220px;margin:0;background:#dce8ed}.story-card img{width:100%;height:100%;object-fit:cover}.story-card>section,.info-card,.item-card,.choice-card,.result-summary{padding:19px}.story-card h2,.info-card h2,.item-card h2,.choice-card h2{margin:0 0 10px;font-size:1.15rem}.story-card p,.info-card p{margin:0;line-height:1.72}.item-card>div{display:grid;gap:9px}.item-card button,.choice-card>button{border:1px solid #c9dce4;border-radius:15px;background:#fff;color:#17394c;padding:14px;text-align:left}.item-card button.selected,.choice-card>button.selected{border-color:#079b8d;background:#e9faf7}.item-card b,.item-card small{display:block}.item-card small{margin-top:4px;color:#5e7681}.choice-card>button{width:100%;display:grid;grid-template-columns:20px 1fr;gap:11px;margin-top:10px}.choice-card>button>i{width:18px;height:18px;border:2px solid #78939e;border-radius:50%;margin-top:2px}.choice-card>button.selected>i{border:5px solid #079b8d}.choice-card b,.choice-card small{display:block}.choice-card small{margin-top:6px;line-height:1.55;color:#58727e}.no-items{text-align:center;font-weight:700;color:#617984}.result-header,.v30-report>header{background:#062d46;color:#fff;text-align:center;padding:26px 16px}.result-header .brand-logo{width:130px}.result-header h1,.v30-report h1{margin:6px 0}.result-summary p{line-height:1.7}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.result-grid article,.report-cards article{background:#f1f6f8;border-radius:14px;padding:14px}.result-grid small,.result-grid b,.report-cards small,.report-cards b{display:block}.result-grid b,.report-cards b{margin-top:5px}.v30-report>header p{margin:0;color:#cae3ea}.v30-report>nav{display:grid;grid-template-columns:repeat(4,1fr);position:sticky;top:0;background:#fff;border-bottom:1px solid #d6e3e8;z-index:3}.v30-report>nav button{border:0;background:#fff;color:#607984;padding:16px 2px;font-weight:800}.v30-report>nav button.active{color:#008f82;border-bottom:4px solid #079b8d}.report-cards{display:grid;grid-template-columns:1fr 1fr;gap:11px}.report-list p{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #e1eaed;padding:14px 0;margin:0}.report-body+.primary-action{display:block;width:min(728px,calc(100% - 32px));margin:0 auto 36px}.v30-final{text-align:center;padding:46px 16px}.v30-final .brand-logo{width:190px}.v30-final>section{width:min(560px,100%);margin:26px auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.v30-final article{background:#fff;border:1px solid #d7e4e9;border-radius:22px;padding:24px;box-shadow:0 7px 24px rgba(6,45,70,.07)}.v30-final article span,.v30-final article b,.v30-final article small{display:block}.v30-final article span{font-size:1.5rem;color:#008f82;font-weight:900}.v30-final article b{font-size:2.7rem;margin:8px 0}.v30-final button{width:min(520px,100%);margin-top:20px}@media(min-width:800px){.story-card{display:grid;grid-template-columns:42% 58%}.story-card figure{height:100%;min-height:260px}.v30-stack,.event-body,.result-body,.report-body{padding-top:28px}}
