@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{color:#eeeade;font-synthesis:none;background:#102c26;font-family:DM Sans,sans-serif}.narration-settings{border:1px solid #ffffff30;border-radius:12px;margin:18px 0;padding:12px}.narration-settings legend{color:#e2ca83;padding:0 8px}.narration-settings label{letter-spacing:0;margin-top:12px;font-size:13px}.narration-settings input[type=range]{accent-color:#e2ca83;width:100%;min-height:32px}*{box-sizing:border-box}body{margin:0}button,select,a{touch-action:manipulation}button,select{font:inherit}button{cursor:pointer;color:#f4efdf;background:#214239;border:1px solid #ffffff24;border-radius:10px;padding:15px 20px;transition:all .2s}button:hover{background:#34584b;border-color:#dcc98b}button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #f0d68c}header{align-items:center;gap:30px;max-width:1440px;margin:auto;padding:28px 5%;display:flex}.brand{color:#e8d396;align-items:center;gap:12px;font:700 30px Outfit,sans-serif;text-decoration:none;display:flex}.brand small{letter-spacing:2px;color:#aebdb0;margin-top:3px;font:10px DM Sans,sans-serif;display:block}.badge{letter-spacing:2px;color:#c6d2b1;border:1px solid #829b7655;border-radius:30px;margin-left:auto;padding:9px 14px;font-size:10px}header button{font-size:12px}main{grid-template-columns:minmax(0,1fr) 320px;gap:20px 44px;max-width:1440px;margin:auto;padding:24px 5% 0;display:grid}.intro{grid-column:1/-1}.eyebrow{letter-spacing:2.5px;color:#d6c18b;font-size:10px;font-weight:700}h1{letter-spacing:-2px;margin:20px 0;font:600 clamp(36px,4.5vw,64px)/1.02 Outfit,sans-serif}.intro>p:last-child{color:#a9bcb1;margin-bottom:25px;font-size:14px;line-height:1.7}#viewport{background:#20392e;border:1px solid #fff2;border-radius:18px;height:520px;position:relative;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block}.score{pointer-events:none;white-space:nowrap;background:#0b241fee;border:1px solid #ffffff20;border-radius:12px;align-items:center;gap:20px;padding:12px 20px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.score span{letter-spacing:2px;font-size:11px}.score b{font:500 28px Outfit,sans-serif}.green{color:#99dbaa}.blue{color:#9ac8f8}.score small{color:#d5c590;border-left:1px solid #ffffff30;padding-left:15px}#status{text-align:center;pointer-events:none;background:#102c26e8;border-radius:8px;padding:10px;font-size:12px;position:absolute;bottom:47px;left:15px;right:15px}.hint{text-align:center;letter-spacing:1.5px;color:#fff8dd;pointer-events:none;font-size:9px;position:absolute;bottom:17px;left:0;right:0}aside{padding-top:8px}h2{margin:15px 0 25px;font:500 28px Outfit,sans-serif}aside>button{text-align:left;width:100%;margin-bottom:10px}button span{float:right}.primary{color:#1c3528;background:#e2ca83;font-weight:700}.primary:hover{background:#f6dd97}.muted{color:#a8bbae;font-size:12px;line-height:1.6}label{letter-spacing:2px;margin:30px 0 12px;font-size:10px;display:block}select{color:#eeeade;background:#183c31;border:1px solid #ffffff30;border-radius:8px;width:100%;padding:14px}.rule-card{border-top:1px solid #ffffff20;align-items:center;gap:20px;margin-top:24px;padding:22px 0;display:flex}.rule-card>span{color:#dcca99;font:500 29px Outfit}.rule-card b{font-size:12px}.rule-card p{color:#a8bbae;margin:6px 0;font-size:12px;line-height:1.6}.text{color:#dcccaa;background:0 0;border:0;padding:10px 0;font-size:12px}.text:hover{color:#fff2c8;background:0 0}footer{color:#9bb1a4;justify-content:space-between;align-items:center;max-width:1440px;margin:auto;padding:30px 5%;font-size:11px;display:flex}footer b{color:#cdd4bd;font-weight:500}dialog{color:#e9e7d8;background:#163b30;border:1px solid #6e876c;border-radius:18px;width:90%;max-width:560px;max-height:90vh;padding:30px}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#061a14bd}dialog p{color:#bdcabc;font-size:14px;line-height:1.7}dialog button{margin:6px}dialog h3{font:500 22px Outfit}.creator{align-items:center;gap:20px;display:flex}.creator img{object-fit:cover;border-radius:50%;width:90px;height:90px}.creator small{letter-spacing:2px;color:#d6c18b;font-size:10px}.contact{color:#f3d990;padding:15px 0;display:block}@media (width>=1100px){.intro{position:relative}.intro>p:last-child{position:absolute;bottom:5px;right:0}}@media (width<=800px){header{gap:10px;padding:20px 5%}.badge{display:none}header button{margin-left:auto}main{grid-template-columns:1fr;gap:15px}.intro{grid-column:auto}#viewport{height:450px}aside{padding:18px 0}footer{gap:20px}.score{gap:12px;padding:10px}h1{font-size:44px}}