:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#f7f4ff;background:#100f25}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 10%,#382174 0,transparent 38%),radial-gradient(circle at 95% 30%,#26286a 0,transparent 38%),#100f25}.shell{max-width:1100px;margin:auto;padding:0 22px}header{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.brand{font-size:25px;font-weight:900;letter-spacing:-1px;color:#fff;text-decoration:none}.brand span{color:#b9a3ff}.chip,.tag{border-radius:99px;background:#ffffff18;padding:9px 13px;font-size:12px;font-weight:800}.hero{text-align:center;padding:42px 0 30px}.eyebrow{color:#e4ba58;letter-spacing:3px;font-size:12px;font-weight:900}.hero h1{font-size:clamp(38px,7vw,70px);line-height:1.06;letter-spacing:-3px;margin:16px 0}.hero h1 em{font-style:normal;color:#f7c85c}.hero p{max-width:610px;margin:auto;color:#c9c4df;font-size:17px;line-height:1.6}.games{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0 50px}.game{min-height:350px;border:1px solid #ffffff28;border-radius:26px;padding:24px;color:white;text-decoration:none;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.game:hover{transform:translateY(-5px);box-shadow:0 20px 50px #0005}.island{background:linear-gradient(145deg,#216e6b,#103a50)}.creature{background:linear-gradient(145deg,#8747a9,#3d225c)}.race{background:linear-gradient(145deg,#d16c38,#77324c)}.art{font-size:85px;text-align:center;min-height:135px;filter:drop-shadow(0 8px 16px #0005)}.tag{align-self:flex-start;background:#0003}.game h2{font-size:27px;letter-spacing:-1px;margin:14px 0 4px}.game p{color:#f2e9ffdd;line-height:1.5;flex:1}.cta{font-weight:800;color:#ffdf7b}.play,.setup{max-width:700px;margin:25px auto 70px;padding:28px;border:1px solid #ffffff2b;border-radius:26px;background:#ffffff0e;box-shadow:0 24px 90px #0004}.play h1{font-size:clamp(28px,5vw,44px);margin:12px 0 24px}.play p,.setup p{color:#c9c4df;line-height:1.6}.back{display:inline-block;color:#dfd4ff;margin:12px 0;text-decoration:none}.island-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:370px;margin:20px auto;gap:8px}.tile{background:linear-gradient(145deg,#2d7b79,#174d5e);border:2px solid #78d6b659;border-radius:16px;aspect-ratio:1;display:grid;place-items:center;font-size:clamp(40px,9vw,68px)}.pet{text-align:center;font-size:150px;line-height:1.4;filter:drop-shadow(0 18px 22px #0008)}.stats{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:18px 0}.stats span{padding:10px 13px;background:#ffffff14;border-radius:12px;font-weight:700;font-size:13px}.center{text-align:center}.track{height:165px;background:repeating-linear-gradient(90deg,#393e6b 0 70px,#3e446f 70px 140px);border:5px solid #6b709b;border-radius:16px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.runner{font-size:65px;animation:drive 1.7s ease-in-out infinite alternate}.finish{font-size:70px}@keyframes drive{from{transform:translateX(0)}to{transform:translateX(95px)}}button{border:0;border-radius:14px;padding:15px 20px;background:#f7c85c;color:#27183d;font-weight:900;font-size:15px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.secondary{background:#ffffff1e;color:white;border:1px solid #ffffff40}.actions,.share{display:flex;gap:10px;flex-wrap:wrap}.share{margin-top:18px;border-top:1px solid #ffffff22;padding-top:20px}footer{text-align:center;color:#928baa;font-size:13px;padding:25px}.setup{margin:7vh auto}.setup form{display:grid;gap:15px}.setup label{display:grid;gap:6px;font-weight:700}.setup input{width:100%;padding:13px;background:#17162e;border:1px solid #ffffff40;border-radius:10px;color:white;font-size:16px}.error{color:#ff9d9d!important}#toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,100px);background:#29264c;color:white;border-radius:15px;padding:14px 20px;transition:transform .2s;z-index:10}#toast.show{transform:translate(-50%,0)}.loading{text-align:center;padding:100px 0}@media(max-width:760px){.games{grid-template-columns:1fr}.game{min-height:265px}.art{font-size:70px;min-height:95px}.hero{padding:24px 0}.hero h1{letter-spacing:-1.5px}.play{padding:19px}.shell{padding:0 15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Isla Mutante: mundo interactivo */
.island-top{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-weight:800;font-size:13px;color:#baf9e6;margin-bottom:12px}.island-scene{border-radius:24px;padding:16px 10px;background:radial-gradient(ellipse at 50% 45%,#49a984 0,#267d87 45%,#12506f 72%,#10334f 100%);box-shadow:inset 0 0 35px #001d39,0 15px 40px #0005;overflow:hidden}.island-grid{max-width:330px;margin:0 auto;gap:3px;transform:rotate(-2deg)}.island-grid .tile{position:relative;border:2px solid #9dedb2;background:linear-gradient(145deg,#8fd277,#3e9864);box-shadow:inset -7px -9px 0 #225e4a55,0 7px 0 #1d684f,0 9px 12px #001a28a6;border-radius:15px;font-size:clamp(30px,8vw,58px);padding:0;transition:transform .15s,filter .15s;min-width:0;cursor:pointer;touch-action:manipulation}.island-grid .tile:hover,.island-grid .tile.selected{transform:translateY(-4px);filter:brightness(1.16);border-color:#ffe477;box-shadow:inset -7px -9px 0 #225e4a55,0 7px 0 #1d684f,0 0 0 3px #ffe47788}.island-grid .tile:focus-visible{outline:3px solid white;outline-offset:3px}.island-shore{text-align:center;letter-spacing:14px;font-size:22px;opacity:.75;padding:6px}.discovery{display:flex;align-items:center;gap:12px;background:#285b4b;border:1px solid #70e5ae;border-radius:17px;padding:12px 15px;margin:15px 0;animation:pop .25s ease-out}.discovery-icon{font-size:37px}.discovery strong,.discovery small{display:block}.discovery small{color:#d4fbe7;margin-top:3px}.island-hint{font-size:14px;text-align:center}.primary-wide{width:100%;min-height:52px}.collection{margin-top:22px;border-top:1px solid #ffffff24;padding-top:13px}.collection h3{font-size:17px;display:flex;justify-content:space-between;align-items:center}.collection h3 span{font-size:12px;color:#b9e6d6}.species{display:flex;flex-wrap:wrap;gap:8px}.species span{background:#ffffff19;border-radius:12px;padding:9px;font-size:25px}.species small{font-size:11px}.muted{font-size:12px;text-align:center}@keyframes pop{from{transform:scale(.95);opacity:.4}to{transform:scale(1);opacity:1}}@media(max-width:420px){.island-scene{padding:12px 8px}.island-shore{font-size:17px}.island-grid{max-width:290px}.play{margin-top:10px}}

/* V003: explorar al tocar, con respuesta visual inmediata */
.island-grid .tile.exploring{animation:qjExplore .55s ease-in-out infinite alternate;border-color:#ffe477;filter:brightness(1.25)}
.island-grid .tile:disabled{cursor:progress;opacity:.88}
.island-actions{display:grid;gap:8px;margin:12px 0}
.island-tip{font-weight:750;text-align:center;color:#e9fbd9!important;margin:4px 0!important}
@keyframes qjExplore{from{transform:scale(.95)}to{transform:scale(1.05)}}
@media(prefers-reduced-motion:reduce){.island-grid .tile.exploring{animation:none}}
/* Isla Mutante 004 — new ecosystem */
.play:has(.island-v4){max-width:960px}.island-v4{--sea:#0c5674}.world-summary{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;color:#b4f9d9;font-weight:800;margin-bottom:14px}.world-stage{position:relative;overflow:hidden;min-height:420px;border-radius:24px;background:radial-gradient(ellipse at 50% 35%,#319cb5 0,#13718c 44%,#0a3b63 100%);display:grid;place-items:center;padding:32px 12px 52px;box-shadow:inset 0 0 40px #001e37,0 18px 30px #0003}.world-water{position:absolute;border:2px solid #b1ffff33;border-radius:50%;width:650px;height:260px;transform:rotate(-20deg);pointer-events:none}.wave-b{transform:rotate(20deg);width:520px;height:350px}.world-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:min(100%,450px);gap:3px;transform:rotate(-2deg);filter:drop-shadow(0 12px 12px #00252a8c)}.world-cell{position:relative;aspect-ratio:1;border:2px solid #a4ed9eaa;border-radius:12px;background:linear-gradient(145deg,#85d478,#408f57);box-shadow:inset -5px -7px #165a3a55,0 5px #275d43;padding:0;min-width:0;display:grid;place-items:center;transition:transform .18s,filter .18s;touch-action:manipulation}.world-cell.sand{background:linear-gradient(145deg,#f0d68b,#c3aa63);border-color:#f8e4ad}.world-cell.occupied{background:linear-gradient(145deg,#91d777,#4aa06b)}.world-cell.locked{opacity:.58;filter:grayscale(.5)}.world-cell:focus-visible{outline:3px solid white;outline-offset:2px}.world-cell:not(:disabled):hover,.world-cell.working{transform:translateY(-5px);filter:brightness(1.2);border-color:#ffe25d}.world-entity{font-size:clamp(23px,5vw,44px);filter:drop-shadow(0 3px 3px #163e2b88);line-height:1}.ready-dot{position:absolute;right:4px;top:1px;color:#ffe95b;font-size:14px;text-shadow:0 0 7px #ffe95b}.world-fish{position:absolute;bottom:12px;letter-spacing:18px;font-size:24px}.world-resources{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin:14px 0}.world-resources span{padding:9px 12px;border:1px solid #ffffff23;border-radius:12px;background:#ffffff14;font-weight:850;font-size:13px}.world-task{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(110deg,#1b6454,#254a63);border:1px solid #7ae3ad7d;border-radius:18px;padding:17px;margin:18px 0}.world-task small,.world-task strong{display:block}.world-task small{font-size:11px;color:#b8fbd6;letter-spacing:1px}.world-task strong{font-size:20px;margin-top:5px}.world-task p{margin:5px 0 0;font-size:13px;color:#d7f6e6}.task-medal{font-size:32px}.world-notice{background:#4d3968;border:1px solid #a18acb;border-radius:12px;padding:12px;margin:12px 0;color:#f7edff}.world-tools{border:1px solid #ffffff25;border-radius:20px;padding:16px;background:#ffffff08}.world-tools h3{margin:0}.world-tools>p{font-size:13px;margin:7px 0 15px}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.world-tool{min-width:0;min-height:76px;padding:10px 5px;background:#ffffff12;color:#fff;border:1px solid #ffffff32;border-radius:12px}.world-tool strong,.world-tool small{display:block}.world-tool strong{font-size:13px}.world-tool small{font-size:11px;color:#d1cce0;margin-top:6px}.world-tool.active{border:2px solid #ffdf6b;background:#70562c;color:#fff;box-shadow:0 0 0 2px #ffdf6b22}.world-help{text-align:center;color:#b6f6da;font-size:13px;font-weight:750;padding:13px 0}.world-extras{display:flex;gap:8px;flex-wrap:wrap}.world-extras button{flex:1;font-size:13px}.world-journal{margin-top:16px;background:#ffffff0d;border:1px solid #ffffff22;border-radius:14px;padding:15px}.world-journal summary{font-weight:800;cursor:pointer}.journal-goals{display:grid;gap:8px;margin-top:14px}.journal-goals div{background:#ffffff0b;border-radius:8px;padding:9px;font-size:13px}.journal-goals small{display:block;color:#b9e9d7;margin-left:20px}.world-journal p{font-size:12px}.world-idle{text-align:center;font-size:12px;color:#c1b7dc!important}@media(max-width:600px){.world-stage{min-height:300px;padding:22px 5px 40px}.world-grid{width:min(100%,330px);gap:2px}.world-cell{border-radius:8px;box-shadow:inset -3px -4px #165a3a55,0 3px #275d43}.world-entity{font-size:clamp(21px,6vw,34px)}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.world-tool{min-height:60px}.world-task strong{font-size:17px}}

/* v005 — Continuous island landscape; no visible card grid. */
.world-stage{display:block;min-height:0;padding:0;background:#0b5676;overflow:hidden}.world-scene{position:relative;width:100%;overflow:hidden}.island-svg{display:block;width:100%;height:auto;aspect-ratio:800/480;touch-action:manipulation}.island-hit{fill:transparent;stroke:transparent;stroke-width:2;cursor:pointer;outline:none}.island-hit:hover,.island-hit:focus-visible{fill:#fff4a83a;stroke:#ffe584;stroke-width:3}.island-hit.working{fill:#fff4a84a;stroke:#fff1aa;stroke-width:4}.island-hit-locked{cursor:not-allowed}.island-legend{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#f1ffff;background:#07384ab9;border:1px solid #d7ffff45;border-radius:30px;padding:7px 13px;font-size:clamp(9px,1.6vw,12px);font-weight:700;pointer-events:none}.world-water,.world-fish{display:none}@media(max-width:600px){.world-stage{padding:0;min-height:0;border-radius:15px}.island-legend{bottom:4px;padding:5px 9px}}@media(prefers-reduced-motion:reduce){.island-hit{transition:none}}

/* Isla Mutante 006 — exploración gráfica */
.adventure{display:grid;gap:14px}.adventure-hud,.adventure-stats{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:#e8f5ff;font-weight:750}.adventure-view{position:relative;width:100%;height:clamp(360px,67vh,670px);overflow:hidden;border:3px solid #2f8f9d;border-radius:24px;background:#136d85;touch-action:none;box-shadow:0 18px 45px #001b36a6}.adventure-view canvas{width:100%;height:100%;display:block;touch-action:none}.adventure-overlay{position:absolute;left:12px;top:12px;display:flex;flex-direction:column;gap:4px;pointer-events:none}.adventure-overlay span{background:#0c2638b9;color:#fff;border-radius:12px;padding:6px 10px;font-size:12px;max-width:260px}.adventure-pad{position:absolute;bottom:12px;left:12px;display:grid;justify-items:center;gap:4px}.adventure-pad>div{display:flex;gap:4px}.adventure-pad button,.adventure-do{background:#182d4ddd;color:#fff;border:1px solid #b1d7ee8a;border-radius:13px;min-width:48px;min-height:48px;font-size:20px;touch-action:none;user-select:none}.adventure-do{position:absolute;bottom:18px;right:12px;font-size:14px;background:#ffd65a;color:#1c2040;border:0;padding:0 14px;font-weight:900}.adventure-stats{justify-content:center}.adventure-stats span{background:#ffffff12;padding:7px 11px;border-radius:10px}.adventure-mission{display:grid;gap:5px;padding:14px;background:#17515b;border:1px solid #50c3b0;border-radius:14px}.adventure-mission span{font-size:13px}.adventure-notice{background:#483866;padding:12px;border-radius:12px}.adventure-tools{background:#ffffff08;border:1px solid #ffffff29;border-radius:16px;padding:15px}.adventure-tools h3{margin:0 0 6px}.adventure-tools p{font-size:13px;line-height:1.5;margin:0 0 12px}.adventure-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.adventure-tool{padding:10px 4px;display:grid;gap:5px;background:#302a4d;color:#fff;border:1px solid #635981;border-radius:12px;cursor:pointer}.adventure-tool.active{background:#73571d;border-color:#ffce4f}.adventure-tool strong{font-size:12px}.adventure-tool small{font-size:10px;color:#e8e0ce}.adventure-extra{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.adventure-extra button{flex:1;min-width:130px}.adventure-log{padding:14px;border:1px solid #ffffff30;border-radius:14px}.adventure-log summary{cursor:pointer;font-weight:800}.adventure-log p{font-size:13px}.adventure-log small{color:#d6c6ff}@media(max-width:600px){.adventure-view{height:min(68vh,560px);min-height:340px}.adventure-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.adventure-overlay span{font-size:10px}.adventure-pad button{min-width:46px;min-height:46px}}
@media(prefers-reduced-motion:reduce){.adventure *{transition:none!important}}