@font-face{font-family:Rubik;src:url(assets/rubik.ttf) format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:#183d34;background:#f7f2e6;font-family:Rubik,Arial,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #df9831;outline-offset:6px}img{max-width:100%;display:block}header{height:88px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#103b35;color:#fff7df;gap:30px;border-bottom:1px solid #ffffff16}header nav{display:flex;gap:34px;font-size:13px}header nav a:hover{color:#f2be60}.brand{display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:2px;line-height:1.25}.brand strong{display:block;font-size:24px;letter-spacing:4px}.brand-mark{border:1px solid #e2b669;border-radius:40% 40% 45% 45%;height:43px;width:38px;display:grid;place-items:center;color:#e5b65a;font:bold 32px Georgia}.nav-cta{border:1px solid #98a18a;padding:10px 19px;border-radius:5px;font-size:12px}.nav-cta span{margin-left:24px;color:#efbe60}.hero{min-height:710px;position:relative;background:#16453c url(assets/hero.webp) center center/cover no-repeat;color:#fff6df;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#092e31e8 0%,#092e3199 30%,#092e3100 65%),linear-gradient(0deg,#092e31a6,transparent 28%)}.hero-copy{position:relative;padding:85px 6% 100px;max-width:850px}.eyebrow{font-size:10px;letter-spacing:2.6px;font-weight:600;color:#e8c276;margin:0 0 24px;display:flex;align-items:center;gap:10px}.eyebrow>span{width:7px;height:7px;background:#f2c35f;border-radius:50%;box-shadow:0 0 15px #f2c35f}.dark{color:#767953}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2.5px;line-height:1.04}h1{font-size:clamp(56px,6vw,88px);margin-bottom:25px}h1 em,h2 em{color:#eab34f;font-weight:400}h2{font-size:clamp(40px,4vw,59px)}.hero-intro{font-size:15px;line-height:1.9;color:#e2e5d5;margin-bottom:28px}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.button{border:0;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:25px;font-weight:600;font-size:12px;padding:16px 23px;min-height:52px;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-2px);filter:brightness(1.07)}.button:disabled{cursor:wait;opacity:.65;transform:none}.gold{background:#efbb5b;color:#243d32;box-shadow:0 4px 0 #bc8833}.lilac{background:#c6abd9;color:#30253c;box-shadow:0 4px 0 #8a6b9e}.text-link{font-size:12px;border-bottom:1px solid #a9b39b;padding-bottom:5px}.text-link span{margin-left:16px}.hero-caption{display:flex;gap:14px;align-items:center;margin-top:36px;color:#d7ddc9}.hero-caption>span{font-size:27px;color:#ecc26b}.hero-caption p{margin:0;font-size:10px;line-height:1.8}.hero-caption b{font-size:9px;letter-spacing:2px}.explore{position:absolute;bottom:25px;left:6%;font-size:9px;letter-spacing:2px}.explore span{margin-left:20px;font-size:18px}.art-note{position:absolute;bottom:28px;right:5%;font-size:8px;letter-spacing:2px;color:#fff0cf}.ribbon{background:#eab756;color:#254034;display:flex;align-items:center;justify-content:space-around;gap:18px;padding:20px 5%;font-size:9px;font-weight:600;letter-spacing:1.8px}.ribbon i{font-size:18px;font-style:normal}.section{padding:105px 7%;max-width:1500px;margin:auto}.story{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.story-visual{position:relative;max-height:650px;overflow:hidden;border-radius:150px 150px 9px 9px;box-shadow:14px 14px 0 #e8e2d2}.story-visual img{width:100%;object-fit:cover}.image-label{position:absolute;bottom:0;left:0;width:100%;background:#153f36e8;color:#f8e7bb;text-align:center;padding:15px 8px;font-size:8px;letter-spacing:2px}.story-copy h2 em,.characters h2 em{color:#798855}.story-copy>p:not(.eyebrow){font-size:13px;line-height:1.95;color:#657265}.story-copy h2{margin-bottom:28px}blockquote{margin:25px 0;border-left:2px solid #d4a64c;padding:8px 0 8px 22px;font:italic 21px/1.5 Georgia;color:#234e40}cite{display:block;font:10px Rubik;margin-top:12px;color:#8b805c}.roulette-section{padding:90px 7%;background:#123e36;color:#f8efd9;position:relative}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:13px;color:#bbcbb7;line-height:1.9;max-width:310px;margin-bottom:5px}.wheel-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:1150px;margin:auto}.wheel-card{padding:25px 32px 20px;background:#194b40;border:1px solid #b1b27a47;border-radius:10px;text-align:center}.wheel-card.villains{background:#303340;border-color:#a88ab74d}.wheel-title{display:flex;justify-content:space-between;align-items:center;color:#d0bf88;font-size:10px}.villains .wheel-title{color:#c0add3}.tag{font-size:8px;letter-spacing:1.8px}.wheel-card h3{font:32px Georgia;margin:17px 0 5px}.wheel-card>p{font-size:11px;color:#bacbb8;margin-bottom:12px}.villains>p{color:#c0b8cb}.wheel-wrap{position:relative;width:min(100%,370px);margin:25px auto}.wheel-wrap canvas{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 15px #0004);will-change:transform}.pointer{position:absolute;top:-10px;left:calc(50% - 14px);border-left:14px solid transparent;border-right:14px solid transparent;border-top:31px solid #fff0b5;z-index:3;filter:drop-shadow(0 3px 2px #0008)}.hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff0be;background:#184d40;border:4px solid #d8b665;font-size:27px;pointer-events:none}.villains .hub{background:#393141;border-color:#c6abd9}.spin{width:100%;max-width:320px}.result{display:flex;align-items:center;justify-content:center;gap:13px;text-align:left;min-height:110px;padding-top:22px}.result-symbol{font-size:32px;color:#d2b775}.result p{margin:0;font-size:12px}.result small{display:block;font-size:9px;color:#b5c5b2;margin-top:5px}.result img{width:63px;height:63px;object-fit:contain}.result b{display:block;font:23px Georgia;color:#ffe1a1}.villains .result b{color:#e7cef8}.result .desc{font-size:11px;line-height:1.5;display:block;max-width:290px;color:#d4dbcb}.roulette-note{text-align:center;color:#b6c8b5;font-size:10px;max-width:700px;margin:28px auto 0}.history{max-width:1150px;margin:35px auto 0;padding-top:24px;border-top:1px solid #ffffff24;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.history[hidden]{display:none}.history>span{font-size:8px;letter-spacing:2px;color:#c9bd92}#history-items{display:flex;gap:10px;flex:1;flex-wrap:wrap}.history-chip{display:flex;align-items:center;gap:7px;font-size:10px;padding:5px 11px;border-radius:30px;background:#ffffff0c}.history-chip img{width:25px;height:25px;object-fit:contain}#clear-history{background:transparent;color:#d1dacb;border:0;text-decoration:underline;font-size:10px}.team-tabs{border:1px solid #d6d6c4;border-radius:6px;display:flex;padding:5px;gap:5px}.team-tabs button{padding:11px 20px;background:transparent;border:0;border-radius:3px;font-size:12px;color:#556d5e}.team-tabs button[aria-selected=true]{background:#224c3e;color:#fff3d6}.team-tabs span{font-size:9px;margin-left:12px;opacity:.6}.character-list{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.character-card{background:#ecebdc;border-radius:8px;padding:22px 17px 19px;border:1px solid #dfe0cb;transition:transform .2s}.character-card:hover{transform:translateY(-6px)}.portrait{height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;background:radial-gradient(ellipse,#dadcc0,transparent 68%)}.portrait img{max-height:140px;max-width:100%;object-fit:contain;filter:drop-shadow(0 8px 2px #23432316)}.character-card .role{font-size:8px;letter-spacing:1.5px;color:#7d825b;text-transform:uppercase}.character-card h3{font:25px Georgia;margin:7px 0}.character-card p{font-size:11px;line-height:1.7;color:#65705e;margin:0}.character-list.enemies{grid-template-columns:repeat(3,1fr)}.valley{min-height:650px;position:relative;overflow:hidden;background:#143d32;color:#fff2d7;display:flex;align-items:center}.valley>img{position:absolute;width:58%;height:100%;right:0;object-fit:cover;object-position:center 55%}.valley-shade{position:absolute;inset:0;background:linear-gradient(90deg,#103b35 25%,#103b35e6 44%,#103b3522 80%)}.valley-copy{position:relative;max-width:570px;padding:85px 0;margin-left:7%}.valley-copy h2{font-size:62px}.valley-copy>p:not(.eyebrow){color:#c4d4be;font-size:13px;max-width:390px}.valley-facts{display:flex;gap:50px;margin:30px 0}.valley-facts b{font:43px Georgia;color:#edc77b;display:block}.valley-facts span{font-size:8px;letter-spacing:1.5px}.closing{text-align:center;padding:70px 20px}.closing>span{color:#b69a48;font-size:28px}.closing p{font:33px/1.3 Georgia;margin:16px 0 23px}.closing em{color:#7a8856}.closing a{font-size:10px;border-bottom:1px solid #b5b78e;padding-bottom:6px}footer{background:#e9e8d8;padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand-mark{color:#35634b;border-color:#8c9466}footer p,footer>span{font-size:10px;color:#6a7966;margin:0}.skip{position:fixed;top:-100px;left:20px;background:#f7d37c;color:#123e36;z-index:20;padding:10px}.skip:focus{top:10px}@media(min-width:1600px){.hero{min-height:820px}.hero-copy{padding-top:125px}}@media(max-width:950px){header{padding:0 5%;gap:15px}header nav{gap:20px}.hero{min-height:720px;background-position:58% center}.hero-copy{padding:85px 5% 100px}.hero-shade{background:linear-gradient(90deg,#092e31ed,#092e3180 50%,#092e3100)}.section{padding:75px 5%}.story{gap:6%}.roulette-section{padding:75px 5%}.wheel-card{padding:24px 20px 10px}.character-list{grid-template-columns:repeat(3,1fr)}.art-note{display:none}.valley-copy{margin-left:5%;max-width:50%}.valley-copy h2{font-size:50px}.ribbon{font-size:8px;letter-spacing:1px}.ribbon span:last-child,.ribbon i:last-of-type{display:none}}@media(max-width:640px){header{height:76px}.brand strong{font-size:20px}.brand{font-size:8px;gap:9px}.brand-mark{width:30px;height:37px;font-size:27px}header nav{display:none}.nav-cta{font-size:10px;padding:9px 12px}.nav-cta span{margin-left:8px}.hero{min-height:850px;background-position:67% bottom;background-size:auto 100%}.hero-shade{background:linear-gradient(180deg,#092e31eb 0%,#092e31ba 39%,#092e3111 73%,#092e3199 100%)}.hero-copy{padding:50px 6% 70px}.eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:20px}h1{font-size:59px;line-height:1.02;letter-spacing:-2px}.hero-intro{font-size:13px}.hero-actions{gap:21px}.button{font-size:11px;min-height:48px;padding:14px 18px}.hero-caption{margin-top:25px}.explore{font-size:8px}.ribbon{padding:16px 5%;gap:10px;font-size:7px}.ribbon span:nth-of-type(3),.ribbon i:nth-of-type(2){display:none}.section{padding:62px 6%}.story{grid-template-columns:1fr;gap:50px}.story-visual{max-height:430px;max-width:420px;width:100%;margin:auto;border-radius:90px 90px 7px 7px}.story-visual img{margin-top:-40px}h2{font-size:43px;letter-spacing:-1.7px}.story-copy>p:not(.eyebrow){font-size:13px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:25px;font-size:12px}.roulette-section{padding:60px 6%}.wheel-grid{grid-template-columns:1fr;gap:25px}.wheel-card{padding:22px 22px 10px}.wheel-wrap{max-width:330px}.wheel-card h3{font-size:31px}.roulette-note{font-size:9px}.team-tabs{width:max-content;margin-top:27px}.character-list,.character-list.enemies{grid-template-columns:repeat(2,1fr);gap:12px}.character-card{padding:14px 13px 17px}.portrait{height:120px;margin-bottom:15px}.portrait img{max-height:115px}.character-card h3{font-size:23px}.character-card p{font-size:10px}.character-card .role{font-size:7px;letter-spacing:.9px}.valley{min-height:720px;align-items:flex-start}.valley>img{width:100%;height:100%;object-position:center}.valley-shade{background:linear-gradient(180deg,#103b35fa,#103b35e6 50%,#103b3511)}.valley-copy{max-width:none;margin:0;padding:55px 6% 270px}.valley-copy h2{font-size:46px}.valley-copy>p:not(.eyebrow){font-size:12px}.valley-facts{gap:35px;margin:24px 0}.valley-facts b{font-size:35px}.valley-facts span{font-size:7px}.closing{padding:50px 6%}.closing p{font-size:27px}footer{flex-wrap:wrap;justify-content:center;text-align:center;padding:30px 6%;gap:20px}footer p{width:100%}footer>span{font-size:9px}}
@media(max-width:640px){.hero{min-height:870px;background-size:auto 48%;background-position:right bottom;background-color:#103b35}.hero-shade{background:linear-gradient(180deg,#103b35 0%,#103b35 43%,#103b35ad 55%,#103b3500 70%,#103b3544 100%)}h1{font-size:49px}.hero-copy{padding-top:43px}.hero-caption{margin-top:23px}.hero-actions{gap:18px}.hero-intro{margin-bottom:24px}.explore{bottom:18px}}
@media(max-width:640px){.hero-shade{background:linear-gradient(180deg,#103b35 0%,#103b35 52%,#103b35ad 60%,#103b3500 72%,#103b3544 100%)}}
/* Fontes originais do game */
@font-face{font-family:'Candy Beans';src:url('assets/candy-beans.otf') format('opentype');font-display:swap}@font-face{font-family:'Open Sans';src:url('assets/open-sans.ttf') format('truetype');font-display:swap}
body{font-family:'Open Sans',Arial,sans-serif}h1,h2,h3,.brand,.button,.nav-cta,header nav,.team-tabs button,.tag,.eyebrow,.ribbon,.result b,.closing p,.valley-facts b{font-family:'Candy Beans',Rubik,sans-serif;font-weight:400}.brand-mark{font-family:'Candy Beans',sans-serif}.brand{letter-spacing:1px}.brand strong{font-family:'Candy Beans',sans-serif;font-size:27px;letter-spacing:1px}h1{font-size:clamp(54px,6vw,80px);letter-spacing:0;line-height:1.08}h2{font-size:clamp(38px,4vw,53px);letter-spacing:0;line-height:1.12}h1 em,h2 em,.closing em{font-style:normal}blockquote{font-family:'Candy Beans',sans-serif;font-style:normal;font-size:22px;line-height:1.5}.wheel-card h3{font-family:'Candy Beans',sans-serif;font-size:32px}.character-card h3{font-family:'Candy Beans',sans-serif;font-size:25px}.result b{font-family:'Candy Beans',sans-serif;font-size:25px}.valley-copy h2{font-size:54px}.closing p{font-family:'Candy Beans',sans-serif;font-size:32px;line-height:1.4}.valley-facts b{font-family:'Candy Beans',sans-serif}.hero-caption,.explore,.art-note,.image-label,.character-card .role,.valley-facts span,.history{font-family:Rubik,sans-serif}.button{font-size:15px}.nav-cta{font-size:14px}.eyebrow{font-size:11px;letter-spacing:1.7px}.ribbon{font-size:11px;letter-spacing:1px}.tag{font-size:10px;letter-spacing:1px}.team-tabs button{font-size:16px}@media(max-width:950px){.valley-copy h2{font-size:45px}}@media(max-width:640px){h1{font-size:44px}h2{font-size:38px}.eyebrow{font-size:9px;letter-spacing:1.1px}.button{font-size:13px}.nav-cta{font-size:12px}.brand strong{font-size:22px}.ribbon{font-size:8px}.hero{min-height:890px}.hero-copy{padding-top:42px}.valley-copy h2{font-size:42px}.closing p{font-size:26px}.wheel-card h3{font-size:30px}.character-card h3{font-size:23px}}
.wheel-card{overflow:hidden}
.wheel-wrap canvas{touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.wheel-wrap canvas.dragging{cursor:grabbing}.wheel-wrap canvas:focus-visible{outline:3px dashed #fff0bc;outline-offset:7px;border-radius:50%}.wheel-card>.drag-hint{font-size:10px;margin:5px 0 0;color:#e2d2a5}.villains>.drag-hint{color:#dcc7e9}
.site-logo{width:140px;height:79px;object-fit:contain}.brand{flex-shrink:0}footer .site-logo{width:145px;height:auto}@media(min-width:641px) and (max-width:950px){.hero{background-position:right center}}@media(max-width:640px){.site-logo{width:115px;height:65px}}

html{scroll-behavior:auto}