:root{--bg:#0c1420;--surface:#15202f;--border:#2b394a;--muted:#91a1b5;--text:#f3f5f9;--accent:#b6ed8b;--world:#72d6ad;--worlddark:#143b32;color-scheme:dark}*{box-sizing:border-box}body{margin:0;height:100vh;height:100dvh;background:radial-gradient(ellipse at 30% 0,#20372d 0,transparent 55%),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;border:0;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:hover:not(:disabled){filter:brightness(1.13)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#app{height:100%;max-width:1600px;margin:auto;padding:max(16px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:18px}header{display:flex;justify-content:space-between;align-items:center;min-height:44px;flex-shrink:0;gap:15px}.brand{font-size:20px;font-weight:850;letter-spacing:-.7px;display:flex;gap:10px;align-items:center;white-space:nowrap}.brand>svg{width:34px;height:34px;stroke:var(--accent);stroke-width:2.5;fill:none}.brand span{font-weight:400;color:#b7c7d6}.brand small{font-size:7px;letter-spacing:2.3px;font-weight:550;display:block;color:var(--muted);margin-top:5px}.stage-title{display:flex;gap:10px;align-items:center}.stage-title>span{font-size:28px}.stage-title small{display:block;font-size:8px;letter-spacing:2px;color:var(--world);margin-bottom:4px}.stage-title b{font-size:15px;font-weight:600}nav{display:flex;gap:7px}nav button{width:36px;height:36px;background:#192536;border:1px solid var(--border);border-radius:10px;display:grid;place-items:center;font-size:19px}nav svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.workspace{display:flex;flex:1;gap:20px;min-height:0}.board-panel{flex:1;min-width:0;display:flex;flex-direction:column;border:1px solid #41614c;border-color:color-mix(in srgb,var(--world) 30%,var(--border));border-radius:20px;background:linear-gradient(145deg,var(--worlddark),#111b28);box-shadow:0 18px 60px #0003;overflow:hidden}.board-top{display:flex;justify-content:space-between;color:var(--world);font-size:9px;letter-spacing:2px;margin:20px 22px 4px;flex-shrink:0}.board-top>span:last-child{color:#a9b9c3;font-size:8px}#canvas-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:4px 14px}canvas{display:block;width:100%;height:100%;touch-action:none}.legend{display:flex;align-items:center;justify-content:center;gap:20px;flex-shrink:0;padding:12px 5px;color:#b2c4cf;font-size:9px}.legend>span{display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;border-radius:3px;display:inline-block}.bonus{background:#98d893}.challenge{background:#a994ef}.danger{background:#e19b86}.portal{background:#86cde5}.sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;min-height:0;overflow:auto;scrollbar-width:thin}#players{display:grid;gap:6px;grid-template-columns:1fr 1fr}.player{border:1px solid var(--border);background:#14202b;border-radius:10px;padding:9px;min-width:0}.player.current{border-color:var(--player);background:color-mix(in srgb,var(--player) 10%,#14202b)}.player-title{display:flex;gap:5px;align-items:center;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-title b{display:grid;place-items:center;background:var(--player);color:#12202b;border-radius:50%;font-size:8px;width:17px;height:17px;flex-shrink:0}.player-position{font-size:8px;color:var(--muted);margin-top:6px}.player progress{width:100%;height:3px;display:block;accent-color:var(--player);margin:6px 0 0}.action-panel{background:#16212f;border:1px solid var(--border);border-radius:16px;padding:17px}.turn-heading small{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted)}.turn-heading strong{display:block;font-size:22px;margin-top:5px;letter-spacing:-.4px;overflow-wrap:anywhere}.dice-area{display:flex;align-items:center;gap:16px;margin:22px 0}#dice{width:65px;height:65px;flex-shrink:0;border-radius:15px;background:linear-gradient(145deg,#ffffff,#c9d5dd);box-shadow:0 5px 0 #7c929d,0 9px 17px #0005;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;padding:13px;transform:rotate(-6deg)}#dice i{border-radius:50%;background:#182536;visibility:hidden}#dice.rolling{animation:tumble .18s infinite alternate}@keyframes tumble{to{transform:translateY(-8px) rotate(15deg)}}#roll-label{font-size:12px;font-weight:600;display:block}#roll-detail{font-size:10px;line-height:1.5;color:var(--muted);display:block;margin-top:4px}.primary,.secondary{padding:12px 17px;border-radius:10px;min-height:44px;font-size:13px;font-weight:700}.primary{background:var(--accent);color:#17251b}.secondary{background:#273548;color:var(--text)}#roll{width:100%;display:flex;justify-content:space-between;align-items:center}.power-label{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:var(--muted);margin:18px 0 9px}.power-label b{color:#f3d88e;font-size:10px}.powers{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.powers button{background:#223040;border:1px solid #384657;border-radius:10px;padding:8px 3px;font-size:18px;color:#e3eccc}.powers span,.powers small{display:block;font-size:8px;margin-top:3px;color:var(--text)}.powers small{color:#d2be87;font-size:8px}.activity{padding:4px 3px;flex:1;min-height:40px}.activity>small{font-size:7px;letter-spacing:1.3px;color:var(--muted)}.activity p{font-size:11px;line-height:1.65;margin:8px 0;color:#bccbd7}footer{display:flex;justify-content:space-between;align-items:center;min-height:18px;color:var(--muted);font-size:8px;letter-spacing:.4px;flex-shrink:0}footer button{background:transparent;color:#c7d5de;font-size:10px}dialog{background:#14202e;color:var(--text);border:1px solid #3b4c5c;border-radius:22px;width:min(580px,94vw);padding:30px;max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 25px 90px #0009}dialog::backdrop{background:#060e18d9;backdrop-filter:blur(8px)}dialog h1,dialog h2{font-size:36px;line-height:1.1;letter-spacing:-1.4px;margin:15px 0}dialog p{font-size:12px;color:var(--muted);line-height:1.75}dialog .eyebrow{font-size:8px;font-weight:750;letter-spacing:2px;color:var(--accent)}dialog .primary,dialog .secondary{width:100%;margin-top:9px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.setup-grid label{font-size:10px;color:var(--muted)}select,input[type=text]{display:block;width:100%;background:#213145;color:var(--text);border:1px solid #415268;border-radius:8px;padding:10px;margin-top:6px;min-height:40px}input[type=checkbox]{accent-color:var(--accent)}.name-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.name-grid input{margin:0;font-size:12px}.option{display:flex;gap:8px;align-items:center;font-size:11px;color:#c0ccd6;margin:14px 0}.mini-features{display:flex;gap:20px;font-size:9px;color:var(--muted);margin:15px 0}.mini-features b{color:var(--accent)}.world-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:20px 0}.world-card{display:flex;align-items:center;gap:10px;background:#203044;border:1px solid #3d4c5d;padding:12px;text-align:left;border-radius:10px}.world-card>span{font-size:28px}.world-card b{font-size:11px;display:block}.world-card small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.world-card.selected{border-color:var(--accent)}.answers{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.answers button{border-radius:10px;border:1px solid #4f6073;background:#243549;padding:14px;text-align:left;font-size:13px}.answers button.correct{background:#3d6944}.answers button.wrong{background:#854c47}.question{font-size:22px!important;line-height:1.4!important;color:#f0f4f8!important;font-weight:600}.timer{display:flex;justify-content:space-between;font-size:10px;color:#b8c9d6}.timer progress{width:70%;accent-color:var(--accent)}.rules{font-size:12px;line-height:1.8;color:#b5c5d3;padding-left:20px}.results{display:flex;gap:12px;margin:20px 0}.result-box{flex:1;background:#233347;border-radius:10px;padding:15px;text-align:center}.result-box strong{display:block;font-size:25px;color:var(--accent)}.result-box small{font-size:9px;color:var(--muted)}#toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);max-width:85vw;width:max-content;border:1px solid #789366;background:#d5edc6;color:#24341f;padding:11px 18px;border-radius:12px;z-index:80;font-size:12px;pointer-events:none;opacity:0;transition:opacity .2s}#toast.show{opacity:1}#rotate{display:none}#pause-modal{width:min(450px,90vw)}
@media(max-height:600px){#app{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(5px,env(safe-area-inset-bottom));gap:8px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}header{min-height:34px}.brand{font-size:15px;gap:7px}.brand svg{width:26px;height:26px}.brand small{font-size:5px;letter-spacing:1.6px;margin-top:3px}.stage-title>span{font-size:22px}.stage-title b{font-size:12px}.stage-title small{font-size:7px}nav{gap:5px}nav button{width:30px;height:30px;border-radius:8px;font-size:16px}.workspace{gap:10px}.sidebar{width:200px;gap:7px}.board-panel{border-radius:13px}.board-top{margin:11px 14px 0;font-size:7px;letter-spacing:1px}.legend{gap:10px;font-size:7px;padding:6px 2px}#canvas-wrap{padding:2px 8px}.player{padding:5px 6px}.player-title{font-size:8px}.player-position{font-size:7px;margin-top:3px}.player progress{margin-top:3px}.action-panel{padding:10px;border-radius:12px}.turn-heading{display:flex;align-items:center;justify-content:space-between;gap:5px}.turn-heading small{font-size:6px;letter-spacing:.5px}.turn-heading strong{font-size:13px;margin:0;max-width:110px}.dice-area{margin:11px 0;gap:12px}#dice{width:43px;height:43px;padding:9px;gap:2px;border-radius:9px}#roll-label{font-size:10px}#roll-detail{font-size:8px;margin-top:2px}.primary,.secondary{min-height:34px;padding:8px 12px;font-size:11px}.power-label{margin:10px 0 5px;font-size:6px}.powers button{font-size:14px;padding:5px 1px;border-radius:7px}.powers span,.powers small{font-size:7px;margin-top:1px}.activity{min-height:24px;padding:0 3px}.activity>small{font-size:6px}.activity p{font-size:9px;margin:4px 0;line-height:1.4}footer{font-size:7px;min-height:12px}footer button{font-size:9px}dialog{padding:20px;max-width:600px}dialog h1,dialog h2{font-size:28px;margin:10px 0}.setup-grid{margin:12px 0}dialog p{font-size:11px}.question{font-size:19px!important}.answers{margin:12px 0}.answers button{padding:10px}.mini-features{margin:10px 0}}
@media(max-width:850px) and (orientation:landscape){.brand span{display:block;font-size:9px;letter-spacing:1px}.brand small{display:none}.stage-title b{font-size:11px}.sidebar{width:185px}.legend{gap:6px;font-size:6px}.stage-title{gap:6px}}@media(max-height:380px){.sidebar{width:180px}.activity{display:none}.player-position{font-size:6px}.player progress{display:none}.powers button{padding:3px}.power-label{margin:7px 0 4px}#players{gap:3px}.dice-area{margin:7px 0}footer{display:none}}@media(orientation:portrait){#rotate{position:fixed;inset:0;background:radial-gradient(ellipse at top,#284236,#0c1420 70%);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}#rotate .rotate-phone{font-size:90px;color:var(--accent)}#rotate h2{font-size:27px;letter-spacing:-1px}#rotate p{color:#b7c7d7;font-size:14px;line-height:1.8}#rotate small{font-size:10px;color:var(--muted);line-height:1.7;margin-top:20px}#rotate .primary{max-width:300px;width:100%}#app{visibility:hidden}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Edição infantil: cores claras, controles amplos e cantos arredondados. */
:root{--bg:#edf7f3;--surface:#fff;--border:#d5e4df;--muted:#58716e;--text:#294943;--accent:#ffd16a;color-scheme:light}body{background:radial-gradient(ellipse at 15% 0,#d5eee3,transparent 65%),#f3f8f2;font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif}.brand{color:#306a54}.brand span{color:#4a7868;font-weight:700}.brand>svg{stroke:#4b9972}.brand small{color:#6d897d}.stage-title small{color:#4e7667}nav button{background:#fff;color:#426759;width:42px;height:42px;border-radius:14px}.board-panel{background:#fff;border:3px solid #fff;box-shadow:0 12px 35px #396c4c18;border-radius:26px}.board-top{color:#356b53;font-weight:800;font-size:11px;margin-top:15px}.board-top>span:last-child{color:#638176}#canvas-wrap{padding:0;overflow:hidden}canvas{border-radius:18px}.legend{color:#536f62;font-size:10px}.sidebar{width:280px}.player{background:#fff;border-color:#dbe8e0;border-radius:16px;padding:12px}.player.current{background:#fff7df;border-color:#efc861;box-shadow:0 3px 0 #e2bd5825}.player-title{font-size:12px}.player-position{font-size:10px}.action-panel{background:#fff;border:1px solid #dce8e1;border-radius:22px;padding:20px;box-shadow:0 8px 20px #234d3210}.turn-heading small{font-size:9px}.turn-heading strong{color:#335848}.primary{background:#ffd16a;color:#593f15;border-bottom:4px solid #e6b34e;border-radius:14px;font-size:14px;min-height:48px}.secondary{background:#edf3ed;color:#365b4c;border:1px solid #d2e2d4;border-radius:14px}#roll-label{font-size:14px}#roll-detail{font-size:12px}.power-label{font-size:9px}.power-label b{color:#95641f;font-size:14px}.powers button{background:#f3f7ed;border-color:#dce7ce;border-radius:14px;color:#4c755c;padding:12px 3px}.powers span,.powers small{font-size:10px}.powers small{color:#8a682f}.activity>small{font-size:9px}.activity p{font-size:13px;color:#4e6b5b}.activity{background:#e5f0e5;border-radius:16px;padding:14px;margin-top:3px}footer{font-size:9px}footer button{color:#466b59;font-size:12px}dialog{background:#fffdf6;border:3px solid #fff;border-radius:28px;color:#294943;box-shadow:0 25px 90px #28452f55}dialog::backdrop{background:#274d4c88;backdrop-filter:blur(7px)}dialog h1,dialog h2{color:#315e4d;letter-spacing:-1px}dialog .eyebrow{color:#588663;font-size:10px}dialog p{font-size:14px}.option{color:#4b6557;font-size:13px}.mini-features{font-size:12px}.mini-features b{color:#ad721c}select,input[type=text]{background:#f1f6ed;border:1px solid #cbdcc8;color:#315441;border-radius:12px}.setup-grid label{font-size:12px}.world-card{background:#edf5e9;border-color:#d3e4c8}.world-card.selected{border-color:#d9a845}.world-card b{font-size:12px}.question{color:#315441!important}.answers button{background:#f0f5e9;border:2px solid #d2e0c7;color:#375142;min-height:54px;border-radius:16px;font-size:15px}.answers button.correct{background:#c9efbd;border-color:#70b454;opacity:1}.answers button.wrong{background:#ffe2d2;border-color:#e3a987;opacity:1}.timer,.rules{color:#58715e}.rules{font-size:13px}.result-box{background:#edf5e8}.result-box strong{color:#b58327}#toast{background:#fff4c9;border:2px solid #edca68;color:#665024;font-size:14px;border-radius:18px}#sound[aria-pressed=true]{background:#e6f1d8;color:#396447!important}#sound[aria-pressed=false]{text-decoration:line-through}#rotate{color:#fff}#rotate h2{color:#fff}
@media(max-height:600px){nav button{width:34px;height:34px}.sidebar{width:210px}.action-panel{padding:10px}.player{padding:6px}.player-title{font-size:10px}.player-position{font-size:8px}.primary{min-height:38px;font-size:12px}.powers button{padding:6px 2px}.powers span,.powers small{font-size:8px}.activity{padding:8px}.activity p{font-size:10px}#roll-label{font-size:11px}#roll-detail{font-size:9px}.legend{font-size:8px}.board-top{font-size:9px;margin-top:9px}.power-label{font-size:7px}dialog p{font-size:12px}}
.obstacle-scene{--solved:0;position:relative;min-height:185px;background:linear-gradient(#daf0f2,#b7dda9);border:3px solid #e1e9d1;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px}.obstacle-art{font-size:48px}.prison .obstacle-art{padding:0 28px;background:repeating-linear-gradient(90deg,transparent 0 19px,#5c789a 20px 26px);border-top:7px solid #5c789a;border-bottom:7px solid #5c789a;border-radius:9px}.prison.complete .obstacle-art{background:transparent;border-color:#a8d886}.hole{background:radial-gradient(ellipse at center,#294c67 0 38%,#a5cf91 40%)}.hole.complete{background:repeating-linear-gradient(90deg,#b8d396 0 20px,#cca065 22px 52px,#9f784b 54px 58px)}.oil{background:#c2cacc}.obstacle-items{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;z-index:1}.obstacle-items button{position:relative;min-width:60px;min-height:60px;border:2px solid #d3b873;border-bottom-width:5px;background:#fff7da;border-radius:18px;font-size:30px;transition:transform .2s,opacity .2s}.obstacle-items b{position:absolute;right:-6px;top:-8px;background:#47745d;color:white;border-radius:50%;width:26px;height:26px;font-size:17px}.oil .obstacle-items button{background:#374651;color:#2c3344;border-color:#6a7381;border-radius:48% 60% 42% 65%;transform:rotate(-12deg)}.obstacle-items button.solved{opacity:.25;transform:scale(.7);border-color:#63b066}.oil .obstacle-items button.solved{opacity:0}.obstacle-scene.complete{border-color:#8bc563}.wiggle{animation:wiggle .3s}@keyframes wiggle{25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}#obstacle-progress{width:100%;height:12px;accent-color:#70af6c}#obstacle-feedback{min-height:24px;font-weight:bold;color:#507353}
.discovery{background:#fff3cd;border:1px solid #ebd8a2;border-radius:16px;padding:12px;color:#81622e;font-size:12px;font-weight:bold;flex-shrink:0}.discovery b{float:right}.discovery small{display:block;font-size:10px;font-weight:normal;line-height:1.4;margin-top:6px}@media(max-height:600px){.discovery{padding:7px;font-size:10px}.discovery small{font-size:8px;margin-top:3px}}
/* Expedition 2: responsive controls and picture-first play. */
.mission{background:#dcefdc;color:#355b42;padding:9px 12px;border-radius:13px;font-size:12px;font-weight:800;text-align:center}.portrait-help{display:none}.explorer-config{padding:10px;background:#edf4e8;border-radius:14px}.explorer-config label{font-size:12px;font-weight:bold}.explorer-config select{font-size:12px}.visual-sample{text-align:center;font-size:clamp(28px,7vw,52px);padding:18px 8px;background:#e4f1df;border:2px dashed #91b383;border-radius:20px;letter-spacing:5px}.visual-answers{display:flex;gap:12px;margin:18px 0}.visual-answers button{flex:1;min-width:0;min-height:90px;background:#fff3d0;border:3px solid #e3ce91;border-bottom-width:6px;border-radius:20px;font-size:clamp(22px,4vw,40px);overflow-wrap:anywhere}.visual-answers small{display:block;font-size:15px;color:#60481d;margin-top:6px}.visual-answers .correct{background:#d3efba;border-color:#75a650}.visual-answers .wrong{border-color:#cf965d}.obstacle-items b{width:auto;min-width:26px;padding:0 4px;font-size:12px}.player-title b{width:24px;height:24px;font-size:15px}.name-grid{align-items:start}#canvas-wrap{min-width:0}nav button{min-width:40px;min-height:40px}.board-panel{background:linear-gradient(150deg,#f9fff5,#dfeddc)}.activity{flex:initial}.sidebar{gap:8px}.dice-area{margin:15px 0}.action-panel{padding:14px}.powers button{min-height:50px}.discovery{padding:9px}.brand small{letter-spacing:1.5px}dialog button{min-height:44px}dialog{overscroll-behavior:contain}.answers button{font-size:17px}.setup-grid{margin:12px 0}.option{margin:10px 0}
@media(min-height:601px){#app{gap:12px}.activity p{margin:3px 0}.legend{padding:8px}.power-label{margin-top:12px}.turn-heading strong{font-size:20px}}
@media(orientation:landscape) and (max-height:600px){#app{gap:5px;padding:5px max(8px,env(safe-area-inset-right)) 4px max(8px,env(safe-area-inset-left))}.workspace{gap:8px}.sidebar{width:200px;gap:5px}.action-panel{padding:8px}.dice-area{margin:8px 0}.primary{min-height:44px}.powers button{min-height:44px;padding:4px 1px}.power-label{margin:6px 0 4px}.mission{font-size:10px;padding:6px}.discovery{padding:6px}.discovery small{display:none}.activity{display:none}.player-title b{width:18px;height:18px;font-size:11px}.player{padding:5px}.board-top{margin:6px 10px 0}.legend{padding:4px;gap:8px}footer{display:none}.visual-answers{margin:10px 0}.visual-answers button{min-height:64px}.visual-sample{padding:9px}.obstacle-scene{min-height:130px;padding:12px;gap:10px}.obstacle-art{font-size:30px}dialog{padding:16px;max-height:calc(100dvh - 12px)}dialog h1,dialog h2{font-size:25px}.stage-title small{letter-spacing:.5px}nav{gap:4px}}
@media(orientation:landscape) and (max-width:740px){.brand{font-size:12px}.brand svg,.stage-title>span{display:none}.brand span{font-size:8px}.stage-title b{font-size:10px}.stage-title{gap:0}header{gap:4px}nav button{min-width:38px;width:38px;min-height:40px}.sidebar{width:182px}.legend{font-size:7px}.board-top{letter-spacing:0}.turn-heading small{display:none}.turn-heading strong{max-width:100%;font-size:12px}.player-title{font-size:9px}}
@media(orientation:portrait){dialog .portrait-help{display:block}#modal-content>:not(.portrait-help),#pause-modal>:not(.portrait-help){display:none}dialog{width:92vw;text-align:center}dialog h2{font-size:25px}.portrait-help p{font-size:15px}}
#offline-status{color:#3e7154;font-size:9px;letter-spacing:0;text-align:center}.board-top{gap:8px;align-items:center;flex-wrap:wrap}@media(max-height:500px){#world-tag{display:none}#offline-status{font-size:8px}.board-top{margin-top:3px}}
.piece-model{text-align:center;font-size:22px;color:#386e50;background:#e3efdc;border-radius:12px;padding:8px;margin-bottom:10px}.visual-answers button:focus-visible{outline:3px solid #3b7952;outline-offset:3px}