:root{--ink: #16313a;--forest: #1f4a38;--leaf: #2f7a55;--leaf-dark: #23563f;--cream: #fff8e8;--paper: #fffdf4;--sky: #9fd6df;--river: #1f6f8b;--river-dark: #15516e;--gold: #f5bc45;--amber: #c46d2f;--danger: #b84237;--danger-dark: #7e2b28;--blue: #275a8f;--stone: #627481;--plank: #8a5638;--shadow: rgba(23, 42, 47, .18);color:var(--ink);background:#dcefdc;font-family:Inter,Trebuchet MS,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 10%,rgba(245,188,69,.24),transparent 24rem),linear-gradient(180deg,#b9e0e6,#e8f3dc 52%,#d3e6b8)}button{min-height:52px;border:0;border-radius:8px;color:var(--paper);cursor:pointer;font:inherit;font-weight:900}button:hover,button:focus-visible{outline:3px solid rgba(245,188,69,.82);outline-offset:2px}h1,h2,p{margin-top:0}.app-shell{min-height:100vh;display:grid;place-items:center;padding:18px}.game-frame{width:min(100%,1120px);min-height:min(760px,calc(100vh - 36px));display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid rgba(22,49,58,.14);border-radius:8px;background:#fff8e8e6;box-shadow:0 24px 90px var(--shadow)}.game-header{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(560px,1.25fr);gap:18px;align-items:end}.eyebrow{margin:0 0 8px;color:var(--amber);font-size:.78rem;font-weight:950;letter-spacing:0;text-transform:uppercase}h1{max-width:620px;margin-bottom:8px;color:var(--forest);font-family:Georgia,Times New Roman,serif;font-size:2.65rem;line-height:.98}.subtitle{max-width:620px;margin-bottom:0;color:#3d5b51;font-size:1.05rem;font-weight:750}.score-board{display:grid;grid-template-columns:repeat(5,minmax(78px,1fr)) minmax(132px,1.1fr);gap:8px}.stat-chip,.damage-wrap{min-height:54px;display:flex;flex-direction:column;justify-content:center;gap:2px;border:1px solid rgba(31,74,56,.13);border-radius:8px;padding:8px 10px;background:#fffdf4c7;box-shadow:0 8px 20px #25463714}.stat-label,.damage-label{color:#59705e;font-size:.7rem;font-weight:950;letter-spacing:0;text-transform:uppercase}.stat-value{color:var(--ink);font-size:1rem;font-weight:950;line-height:1.1}.stat-score .stat-value,.stat-gold .stat-value,.stat-combo .stat-value{color:#7d4a13}.damage-meter{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.damage-notch{height:14px;border:2px solid rgba(22,49,58,.2);border-radius:999px;background:#dfe9d4}.damage-notch.is-filled{border-color:#8b2d265c;background:linear-gradient(135deg,var(--danger),#ee835f)}.game-board{flex:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:16px;align-items:stretch}.bridge-scene{position:relative;min-height:430px;overflow:hidden;border:2px solid rgba(22,49,58,.12);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.55),transparent 48%),linear-gradient(180deg,var(--sky) 0%,#c9eac8 58%,#8dc083 100%);box-shadow:inset 0 -16px 34px #23563f26}.sun{position:absolute;top:34px;left:36px;width:68px;height:68px;border-radius:50%;background:radial-gradient(circle,#ffe28a 0%,var(--gold) 70%);box-shadow:0 0 0 14px #f5bc452e}.cloud{position:absolute;height:28px;border-radius:999px;background:#fffdf4db;box-shadow:22px -10px 0 3px #fffdf4db,48px -2px 0 1px #fffdf4db}.cloud-one{top:72px;right:118px;width:80px}.cloud-two{top:118px;left:174px;width:62px;opacity:.78}.far-hill{position:absolute;bottom:108px;width:58%;height:130px;border-radius:50% 50% 0 0;background:#3977495c}.far-hill-left{left:-12%}.far-hill-right{right:-18%;background:#5a874e66}.finish-flag{position:absolute;top:74px;right:34px;z-index:5;min-width:86px;padding:8px 10px;border:2px solid #7d4a13;border-radius:8px;background:linear-gradient(135deg,var(--gold),#fff0a4);color:#59360f;font-size:.82rem;font-weight:950;text-align:center;text-transform:uppercase}.route-banner{position:absolute;top:22px;left:50%;z-index:5;min-width:150px;transform:translate(-50%);border:2px solid rgba(22,49,58,.26);border-radius:8px;padding:8px 12px;background:#fffdf4db;color:var(--forest);font-size:.82rem;font-weight:950;text-align:center;text-transform:uppercase}.bridge-runway{position:absolute;left:38px;right:38px;bottom:144px;z-index:4;display:grid;grid-template-columns:70px repeat(var(--span-count),minmax(50px,1fr)) 70px;align-items:end;gap:8px;min-height:136px}.bridge-tower{position:relative;height:132px;border:3px solid rgba(22,49,58,.25);border-radius:8px 8px 4px 4px;background:linear-gradient(90deg,transparent 47%,rgba(255,255,255,.15) 48%,transparent 54%),linear-gradient(180deg,#7c8d98,var(--stone));box-shadow:0 12px #16313a29}.bridge-tower span{position:absolute;left:14px;right:14px;height:10px;border-radius:999px;background:#16313a3d}.bridge-tower span:first-child{top:36px}.bridge-tower span:last-child{top:78px}.bridge-span{position:relative;height:104px;min-width:0;border-radius:8px}.span-cable,.span-plank,.span-rivet{position:absolute;display:block}.span-cable{left:2px;right:2px;height:8px;border-radius:999px;background:#16313a33;transform:scaleX(.18);transform-origin:left;transition:background .24s ease,transform .3s ease}.span-cable-top{bottom:74px}.span-cable-bottom{bottom:42px}.span-plank{left:4px;right:4px;bottom:18px;height:18px;border-radius:5px;background:#16313a33;box-shadow:inset 0 -4px #00000024;transform:scaleX(.18);transform-origin:left;transition:background .26s ease,transform .3s ease}.span-rivet{left:50%;bottom:12px;width:24px;height:24px;border:4px solid rgba(22,49,58,.18);border-radius:50%;background:#ccd7c1;opacity:0;transform:translate(-50%) scale(.4);transition:opacity .24s ease,transform .3s ease,background .24s ease}.bridge-span.is-built .span-cable{background:#f1d79a;transform:scaleX(1)}.bridge-span.is-built .span-plank{background:repeating-linear-gradient(90deg,transparent 0 22px,rgba(67,34,22,.16) 22px 24px),linear-gradient(180deg,#a66b43,var(--plank));transform:scaleX(1)}.bridge-span.is-built .span-rivet{opacity:1;transform:translate(-50%) scale(1)}.bridge-span.is-gold .span-cable,.bridge-span.is-gold .span-rivet{background:var(--gold)}.bridge-span.is-next{outline:2px dashed rgba(255,248,232,.78);outline-offset:4px}.builder-token{position:absolute;bottom:212px;z-index:6;width:42px;height:58px;transition:left .34s ease,transform .26s ease}.builder-head{position:absolute;top:0;left:11px;width:20px;height:20px;border:3px solid #5e371d;border-radius:50%;background:#e9a968}.builder-body{position:absolute;left:7px;bottom:0;width:28px;height:40px;border:3px solid #5e371d;border-radius:8px 8px 6px 6px;background:linear-gradient(90deg,transparent 42%,rgba(255,255,255,.2) 43%,transparent 56%),linear-gradient(180deg,#e66a4c,#b94135)}.crack-burst{position:absolute;bottom:184px;z-index:7;width:58px;height:54px;pointer-events:none}.crack-burst span{position:absolute;width:6px;border-radius:999px;background:var(--danger);box-shadow:0 2px #531e1940;transform-origin:top}.points-pop{position:absolute;top:138px;right:42px;z-index:8;min-width:78px;border:3px solid rgba(255,253,244,.92);border-radius:8px;padding:8px 10px;background:var(--blue);color:#fff;font-size:1.18rem;font-weight:950;text-align:center;box-shadow:0 12px 22px #172a2f33;animation:points-pop .52s ease}.points-best{background:linear-gradient(180deg,var(--gold),#d9862d);color:#4b2d09}.points-weak{background:linear-gradient(180deg,var(--danger),var(--danger-dark))}.crack-burst span:nth-child(1){top:8px;left:18px;height:34px;transform:rotate(18deg)}.crack-burst span:nth-child(2){top:20px;left:34px;height:26px;transform:rotate(-24deg)}.crack-burst span:nth-child(3){top:4px;left:42px;height:28px;transform:rotate(30deg)}.river{position:absolute;left:0;right:0;bottom:0;z-index:2;height:150px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.24),transparent 24%),linear-gradient(180deg,var(--river),var(--river-dark))}.river span{position:absolute;left:-10%;width:120%;height:28px;border-radius:50%;border-top:5px solid rgba(255,255,255,.38)}.river span:nth-child(1){top:24px}.river span:nth-child(2){top:62px;opacity:.72}.river span:nth-child(3){top:104px;opacity:.55}.scene-weak .bridge-runway{animation:bridge-shake .26s ease}.scene-best .builder-token,.scene-strong .builder-token{animation:builder-hop .36s ease}.scene-repair .builder-token:after{position:absolute;top:-16px;right:-8px;content:"";width:16px;height:16px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 8px #f5bc4540}.challenge-card{display:flex;flex-direction:column;justify-content:center;min-height:430px;border:1px solid rgba(22,49,58,.14);border-radius:8px;padding:20px;background:linear-gradient(180deg,rgba(255,255,255,.74),transparent 34%),var(--paper);box-shadow:inset 0 0 0 5px #f5bc4514}.challenge-topline{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;color:#5a6e5c;font-size:.86rem;font-weight:950}.challenge-topline span{min-height:32px;display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#eef2dc}.pressure-chip{gap:8px}.pressure-pips{display:inline-grid;grid-template-columns:repeat(3,10px);gap:3px;align-items:center}.pressure-pips span{width:10px;height:10px;border-radius:50%;background:#1f4a3829}.pressure-pips .is-hot{background:linear-gradient(180deg,#f5bc45,#d65e38)}.setting{width:fit-content;margin-bottom:8px;border-radius:999px;padding:5px 10px;background:#e5edd0;color:#4d6146;font-size:.78rem;font-weight:950;text-transform:uppercase}.challenge-card h2{margin-bottom:8px;color:var(--forest);font-family:Georgia,Times New Roman,serif;font-size:2.2rem;line-height:1.02}.situation,.feedback,.complete p{color:#354f48;font-size:1.08rem}.situation{margin-bottom:12px}.mission-brief{display:grid;gap:6px;margin-bottom:14px;border-left:6px solid var(--blue);border-radius:8px;padding:10px 12px;background:#ecf1dd;color:#304a42}.mission-brief span{font-size:.92rem;font-weight:800}.mission-brief strong{color:var(--forest);font-size:1rem;line-height:1.22}.choices{display:grid;gap:10px;margin-bottom:18px}.choice-button{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;min-height:56px;padding:8px 12px;background:linear-gradient(180deg,var(--leaf),var(--leaf-dark));box-shadow:inset 0 -4px #0000001f,0 8px 16px #1f4a381f;text-align:left;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.choice-button:hover{background:linear-gradient(180deg,#3a8b62,#286346);transform:translateY(-2px);box-shadow:inset 0 -4px #0000001f,0 12px 20px #1f4a382e}.choice-key{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:8px;background:#fffdf42e;color:#fff7ca;font-weight:950}.choice-text{min-width:0;overflow-wrap:anywhere;line-height:1.22}.choice-content{min-width:0;display:grid;gap:2px}.choice-label{color:#fff1a9;font-size:.72rem;line-height:1;text-transform:uppercase}.choice-weak{background:linear-gradient(180deg,#9f3d35,#782d28);animation:choice-jolt .26s ease}.feedback{min-height:58px;display:flex;align-items:center;border-left:7px solid #d4dfc5;border-radius:8px;padding:12px 14px;background:#f4f0df;font-weight:850}.feedback-ready{border-color:#c6d5b4}.feedback-weak{border-color:var(--danger);color:#75302b}.feedback-strong{border-color:var(--leaf)}.feedback-best{border-color:var(--gold);color:#6f4312}.complete{display:grid;gap:14px}.result-kicker{width:fit-content;margin-bottom:0;border-radius:999px;padding:6px 12px;background:linear-gradient(135deg,var(--gold),#fff0a4);color:#5c380d;font-size:.85rem;font-weight:950;text-transform:uppercase}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.result-grid span{min-height:78px;display:flex;flex-direction:column;justify-content:center;border-radius:8px;padding:10px;background:#eef2dc;color:#4e654e;font-size:.86rem;font-weight:900}.result-grid strong{color:var(--ink);font-size:1.35rem}.badge-row{display:flex;flex-wrap:wrap;gap:8px}.badge-row span{min-height:34px;display:inline-flex;align-items:center;border:2px solid rgba(125,74,19,.2);border-radius:999px;padding:6px 10px;background:linear-gradient(135deg,#f5bc45,#fff0a4);color:#5c380d;font-size:.82rem;font-weight:950;text-transform:uppercase}.next-target{margin-bottom:0;font-weight:850}.primary-action{width:min(100%,240px);background:linear-gradient(180deg,var(--amber),#9f4f22);box-shadow:inset 0 -4px #00000026,0 10px 20px #974d212e}@keyframes bridge-shake{0%,to{transform:translate(0)}30%{transform:translate(-6px)}60%{transform:translate(5px)}}@keyframes builder-hop{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes choice-jolt{0%,to{transform:translate(0)}35%{transform:translate(-5px)}70%{transform:translate(4px)}}@keyframes points-pop{0%{opacity:0;transform:translateY(10px) scale(.8)}40%{opacity:1;transform:translateY(-6px) scale(1.08)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:980px){.game-header,.game-board{grid-template-columns:1fr}.score-board{grid-template-columns:repeat(3,minmax(0,1fr))}.damage-wrap{grid-column:span 3}}@media(max-width:680px){.app-shell{align-items:start;padding:0}.game-frame{min-height:100vh;gap:12px;border:0;border-radius:0;padding:12px}.game-header{gap:10px}.eyebrow{margin-bottom:4px}h1{max-width:360px;font-size:2rem;line-height:1.02}.subtitle{display:none}.stat-chip,.damage-wrap{min-height:46px;padding:6px 8px}.stat-value{font-size:.92rem}.bridge-scene{min-height:286px}.sun{top:22px;left:22px;width:46px;height:46px}.cloud-one{top:44px;right:70px}.cloud-two{display:none}.finish-flag{top:32px;right:18px;min-width:72px;font-size:.72rem}.route-banner{top:18px;min-width:128px;padding:6px 8px;font-size:.68rem}.far-hill{bottom:72px;height:86px}.bridge-runway{left:14px;right:14px;bottom:96px;grid-template-columns:38px repeat(var(--span-count),minmax(28px,1fr)) 38px;gap:4px;min-height:92px}.bridge-tower{height:88px;border-width:2px}.bridge-tower span{left:8px;right:8px;height:7px}.bridge-tower span:first-child{top:25px}.bridge-tower span:last-child{top:52px}.bridge-span{height:78px}.span-cable-top{bottom:56px}.span-cable-bottom{bottom:32px}.span-plank{bottom:12px;height:14px}.span-rivet{width:18px;height:18px;border-width:3px}.builder-token{bottom:137px;width:30px;height:44px}.builder-head{left:8px;width:15px;height:15px;border-width:2px}.builder-body{left:5px;width:21px;height:31px;border-width:2px}.crack-burst{bottom:113px;width:42px;height:42px}.crack-burst span{width:4px}.crack-burst span:nth-child(1){height:26px}.crack-burst span:nth-child(2){height:20px}.crack-burst span:nth-child(3){height:22px}.river{height:100px}.challenge-card{min-height:auto;padding:18px}.points-pop{top:86px;right:18px;min-width:58px;font-size:.9rem}.challenge-card h2{font-size:1.85rem}.situation,.feedback,.complete p{font-size:1rem}.choice-button{grid-template-columns:36px minmax(0,1fr);min-height:60px}.choice-key{width:32px;height:32px}.result-grid{grid-template-columns:1fr}}