@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&family=Nunito:wght@500;700;800;900&display=swap');
:root{--ink:#173a32;--deep:#0f2b29;--forest:#234f3b;--moss:#65834f;--cream:#f6e7be;--paper:#fff3cf;--paper-dark:#d9b978;--gold:#daa33e;--ember:#b9542b;--sea:#4d9ca0;--line:#754c25;--shadow:0 18px 44px rgba(10,34,29,.28)}*{box-sizing:border-box}html{min-height:100%;background:var(--deep)}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--ink);font-family:Nunito,sans-serif;background:linear-gradient(#79b4ae 0,#a9d0b8 34%,#e2c88f 75%,#bb8750 100%)}body:after{content:"";position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.13;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}button,input{font:inherit}.world{position:fixed;inset:0;overflow:hidden;pointer-events:none}.sun{position:absolute;top:40px;left:50%;width:300px;height:300px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle,#fff7be 0,#f1cc6b 26%,rgba(241,204,107,0) 70%);opacity:.75}.sea-lines{position:absolute;inset:32% -20% 0;background:repeating-radial-gradient(ellipse at 50% 0,transparent 0 19px,rgba(255,255,255,.16) 20px 22px,transparent 23px 40px);transform:perspective(400px) rotateX(64deg);transform-origin:top}.cloud{position:absolute;width:180px;height:32px;border-radius:50%;background:#fff9db;filter:blur(1px);opacity:.45}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud:before{width:70px;height:70px;left:25px;bottom:0}.cloud:after{width:95px;height:90px;right:20px;bottom:-2px}.cloud-a{top:12%;left:-60px}.cloud-b{top:22%;right:-80px;transform:scale(.7)}.spark{position:absolute;color:#fff6c5;opacity:.65}.s1{top:12%;left:17%}.s2{top:24%;right:15%;font-size:1.5rem}.s3{top:34%;left:8%;font-size:.7rem}main{position:relative;z-index:2;width:min(920px,calc(100% - 24px));margin:auto;padding:36px 0 42px}.hero{text-align:center;color:#fff8dc;text-shadow:0 3px 0 rgba(29,69,57,.25);margin-bottom:24px}.crest{display:flex;align-items:center;justify-content:center;gap:8px;width:94px;height:58px;margin:0 auto 14px;color:#173a32;font:900 1.1rem Nunito;background:var(--cream);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);filter:drop-shadow(0 7px 0 rgba(26,68,55,.25))}.crest i{color:var(--ember);font-style:normal}.eyebrow,.section-kicker,.hud-label{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:.66rem;font-weight:900}.hero h1{font:400 clamp(3.15rem,13vw,6.4rem)/.78 'IM Fell English',serif;margin:.23em 0 .28em;letter-spacing:-.045em}.hero h1 em{font-weight:400;color:#ffe69c}.hero p{font-weight:800;line-height:1.45;font-size:.93rem}.parchment,.mission-sheet{position:relative;background:linear-gradient(130deg,#fff4d4,#f2d999);border:2px solid #7e522a;border-radius:7px;box-shadow:0 0 0 5px rgba(255,236,181,.5),0 0 0 7px rgba(69,43,22,.35),var(--shadow)}.parchment:before,.parchment:after{content:"";position:absolute;left:8px;right:8px;height:7px;border:1px solid rgba(109,70,34,.35);border-radius:50%}.parchment:before{top:5px}.parchment:after{bottom:5px}.login-card{max-width:460px;margin:auto;padding:32px 26px 28px;text-align:center}.login-card h2,.finale h2{font:400 2.2rem/1 'IM Fell English',serif;margin:8px 0 12px}.login-card>p{font-size:.92rem;line-height:1.55;color:#5f533e}.wax{position:absolute;right:-13px;top:-17px;display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#df7146,#92361f 65%);color:#f9c879;border:3px double #7c2f1c;box-shadow:0 6px 11px #5d371f66;transform:rotate(12deg)}label{display:block;text-align:left;margin:21px 0 7px;font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;font-weight:900}.input-wrap{display:flex;align-items:center;background:#fff9e9;border:2px solid #a47c42;border-radius:6px;box-shadow:inset 0 2px 7px #7b5c2833}.input-wrap span{padding:0 12px;color:#98723c}.input-wrap input{width:100%;border:0;outline:0;background:transparent;padding:14px 12px 14px 0;color:var(--ink);font-weight:900;letter-spacing:.08em}.game-button{display:flex;justify-content:center;align-items:center;gap:14px;width:100%;margin-top:13px;padding:14px 17px;border:1px solid #152d26;border-radius:7px;background:linear-gradient(#35664c,#1f4937);color:#fff9df;font-weight:900;box-shadow:inset 0 1px #ffffff55,0 5px 0 #122d24,0 9px 18px #173a3255;cursor:pointer;transition:filter .2s,transform .2s}.game-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.game-button:active{transform:translateY(3px);box-shadow:inset 0 1px #ffffff55,0 2px 0 #122d24}.game-button:disabled{filter:grayscale(.7);opacity:.6;cursor:not-allowed}.game-button i{font-style:normal}.message{min-height:1.25em;margin:14px 0 0;color:#a13e28;font-size:.83rem;font-weight:800}.dice-pair{position:absolute;left:-18px;bottom:-23px;display:flex;gap:4px;transform:rotate(-12deg)}.dice-pair b{display:grid;place-items:center;width:38px;height:38px;background:#efe0bc;border:2px solid #6d4a28;border-radius:6px;box-shadow:0 5px 8px #31251755}.dice-pair b:last-child{transform:rotate(22deg)}.game-hud{display:flex;align-items:end;justify-content:space-between;color:#fff9dc;text-shadow:0 2px #173a32aa;padding:0 5px;margin-bottom:8px}.game-hud strong{display:block;font:400 1.4rem 'IM Fell English',serif}.resource-purse{display:flex;gap:4px}.mini-resource{display:grid;place-items:center;width:35px;height:40px;background:#f6e7be;border:2px solid #674421;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);filter:grayscale(1);opacity:.55}.mini-resource.done{filter:none;opacity:1}.journey{position:relative;height:34px;margin:0 8px 12px}.journey-track{position:absolute;left:0;right:0;top:15px;height:5px;border-radius:6px;background:#ffffff55;box-shadow:inset 0 1px 2px #173a3255;overflow:hidden}.journey-track i{display:block;width:0;height:100%;background:#ffe28b;box-shadow:0 0 10px #fff2ad}.traveler{position:absolute;left:0;top:0;font-size:1.55rem;filter:drop-shadow(0 3px 2px #173a3266);will-change:transform}.map-shell{position:relative;min-height:560px;padding:68px 18px 30px;border:3px solid #684321;border-radius:12px;background:radial-gradient(ellipse at center,#d8bd77 0 43%,#b88d50 67%,#845a32 100%);box-shadow:0 0 0 4px #d3a968,0 0 0 7px #53351e,var(--shadow);overflow:hidden}.map-shell:before{content:"";position:absolute;inset:0;opacity:.25;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath d='M0 20Q20 5 40 20t40 0M0 55Q20 40 40 55t40 0' fill='none' stroke='%23533721' stroke-width='2'/%3E%3C/svg%3E")}.map-title{position:absolute;top:17px;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap}.map-title span{display:block;font:400 1.65rem 'IM Fell English',serif}.map-title small{font-size:.64rem;text-transform:uppercase;letter-spacing:.13em;font-weight:900}.compass{position:absolute;right:15px;top:14px;width:46px;height:46px;border:1px solid #674522;border-radius:50%;display:grid;place-items:center}.compass:before,.compass:after{content:"";position:absolute;background:#674522}.compass:before{width:1px;height:38px}.compass:after{height:1px;width:38px}.compass i{position:absolute;top:-3px;font-size:.58rem;font-style:normal;font-weight:900}.compass span{z-index:1}.island-map{position:relative;display:grid;grid-template-columns:repeat(2,135px);justify-content:center;gap:0 0;filter:drop-shadow(0 14px 10px #4a2e1c55)}.territory{position:relative;width:142px;height:164px;margin:-9px -4px;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);border:0;padding:0;background:#855e38;cursor:pointer;will-change:transform}.territory:before{content:"";position:absolute;inset:5px;clip-path:inherit;background:var(--tile);background-size:cover}.territory:after{content:"";position:absolute;inset:5px;clip-path:inherit;opacity:.36;background:repeating-radial-gradient(circle at 30% 20%,transparent 0 9px,#fff 10px 11px,transparent 12px 24px)}.territory[data-id=piedra]{--tile:linear-gradient(145deg,#b5b7aa,#6b756d)}.territory[data-id=madera]{--tile:linear-gradient(145deg,#79a55b,#2f603c)}.territory[data-id=paja]{--tile:linear-gradient(145deg,#f2d066,#ba842f)}.territory[data-id=lana]{--tile:linear-gradient(145deg,#d8e9bd,#86ab75)}.territory[data-id=ladrillo]{--tile:linear-gradient(145deg,#d47b4d,#8e3f2d)}.territory:nth-child(3){grid-column:1/-1;justify-self:center}.territory-content{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fffbe4;text-shadow:0 2px 3px #173a32;font-weight:900}.territory-icon{font-size:2.25rem;filter:drop-shadow(0 3px 2px #263a2c88)}.territory-name{font:400 1.25rem 'IM Fell English',serif}.territory-status{font-size:.52rem;letter-spacing:.12em;text-transform:uppercase}.territory.locked{filter:grayscale(.7) brightness(.7);cursor:not-allowed}.territory.completed:after{opacity:.12}.territory .lock{position:absolute;z-index:3;top:32px;right:25px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#47331f;color:#f5dfa7;font-size:.75rem}.mission-sheet{margin-top:20px;padding:25px 20px}.mission-head{display:flex;align-items:center;gap:13px}.mission-icon{display:grid;place-items:center;width:54px;height:54px;flex:none;border:2px solid #7a5029;border-radius:50%;background:#e5c681;font-size:1.65rem}.mission-sheet h2{font:400 1.85rem 'IM Fell English',serif;margin:0}.mission-sheet .theme{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#7b5b35}.riddle{margin:20px 0;padding:18px;border:1px dashed #966b36;background:#fff9e5aa;font:400 1.08rem/1.55 'IM Fell English',serif}.reward{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid #ad8b57;border-bottom:1px solid #ad8b57;font-weight:900}.mission-sheet input{width:100%;margin-top:16px;padding:14px;border:2px solid #9c7543;border-radius:6px;background:#fffaf0;outline:none}.reveal{margin-top:18px}.reveal strong{font:400 1.35rem 'IM Fell English',serif}.team{font-size:.84rem;color:#6c593d}.finale{text-align:center;margin-top:24px;padding:34px 22px;overflow:hidden}.final-icon{display:block;font-size:3.5rem}.final-rays{position:absolute;inset:-90%;background:repeating-conic-gradient(#e5ae3633 0 10deg,transparent 10deg 20deg);animation:spin 28s linear infinite}.finale>*:not(.final-rays){position:relative}.toast{position:fixed;z-index:100;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));width:min(90%,380px);padding:13px 16px;border:2px solid #e6c775;border-radius:8px;background:#183c32;color:#fff7d9;text-align:center;font-weight:900;box-shadow:var(--shadow);transform:translate(-50%,150%);visibility:hidden}footer{position:relative;z-index:2;text-align:center;padding:5px 20px 30px;color:#fff2c9;font-size:.72rem;font-weight:900;letter-spacing:.06em;text-shadow:0 2px #4a2f1e}footer span{color:#ffe18b;margin:0 5px}@keyframes spin{to{transform:rotate(1turn)}}@media(min-width:640px){main{padding-top:50px}.island-map{grid-template-columns:repeat(3,170px)}.territory{width:180px;height:205px;margin:-12px -5px}.territory:nth-child(3){grid-column:auto}.territory:nth-child(4){grid-column:1/3;justify-self:end}.territory:nth-child(5){grid-column:2/4;justify-self:start}.map-shell{min-height:560px}.mission-sheet{padding:30px 38px}}@media(max-width:370px){.island-map{grid-template-columns:repeat(2,122px)}.territory{width:130px;height:150px}.map-shell{padding-left:5px;padding-right:5px}.hero h1{font-size:2.85rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}