:root{font-family:Avenir Next,Segoe UI,sans-serif;color:#2c3145;background:radial-gradient(circle at top left,rgba(255,239,220,.95),transparent 28%),radial-gradient(circle at top right,rgba(212,255,236,.9),transparent 24%),linear-gradient(180deg,#fffaf6 0%,#fff8fd 48%,#f7fbff 100%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-weight:400;--bg-card: rgba(255, 255, 255, .72);--bg-strong: rgba(255, 255, 255, .92);--shadow-soft: 0 28px 80px rgba(113, 102, 123, .14);--shadow-card: 0 20px 50px rgba(110, 104, 122, .12);--line: rgba(92, 88, 110, .12);--text-soft: #6f728b;--accent: #f68cae;--accent-2: #85d7c1;--accent-3: #8db8f5;--accent-4: #f4cc75;--accent-5: #c9b6ff}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button{font:inherit}.intro-screen,.results-screen,.research-screen{max-width:1240px;margin:0 auto;padding:32px 20px 48px}.intro-screen{min-height:100vh;display:grid;place-items:center}.intro-card{width:min(960px,100%);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:22px;align-items:stretch}.intro-copy,.intro-aside{display:grid;gap:18px}.intro-list{display:grid;gap:10px}.intro-list p{margin:0;padding-left:14px;border-left:3px solid rgba(245,143,176,.28);color:var(--text-soft)}.compact-note{display:grid;gap:6px;padding:16px;border-radius:22px;background:rgba(255,255,255,.62);border:1px solid rgba(114,107,133,.1)}.compact-note span{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-soft)}.compact-note strong{font-size:1rem}.compact-note p{margin:0;color:var(--text-soft);font-size:.92rem;line-height:1.45}.hero-card,.card-section,.hud-panel,.modal-card,.result-card,.audience-card,.finding-card{background:var(--bg-card);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-card,.final-hero,.research-hero{padding:30px}.hero-card h1,.research-hero h1,.final-hero h1{margin:8px 0 12px;font-size:clamp(2.6rem,7vw,5.4rem);line-height:.95;letter-spacing:-.06em}.hero-copy{max-width:720px;font-size:1.08rem;color:var(--text-soft)}.pill-row,.button-row,.response-row{display:flex;flex-wrap:wrap;gap:12px}.soft-pill,.response-chip{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(106,101,123,.08);color:#58617b}.soft-pill.accent{background:linear-gradient(135deg,rgba(246,140,174,.18),rgba(141,184,245,.18))}.primary-button,.ghost-button{border:0;border-radius:999px;padding:14px 22px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary-button{background:linear-gradient(135deg,#f58fb0,#f4c96e);color:#38283f;box-shadow:0 16px 36px #f58fb047}.ghost-button{background:rgba(255,255,255,.7);color:#44506c;border:1px solid var(--line)}.primary-button:hover,.ghost-button:hover,.station-node:hover,.option-card:hover,.response-chip:hover{transform:translateY(-2px)}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--text-soft)}.game-layout{min-height:100vh;display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;padding:18px}.hud-panel{padding:22px;align-self:start;position:sticky;top:18px}.hud-section+.hud-section{margin-top:24px}.hud-grid,.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card,.result-card{padding:16px;border-radius:22px;background:rgba(255,255,255,.66);border:1px solid rgba(114,107,133,.1)}.stat-card span,.result-card span{display:block;font-size:.84rem;color:var(--text-soft)}.stat-card strong,.result-card strong{display:block;margin-top:6px;font-size:1.3rem}.result-card.danger strong{color:#bb4d66}.checklist{display:grid;gap:10px}.check-item{display:flex;gap:12px;align-items:start;padding:12px;border-radius:18px;background:rgba(255,255,255,.55)}.check-item.done{background:linear-gradient(135deg,rgba(133,215,193,.28),rgba(255,255,255,.9))}.check-item strong{color:#55627c;font-weight:600}.check-item.done strong{color:#25685a;font-weight:700}.check-item p{margin:2px 0 0;color:var(--text-soft);font-size:.92rem}.check-item.done p{color:#355b51;font-weight:600}.preview-card{display:grid;gap:10px;padding:16px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,246,239,.78));border:1px solid rgba(114,107,133,.12)}.preview-card p{margin:0;color:var(--text-soft)}.publish-status{display:inline-flex;width:fit-content;padding:8px 12px;border-radius:999px;background:rgba(112,118,146,.12);color:#53607a;font-size:.84rem}.publish-status.ready{background:linear-gradient(135deg,rgba(133,215,193,.3),rgba(244,204,117,.24));color:#355b51}.monetization-grid{display:grid;gap:10px}.monetization-card{display:grid;gap:6px;padding:14px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.72);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.monetization-card span{color:var(--text-soft);font-size:.9rem}.monetization-card.selected{border-color:#f58fb057;background:linear-gradient(135deg,rgba(245,143,176,.18),rgba(255,255,255,.94))}.game-main{min-width:0}.world{position:relative;overflow:hidden;min-height:calc(100vh - 36px);border-radius:34px;border:1px solid var(--line);box-shadow:var(--shadow-soft)}.world-peach{background:linear-gradient(180deg,#fff1e7,#fffdf9 45%,#ffe8ee 100%)}.world-mint{background:linear-gradient(180deg,#eafff5,#fbfff8 45%,#f5f2ff 100%)}.world-rose{background:linear-gradient(180deg,#fff1f4,#fff8f5 45%,#fff0e7 100%)}.world-sky{background:linear-gradient(180deg,#eef7ff,#fbfcff 45%,#f2fbff 100%)}.world-lavender{background:linear-gradient(180deg,#f3efff,#fffafd 45%,#f7f6ff 100%)}.world-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.28) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.88),rgba(0,0,0,.45));mask-image:linear-gradient(180deg,rgba(0,0,0,.88),rgba(0,0,0,.45));pointer-events:none}.world-footer,.publish-banner{position:absolute;z-index:3;background:rgba(255,255,255,.74);border:1px solid var(--line);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.world-footer{right:18px;bottom:18px;padding:16px;border-radius:20px;display:flex;gap:18px;pointer-events:none}.world-footer strong,.interaction-prompt strong{display:block}.world-footer span{color:var(--text-soft);font-size:.92rem}.station-node{position:absolute;z-index:2;width:150px;margin:-52px 0 0 -75px;padding:18px 16px;border:0;border-radius:26px;color:#354156;background:rgba(255,255,255,.72);box-shadow:0 20px 40px #75657c24;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease;cursor:pointer}.station-node span{display:block;font-weight:600}.station-node strong{display:block;margin-top:6px;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#2f7a68}.station-node:disabled{opacity:.38;filter:saturate(.78);cursor:not-allowed}.station-node.peach{box-shadow:0 0 0 8px #ffbf9c2e,0 20px 40px #75657c24}.station-node.mint{box-shadow:0 0 0 8px #85d7c12e,0 20px 40px #75657c24}.station-node.rose{box-shadow:0 0 0 8px #f68cae29,0 20px 40px #75657c24}.station-node.sky{box-shadow:0 0 0 8px #8db8f52e,0 20px 40px #75657c24}.station-node.gold{box-shadow:0 0 0 8px #f4cc752e,0 20px 40px #75657c24}.station-node.lavender{box-shadow:0 0 0 8px #c9b6ff2e,0 20px 40px #75657c24}.station-node.is-active{transform:translateY(-2px) scale(1.03);box-shadow:0 0 0 10px #f4cc753d,0 20px 44px #75657c2e}.station-node.is-complete{background:linear-gradient(135deg,rgba(133,215,193,.92),rgba(255,255,255,.95));color:#245548;box-shadow:0 0 0 10px #85d7c12e,0 20px 44px #60887e33}.station-node.is-complete span{font-weight:700}.publish-ready{animation:ready-glow 1.6s ease-in-out infinite}.avatar-wrap{position:absolute;left:50%;top:50%;z-index:4;transform:translate(-50%,-78%);will-change:left,top;pointer-events:none}.avatar{width:72px;position:relative;pointer-events:none}.avatar-shadow{width:50px;height:14px;margin:0 auto;border-radius:999px;background:rgba(80,86,104,.15);filter:blur(3px)}.avatar-body{position:relative;width:52px;height:86px;margin:-8px auto 0;animation:idle-bob 2.8s ease-in-out infinite}.avatar-bun,.avatar-hair,.avatar-head,.avatar-cardigan,.avatar-torso,.avatar-arm,.avatar-leg,.avatar-shoe{position:absolute;display:block;border-radius:999px}.avatar-bun,.avatar-hair{background:linear-gradient(180deg,#6e5b65,#54424f)}.avatar-bun{width:14px;height:14px;left:19px;top:-4px}.avatar-hair{width:30px;height:24px;left:11px;top:3px;border-radius:16px 16px 12px 12px}.avatar-head{width:30px;height:30px;left:11px;top:7px;background:linear-gradient(180deg,#f2d2c8,#deb5a8)}.avatar-cardigan{width:34px;height:34px;left:9px;top:30px;background:linear-gradient(180deg,#f7d7dd,#f3bac5);border-radius:18px}.avatar-torso{width:26px;height:32px;left:13px;top:32px;border-radius:14px;background:linear-gradient(180deg,#fff7fd,#ffe7f2)}.avatar-arm{width:12px;height:26px;top:35px;background:linear-gradient(180deg,#f5d9cf,#e5bbb0)}.arm-left{left:2px;transform-origin:top center}.arm-right{right:2px;transform-origin:top center}.avatar-leg{width:12px;height:28px;top:58px;background:linear-gradient(180deg,#8c8fb2,#707497)}.leg-left{left:13px;transform-origin:top center}.leg-right{right:13px;transform-origin:top center}.avatar-shoe{width:16px;height:8px;top:81px;background:linear-gradient(180deg,#7e5e83,#5d4661);border-radius:10px}.shoe-left{left:10px}.shoe-right{right:10px}.avatar.moving .avatar-body{animation:walk-bob .65s ease-in-out infinite}.avatar.moving .arm-left,.avatar.moving .leg-right{animation:swing .5s ease-in-out infinite alternate}.avatar.moving .arm-right,.avatar.moving .leg-left{animation:swing-reverse .5s ease-in-out infinite alternate}.interaction-prompt{position:absolute;z-index:6;width:min(260px,calc(100% - 48px));transform:translate(-50%,-112%);padding:12px 14px;border:1px solid rgba(114,107,133,.14);border-radius:20px;text-align:left;background:rgba(255,255,255,.92);box-shadow:0 18px 40px #65627b29;cursor:pointer}.interaction-prompt.below{transform:translate(-50%)}.interaction-prompt span{display:block;margin-bottom:4px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft)}.interaction-prompt strong{font-size:.95rem;line-height:1.35}.publish-banner{left:50%;top:28px;transform:translate(-50%);min-width:280px;padding:12px 20px;border-radius:999px;border:1px solid rgba(116,185,166,.28);background:rgba(255,255,255,.9);color:#2f6258;text-align:center;font-weight:700;letter-spacing:.01em;box-shadow:0 16px 36px #68847b24;animation:pulse 2.2s ease-in-out infinite;pointer-events:none}.world-orb{position:absolute;z-index:1;pointer-events:none}.world-orb{width:240px;height:240px;border-radius:999px;filter:blur(10px);opacity:.44;animation:drift 12s ease-in-out infinite}.orb-one{top:-60px;right:-30px;background:radial-gradient(circle,rgba(245,143,176,.46),transparent 70%)}.orb-two{bottom:-70px;left:-30px;background:radial-gradient(circle,rgba(133,215,193,.52),transparent 72%);animation-delay:-3s}.orb-three{top:36%;left:42%;width:180px;height:180px;background:radial-gradient(circle,rgba(141,184,245,.34),transparent 70%);animation-delay:-6s}.modal-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:rgba(44,49,69,.24);padding:20px}.modal-card{width:min(760px,100%);padding:24px}.modal-header,.section-header,.comment-meta,.bar-meta,.frequency-row{display:flex;justify-content:space-between;gap:12px}.modal-copy{color:var(--text-soft)}.option-list,.comment-list,.plain-list,.frequency-chart{display:grid;gap:12px}.option-card,.comment-card{border:1px solid var(--line);border-radius:22px;padding:16px;text-align:left;background:rgba(255,255,255,.7)}.option-card{display:flex;align-items:start;justify-content:space-between;gap:16px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.option-card.selected,.response-chip.selected{background:linear-gradient(135deg,rgba(133,215,193,.32),rgba(255,255,255,.92));border-color:#4fa78f4d;box-shadow:0 12px 26px #588b7d1f}.option-card.selected h4{color:#245548;font-weight:700}.option-card h4,.audience-card h4,.finding-card h3,.card-section h3{margin:0 0 8px}.option-card p,.comment-card p,.card-section p,.finding-card p{margin:0;color:var(--text-soft)}.option-card span{max-width:220px;color:#55627c;font-size:.9rem}.response-chip{border:0;cursor:pointer}.station-node:focus-visible,.option-card:focus-visible,.monetization-card:focus-visible,.interaction-prompt:focus-visible,.primary-button:focus-visible,.ghost-button:focus-visible,.response-chip:focus-visible{outline:3px solid rgba(141,184,245,.48);outline-offset:3px}.results-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:16px}.result-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);gap:18px;align-items:start}.result-hero-side{display:grid;gap:12px}.compact-list p{margin:0}.result-audience{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:rgba(133,215,193,.16)}.result-audience.danger{background:rgba(245,143,176,.16)}.research-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.card-section{padding:22px}.audience-bars,.research-findings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.audience-card,.finding-card{padding:18px}.bar-stack+.bar-stack{margin-top:10px}.bar-track,.frequency-track{overflow:hidden;background:rgba(137,142,165,.14);border-radius:999px}.bar-track{height:10px}.bar-fill,.frequency-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#85d7c1,#8db8f5)}.word-cloud{min-height:250px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:12px;border-radius:24px;background:linear-gradient(135deg,rgba(255,243,228,.8),rgba(235,246,255,.78))}.wordcloud-image{width:100%;min-height:250px;object-fit:cover;border-radius:24px;background:linear-gradient(135deg,rgba(255,243,228,.8),rgba(235,246,255,.78))}.word-cloud span:nth-child(3n){color:#da7499}.word-cloud span:nth-child(3n+1){color:#4f8d7c}.word-cloud span:nth-child(3n+2){color:#668fc3}.frequency-row{align-items:center;grid-template-columns:140px minmax(0,1fr) 40px;display:grid}.frequency-track{height:12px}.button-row{margin-top:20px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes ready-glow{0%,to{box-shadow:0 0 0 8px #f4cc752e,0 20px 40px #75657c24}50%{box-shadow:0 0 0 12px #f4cc754d,0 22px 44px #75657c2e}}@keyframes idle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes walk-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes swing{0%{transform:rotate(-12deg)}to{transform:rotate(18deg)}}@keyframes swing-reverse{0%{transform:rotate(14deg)}to{transform:rotate(-14deg)}}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(10px,-12px,0) scale(1.05)}}@media (max-width: 980px){.game-layout,.intro-card,.results-grid,.result-hero,.research-grid,.audience-bars,.research-findings{grid-template-columns:1fr}.hud-panel{position:relative;top:0}.world{min-height:70vh}}@media (max-width: 720px){.hero-card h1,.research-hero h1,.final-hero h1{font-size:3.1rem}.world-footer{left:18px;right:18px;bottom:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.publish-banner{top:132px;width:calc(100% - 36px);text-align:center}.hud-grid,.result-grid{grid-template-columns:1fr 1fr}.station-node{width:132px;margin-left:-66px}}