/* The living island: warm clay, rounded toys, quiet ocean colours. */
:root{--ink:#264c59;--muted:#637d7e;--teal:#427f7b;--cream:#faf8ef;--peach:#f1bc8e;--line:#dbe4dc;color:var(--ink);background:#edf2ed}
body,.app-shell{background:#edf2ed}.app-shell{min-height:100vh}.topbar{height:82px;background:#fcfbf5;color:var(--ink);border-bottom:1px solid #d7e3da;padding:0 32px;position:relative;z-index:8}.brand{color:var(--ink);font-size:23px}.brand small{color:#77917f;font-weight:700;letter-spacing:.13em;font-size:12px;margin-top:6px}.brand-mark{background:linear-gradient(145deg,#f7db9a,#edb97a);color:#6d7351;border:3px solid #fff8df;box-shadow:0 4px 0 #c89a66,0 7px 12px #d4b99544;transform:rotate(-7deg);border-radius:16px}.pilot-tag{color:#809486;font-size:10px;letter-spacing:.14em}.soft-button{background:#f2f4ec;color:#4e716b;border:1px solid #d9e3d5;border-radius:12px;padding:10px 14px;font-size:12px;box-shadow:0 3px 0 #dbe3d6}.soft-button:hover{background:#e7efe5}.main-grid{grid-template-columns:252px minmax(0,1fr);max-width:1720px;min-height:calc(100vh - 82px)}.sidebar{background:#faf9f1;box-shadow:none;border-right:1px solid #dbe5db;padding:30px 17px 20px;position:relative;z-index:6}.workspace{background:radial-gradient(ellipse at 70% 6%,#eff6ec,#e8f1eb 72%);padding:21px clamp(22px,3vw,50px) 42px;min-width:0}.eyebrow,.eyebrow.light,.section-label{color:#668476;font-size:10px;letter-spacing:.19em}.profile-row{margin:20px 0 24px}.profile-row strong{color:#315a5a;font-size:14px}.profile-row span{color:#70887e;font-size:11px}.avatar{background:radial-gradient(circle at 32% 22%,#f2f5d1,#b7d3bc 82%);border:3px solid #fffef1;box-shadow:0 5px 0 #91b7a4,0 7px 13px #71998522;width:51px;height:54px}.progress-card{background:#eff3e8;border:1px solid #d8e0cc;box-shadow:0 4px 0 #e1e5d5;border-radius:16px;padding:14px;margin-bottom:26px}.progress-head{font-size:12px;color:#5c7762}.progress-head strong{color:#5b816b}.progress-track{height:7px;background:#dbe4d0}.progress-track div{background:linear-gradient(90deg,#79ac8e,#d0c683)}.progress-card small{font-size:10px;line-height:1.6;display:block;color:#71836d}.section-label{margin-left:9px}.day-list{gap:5px;margin-bottom:22px}.day-item{padding:10px 8px;border:1px solid transparent;gap:10px;border-radius:13px}.day-item.current{background:#e8eee1;border-color:#dce4d2;color:#355f56;box-shadow:0 3px 0 #dae1cf}.day-item.current .day-number{background:linear-gradient(145deg,#81b39a,#599080);color:#fffbe5;box-shadow:0 3px 0 #457267}.day-number{width:30px;height:32px;background:#eeeee2;color:#819080;font-size:12px;border:1px solid #dfe4d6}.day-item strong{font-size:11px;line-height:1.35}.day-item small{font-size:9px;line-height:1.4;display:block;margin-top:4px}.day-item:disabled{opacity:.6}.day-item:not(:disabled):hover{background:#eaf0df}.sidebar-foot{border:1px solid #e0e7d5;background:#eff3e5;box-shadow:0 3px 0 #dfe5d3;padding:12px}.pet-link{background:#f4e9dc;border-color:#eadac8;box-shadow:0 3px 0 #e5d6c2;margin-top:auto}.sidebar-foot strong{font-size:11px}.sidebar-foot small{font-size:10px}.pet-link:hover{background:#efe1cf}.reward-link:hover{background:#e4edda}.reward-link>span:first-child{filter:drop-shadow(1px 3px 1px #837d6030)}
.island-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #d7e3d7;padding-bottom:17px;margin-bottom:25px}.nav-buttons{display:flex;gap:8px}.nav-tab{border:1px solid transparent;background:transparent;border-radius:12px;color:#688375;padding:9px 13px;font-size:12px;font-weight:900;display:flex;align-items:center;gap:7px}.nav-tab:hover{background:#dfeadb}.nav-tab.active{background:#fffdf3;color:#477b6b;border-color:#d8e1cf;box-shadow:0 3px 0 #d4dfca}.nav-tab small{background:#e2e9d6;border-radius:7px;padding:2px 5px;font-size:9px;font-weight:800}.materials-badge{display:flex;gap:6px;align-items:center;background:#f6ecd4;color:#7a704d;border:1px solid #e6dcba;padding:8px 12px;border-radius:11px;box-shadow:0 3px 0 #e2d7b6;white-space:nowrap;font-size:10px}.materials-badge>span:first-child{font-size:20px;color:#b58c55;text-shadow:0 2px #fff5cf}.materials-badge strong{font-size:16px}.welcome-line{color:var(--ink);margin-bottom:19px;align-items:center}.welcome-line h1{font-size:clamp(29px,3vw,43px);line-height:1.08;color:#305d58;font-weight:700;letter-spacing:-.02em;margin:8px 0}.welcome-line p{color:#70847b;font-size:13px;line-height:1.55;max-width:680px}.mission-chip{color:#6f7c57;background:#f4edcb;border:1px solid #e0d7b3;font-size:11px;padding:9px 14px;box-shadow:0 3px 0 #ddd4b0}.mission-chip:first-letter{color:#b28c4f}.map-card{height:clamp(430px,44vw,610px);border:5px solid #faf8e9;border-radius:24px;transform:none;box-shadow:0 8px 0 #c8d8c9,0 18px 35px #5a8c7b25;background:#abd7d2;isolation:isolate}.map-card::before{box-shadow:inset 0 1px 2px #fff7;border-radius:20px;z-index:3}.map-card::after{display:none}.world-canvas{position:absolute;inset:0;z-index:2;display:none}.world-canvas canvas{width:100%;height:100%;display:block;touch-action:pan-y}.world-ready .world-canvas{display:block}.world-ready #mapBase,.world-ready #mapReveals,.world-ready .map-life,.world-ready .pin-castle,.world-ready #buildingPin,.world-ready #creativePin{display:none!important}.world-label{position:absolute;z-index:4;top:16px;left:17px;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800;background:#fbfff1bd;border:1px solid #ffffff91;border-radius:10px;padding:7px 10px;color:#58786b;backdrop-filter:blur(8px)}.live-dot{width:6px;height:6px;background:#6f9f74;border-radius:50%;box-shadow:0 0 0 3px #8fb68e26}.camera-tools{position:absolute;right:14px;top:14px;z-index:5;display:flex;gap:3px;background:#fbfff0c4;border:1px solid #ffffff9c;border-radius:11px;padding:4px;backdrop-filter:blur(8px)}.camera-tools button{border:0;background:transparent;border-radius:7px;color:#477a6a;font-weight:900;width:27px;height:28px;min-width:0;font-size:18px;line-height:1}.camera-tools button:hover{background:#d7e7d3}.camera-tools>span{width:1px;background:#c6d6bf;margin:4px}.map-card .map-pin{background:#fff7db;color:#56755f;text-shadow:none;box-shadow:0 4px 0 #d6c49b,0 5px 18px #1e635a38;border:2px solid #fffdf1;border-radius:14px;min-width:79px;padding:9px;transform:translate(-50%,-50%);animation:marker-hover 4s ease-in-out infinite;z-index:4}.map-pin span{font-size:22px}.map-pin strong{font-size:8px;letter-spacing:.1em}.map-pin:hover{background:#fffef0}.map-card .map-caption{left:18px;bottom:14px;background:#fcfff0df;color:#547369;border:1px solid #fffce9;border-radius:10px;padding:7px 11px;font-size:10px;font-weight:800;max-width:70%;box-shadow:0 3px 12px #42766610}.build-site{width:99px;min-height:86px;background:#f9edc9e8;border:2px dashed #bc9860;color:#79633d;box-shadow:0 0 0 7px #ffedb978,0 4px 0 #bfa579;backdrop-filter:blur(8px);animation:gentle-build 2s ease-in-out infinite}.build-site .build-drawing{width:53px;height:54px}.build-drawing path{stroke:#b38a4e;stroke-width:5}.build-site strong{font-size:9px}.build-site .guide-cursor{font-size:30px;filter:drop-shadow(0 2px 1px #b89566)}.build-site:disabled{cursor:progress;opacity:.85}.mission-row{background:#fffdf2;border:1px solid #e1e4cf;color:var(--ink);border-radius:17px;padding:15px 19px;box-shadow:0 4px 0 #d9e2d0;margin-top:22px;display:flex;gap:12px;align-items:center;justify-content:space-between}.mission-icon{background:#f4e7c8;border-radius:13px;width:44px;height:46px;display:grid;place-items:center;box-shadow:inset 0 2px #fff9,0 3px #e0cfa8;font-size:24px}.mission-intro{gap:13px}.mission-intro strong{font-size:13px}.mission-intro small{font-size:10px;color:#7d8c79;margin-top:5px}.primary-button{border:1px solid #e0ad7e;background:linear-gradient(180deg,#f6c994,#efb580);color:#765d3c;font-weight:900;border-radius:12px;box-shadow:0 5px 0 #c39161,0 8px 13px #bb996521;text-shadow:0 1px #fff6;font-size:13px;padding:13px 19px;transition:transform .15s,box-shadow .15s}.primary-button:hover{background:linear-gradient(180deg,#fbd6a8,#f3c28d);transform:translateY(-1px)}.primary-button:active{transform:translateY(4px);box-shadow:0 1px #c39161}.primary-button:disabled{box-shadow:0 3px #cbb693;opacity:.6}.island-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:19px 1px 0;color:#7a8f80}.island-bottom p{font-size:10px;margin:0}.island-bottom p span{font-size:20px;color:#bdaf73;margin-right:4px}.quiet-button{background:#f3f5e9;border:1px solid #d9e2ce;color:#69806b;border-radius:10px;padding:9px 12px;font-weight:800;font-size:11px;box-shadow:0 2px #d9e2ce}.quiet-button:hover{background:#e7efdc}.quiet-button:disabled{opacity:.5;cursor:default}.art-icon{width:100%;height:100%;display:block;filter:drop-shadow(0 4px 3px #6c82621a)}.building-info{position:absolute;bottom:52px;right:17px;z-index:7;width:260px;max-width:75%;background:#fffdf1ef;border:2px solid #fff9dc;border-radius:16px;padding:15px 15px 12px;box-shadow:0 6px 0 #c0d3b8,0 12px 24px #43756225;backdrop-filter:blur(10px)}.building-info>strong{font-size:17px;font-family:'Baloo 2',sans-serif;display:block;padding-right:20px}.building-info p{font-size:11px;line-height:1.5;margin:6px 0 12px;color:#718271}.building-info>div{display:flex;gap:6px;flex-wrap:wrap}.building-info>div button{border:1px solid #d0dcbf;background:#e8efdb;color:#607651;border-radius:8px;padding:7px;font-size:10px;font-weight:900}.building-info button:disabled{opacity:.5}.info-close{position:absolute;top:7px;right:8px;border:0;background:transparent;font-size:21px;color:#7b8c74}
.construction-panel{scroll-margin-top:25px;margin-top:30px;padding:25px;background:#f9f8ed;border:1px solid #dee3d1;border-radius:22px;box-shadow:0 6px #d2ddc9}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-heading h2{font:700 30px/1.15 'Baloo 2',sans-serif;margin:7px 0;color:#436b5c}.panel-heading p{font-size:12px;color:#7b8c77;margin:0}.panel-heading>div:last-child{display:flex;gap:12px;align-items:center;font-size:10px;color:#728569;white-space:nowrap}.town-message{font-size:12px;color:#6f805d;font-weight:800;min-height:24px;margin-top:14px}.building-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.building-card{min-width:0;background:#fffdf5;border:1px solid #e1e3d3;border-radius:15px;padding:15px 12px;box-shadow:0 4px 0 #e2e4d3;display:flex;flex-direction:column;align-items:flex-start}.building-card.is-built{background:#edf3e4}.building-card.is-selected{outline:3px solid #d6b875;outline-offset:2px}.building-picture{height:78px;align-self:center;width:88px;margin:1px auto 13px}.building-tag{font-size:8px;color:#8a9378;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.building-card h3{font:700 17px/1.15 'Baloo 2',sans-serif;margin:7px 0}.building-card p{font-size:10px;line-height:1.55;color:#7b8975;flex:1}.build-action{font-size:9px;font-weight:900;border:1px solid #d9d9ba;background:#f4eccf;color:#7c754c;border-radius:8px;padding:9px 6px;width:100%;box-shadow:0 3px #dfd5ae}.build-action:disabled{background:#efefe6;color:#939b88;box-shadow:0 2px #e1e3d4;cursor:default}.build-action:not(:disabled):hover{background:#f4dfad}
.arcade-heading{padding:12px 0 25px;position:relative}.arcade-heading h1{font:700 clamp(38px,4.2vw,60px)/1.03 'Baloo 2',sans-serif;letter-spacing:-.03em;color:#3b6b5c;margin:12px 0 14px}.arcade-heading p{font-size:13px;max-width:500px;line-height:1.6;color:#7a8b7c}.arcade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.arcade-card{position:relative;overflow:hidden;text-align:left;display:flex;flex-direction:column;background:#fffcf1;border:1px solid #e2e4cf;border-radius:22px;padding:20px 20px 18px;box-shadow:0 6px 0 #d2dfca,0 12px 19px #698b6710;color:var(--ink);transition:transform .2s,box-shadow .2s}.arcade-card:hover{transform:translateY(-5px);box-shadow:0 9px 0 #c7d7bd,0 17px 24px #698b6720}.arcade-art{height:121px;width:100%;display:grid;place-items:center;background:radial-gradient(ellipse at center,#f5eccc,#f5f1de77 60%,transparent 61%);border-radius:18px;margin-bottom:18px}.arcade-art svg{width:115px;height:115px;transition:transform .3s}.arcade-card:hover svg{transform:rotate(-4deg) scale(1.08)}.game-maze .arcade-art,.game-sort .arcade-art{background:radial-gradient(ellipse at center,#dcead1,#eaf0dc 60%,transparent 61%)}.game-code .arcade-art{background:radial-gradient(ellipse at center,#e4dced,#f0e9ed 60%,transparent 61%)}.game-collect .arcade-art{background:radial-gradient(ellipse at center,#d9ece7,#e6f0e9 60%,transparent 61%)}.card-tag{font-size:8px;font-weight:900;letter-spacing:.15em;color:#8b9373}.arcade-card h3{font:700 23px/1.15 'Baloo 2',sans-serif;margin:8px 0}.arcade-card p{font-size:11px;line-height:1.65;color:#7f8e79;margin-bottom:18px;flex:1}.play-link{font-size:10px;color:#6b8568;font-weight:900;display:flex;justify-content:space-between;border-top:1px solid #e4e8d8;padding-top:12px;width:100%}.play-link b{font-size:19px;line-height:1}.arcade-reward-note{font-size:10px;color:#7e907c;max-width:600px;line-height:1.6;margin-top:23px}.arena-top{display:flex;justify-content:space-between;align-items:center}.back-button{color:#66816e;background:transparent;border-color:transparent;font-size:12px}.arena-heading{display:flex;align-items:center;gap:20px;margin:25px 0}.arena-heading>div:first-child{width:90px;height:90px;flex:none}.arena-heading h1{font:700 37px/1.1 'Baloo 2',sans-serif;margin:9px 0;color:#436c5e}.arena-heading p{font-size:12px;color:#738673;max-width:580px;line-height:1.5;margin-bottom:0}.arcade-play-card{background:#fffdf2;border:2px solid #e6e8d3;border-radius:23px;padding:28px;box-shadow:0 7px #d1dfc6}.mini-status{text-align:center;color:#6b8468;font-weight:800;font-size:12px;line-height:1.5;min-height:32px;margin:0 0 16px}.mini-game{max-width:780px;margin:auto}.memory-board{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:14px;max-width:560px;margin:0 auto 16px;perspective:1200px}.memory-tile{height:115px;position:relative;padding:0;border:0;background:transparent;perspective:800px;min-width:0}.tile-turn{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s}.flipped .tile-turn{transform:rotateY(180deg)}.tile-back,.tile-front{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:17px;border:2px solid #fdf7d4;backface-visibility:hidden;box-shadow:0 6px 0 #bd9c6f,0 8px 12px #8f956b16}.tile-back{background:radial-gradient(circle at 25% 20%,#f6d89a,#dcb681);color:#fff0be;font-size:46px;text-shadow:0 2px #ba9360}.tile-back::before{content:'';position:absolute;inset:10px;border:1px dashed #fff0bb;border-radius:10px}.tile-front{background:#f4f2dc;transform:rotateY(180deg);box-shadow:0 6px 0 #b4c4a4;border-color:#fffcef}.tile-front svg{width:80px;height:80px}.matched .tile-front{background:#e5eed8;border-color:#a9bf95;box-shadow:0 3px #b4c4a4}.memory-tile:disabled{opacity:.85;cursor:default}.maze-board{display:grid;grid-template-columns:repeat(var(--maze-size),1fr);width:min(100%,420px);aspect-ratio:1;margin:0 auto 20px;background:#dcd3aa;border:8px solid #b9c7a0;border-radius:16px;padding:4px;gap:2px;box-shadow:0 8px 0 #8eaa83,0 14px 22px #71906420;transform:perspective(1200px) rotateX(7deg)}.maze-cell{padding:0;border:0;min-width:0;min-height:0;position:relative;border-radius:4px;background:#f1e5bc;color:#58876a;display:grid;place-items:center}.maze-wall{background:linear-gradient(145deg,#8cb37e,#65916c);box-shadow:0 4px 0 #4b7857;border:1px solid #9abd88;z-index:1}.maze-wall span{width:70%;height:65%;background:radial-gradient(ellipse at 35% 20%,#b9d08b,#7fa46f);border-radius:45%;box-shadow:0 2px 0 #648a61}.maze-path:hover{background:#fff0bd}.maze-cell svg{width:90%;height:90%;position:absolute;inset:5%;z-index:2}.pet-pawn{width:80%;height:80%;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff4bb,#e5bf7f);box-shadow:0 3px 0 #bc9663,0 4px 6px #6e8d7340;font-size:clamp(14px,2vw,22px);position:relative;z-index:3}.mini-variant .maze-board{background:#e8d4c7;border-color:#c7b7a4}.mini-variant .maze-wall{background:linear-gradient(145deg,#9ba9c3,#8099ad);border-color:#b8c6cf;box-shadow:0 4px #6a8594}.mini-variant .maze-wall span{background:radial-gradient(ellipse at 35% 20%,#c3cfb1,#92ac92)}.direction-pad{display:flex;gap:8px;justify-content:center;margin:17px 0 7px}.direction-key{width:49px;height:47px;border:2px solid #e2e4c9;background:linear-gradient(#fff9de,#eee3ba);color:#6b7956;border-radius:12px;font-size:26px;font-weight:900;box-shadow:0 5px #bdc5a5}.direction-key:active{transform:translateY(4px);box-shadow:0 1px #bdc5a5}.sorting-scene{padding:15px;background:#e9efdf;border:1px solid #d9e2c8;border-radius:17px}.sorting-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:570px;margin:auto}.drop-slot{padding:8px;height:100px;min-width:0;border:2px dashed #bac7aa;border-radius:14px;background:#f7f6e8;display:grid;place-items:center}.drop-slot svg{max-width:80px;opacity:.18;filter:grayscale(1)}.drop-slot.filled{background:#eff2d9;border:2px solid #bfd0a2;box-shadow:inset 0 3px 6px #7a92661a}.drop-slot.filled svg{opacity:1;filter:none}.piece-bank{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:21px auto 4px}.move-piece{width:83px;height:86px;border:2px solid #fff5da;background:linear-gradient(145deg,#faf2d5,#e6dbb3);box-shadow:0 5px #c8bd92;border-radius:14px;padding:5px;cursor:grab;transition:transform .2s}.move-piece:hover{transform:translateY(-4px)}.move-piece.selected{outline:3px solid #8eaf86;transform:translateY(-6px);background:#f5e2aa}.move-piece:disabled{visibility:hidden}.bridge-scene{height:235px;position:relative;border-radius:17px;overflow:hidden;background:linear-gradient(90deg,#bacb99 0 23%,#87c5c3 24% 76%,#bacb99 77%);border:2px solid #c9dab7;perspective:800px}.bridge-river{position:absolute;inset:0 24%;overflow:hidden}.bridge-river span{position:absolute;left:10%;top:20%;width:80%;height:3px;background:#cde7d2;border-radius:100%;animation:river-glint 6s linear infinite}.bridge-river span:nth-child(2){top:60%;animation-delay:-2s;width:40%}.bridge-river span:nth-child(3){top:80%;animation-delay:-4s;width:60%}.bridge-slots{position:absolute;left:5%;right:5%;top:70px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;transform:rotateX(20deg)}.bridge-slots .drop-slot{height:87px;padding:0;border-color:#eef1c0;background:#f7f1ca5c;border-radius:5px}.bridge-slots .drop-slot>.bridge-piece{opacity:.2}.bridge-slots .drop-slot.filled>.bridge-piece{opacity:1}.bridge-piece{display:grid;place-items:center;width:100%;height:60px;position:relative;background:repeating-linear-gradient(90deg,#d3a66f 0 12px,#b78955 13px 15px);border:3px solid #eac48c;border-radius:4px;box-shadow:0 7px 0 #9d7449;transform:skewY(-3deg)}.bridge-piece b{color:#fff3cd;font-size:20px;text-shadow:0 2px #9a7548}.bridge-complete .bridge-slots:after{content:'Most je spreman!';position:absolute;top:105px;left:0;right:0;text-align:center;font-size:13px;color:#4c7661;font-weight:900}.sailing-field{height:310px;position:relative;border-radius:20px;overflow:hidden;background:repeating-linear-gradient(170deg,transparent 0 39px,#c8e7d43b 40px 42px,transparent 43px 87px),linear-gradient(#add8d0,#76b6bc);border:3px solid #d3e7cd;box-shadow:0 7px #a2c3b5;cursor:crosshair}.sailing-field:before,.sailing-field:after{content:'';position:absolute;width:130px;height:90px;left:-20px;top:-20px;background:#bfd09e;border-radius:50%;box-shadow:0 8px #edddb1}.sailing-field:after{left:auto;top:auto;right:-30px;bottom:-30px;width:170px}.sailing-boat{position:absolute;left:50%;top:78%;width:90px;height:90px;transform:translate(-50%,-50%);pointer-events:none;z-index:3;transition:left .12s linear,top .12s linear}.sea-star{position:absolute;width:48px;height:48px;transform:translate(-50%,-50%);border:0;background:transparent;padding:0;animation:star-bob 3s ease-in-out infinite;z-index:2}.sea-star:nth-child(odd){animation-delay:-1.5s}.sea-star svg{filter:drop-shadow(0 4px 0 #4f999c66)}.robot-board{display:grid;grid-template-columns:repeat(var(--maze-size),1fr);width:min(100%,360px);aspect-ratio:1;margin:0 auto 24px;gap:5px;background:#d5dfc3;padding:9px;border:4px solid #b2c1a4;border-radius:16px;box-shadow:0 8px #8ba88a;transform:perspective(1000px) rotateX(6deg)}.robot-cell{display:grid;place-items:center;position:relative;background:linear-gradient(135deg,#faf2d9,#e9d9b5);border-radius:5px;box-shadow:0 3px #cbbf9d;min-width:0;min-height:0}.robot-cell svg{position:absolute;inset:0;width:100%;height:100%}.robot-rock{background:linear-gradient(135deg,#b3c2b7,#8da49b);box-shadow:0 4px #748a82;color:#cad9bd;font-size:32px}.command-queue{min-height:47px;padding:12px;background:#eef0de;border:1px dashed #cbd4b5;border-radius:12px;text-align:center;font-size:18px;letter-spacing:4px;color:#76825f;margin:0 auto 15px;max-width:570px;overflow-wrap:anywhere}.robot-commands,.robot-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:12px 0}.robot-actions{margin-top:20px;align-items:center}.arcade-win{margin:25px -8px 0;padding:22px;border-radius:17px;text-align:center;background:#e9f1d9;border:2px solid #d0ddb8}.arcade-win>span{color:#baac66;font-size:32px}.arcade-win h2{font:700 29px 'Baloo 2',sans-serif;margin:0 0 7px;color:#5c7e5c}.arcade-win p{font-size:12px;color:#77886c}.arcade-win>div{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.game-heading{color:var(--ink);margin-top:22px}.game-heading h1{font-size:39px;line-height:1.1;color:#436e60}.game-heading p{color:#788a79;font-size:13px;line-height:1.6}.game-top{color:#68846f}.game-day{background:#ebedd7;color:#7a8058;border-color:#dae0c3;font-size:10px}.scene-progress{color:#748a73;font-size:11px}.scene-track{height:7px;background:#d4e0c9}.scene-track div{background:#94b292}.play-card{background:#fffdf1;border:2px solid #e4e6cf;box-shadow:0 8px #c9d9c0;border-radius:24px;overflow:hidden}.play-sky{background:linear-gradient(115deg,#edf2df,#f9f3dd);padding:23px 28px;border-bottom:1px solid #e4e7d1}.play-illustration{width:86px;height:90px;font-size:60px;flex:none}.speech-bubble{background:#fffdf3;border:1px solid #e0e5ce;border-radius:16px;color:#5e785f;box-shadow:0 4px #dce3c9;font-size:16px;line-height:1.45;padding:17px 16px;max-width:630px}.speech-bubble:before,.speech-bubble:after{display:none}.speech-bubble button{background:#ecf1db;color:#78916a;border-color:#d4dfbf;flex:none}.interaction{padding:28px 22px}.choice-grid{gap:20px}.task-choice{position:relative;display:flex;align-items:center;justify-content:center;min-width:140px;min-height:125px;background:linear-gradient(145deg,#fff8df,#eee5c6);border:3px solid #fff9e8;color:#687b58;box-shadow:0 8px #bcccab,0 12px 15px #78916316;border-radius:20px;transition:transform .15s,box-shadow .15s;font-size:21px}.task-choice:hover{background:linear-gradient(145deg,#fffbe9,#f1e7c4);transform:translateY(-4px)}.task-choice:active{transform:translateY(5px);box-shadow:0 3px #bcccab}.task-choice>.art-icon{width:90px;height:90px}.toy-number{position:absolute;bottom:8px;right:13px;font-size:24px;color:#617862;text-shadow:0 1px #fff5cf}.toy-shape{width:65px;height:65px;display:block;position:relative;filter:drop-shadow(0 9px 4px #7c967a35)}.toy-ball{background:radial-gradient(circle at 30% 23%,#fff9,var(--toy-color) 45%,#315968bb 140%);background-color:var(--toy-color);border-radius:50%;box-shadow:inset -5px -8px 8px #50737525,inset 3px 5px 5px #fff4}.toy-square{background:linear-gradient(145deg,#fff7,var(--toy-color) 45%);background-color:var(--toy-color);border-radius:12px;box-shadow:5px 8px 0 color-mix(in srgb,var(--toy-color),#59736b 25%),inset 0 2px #fff9;transform:rotate(-6deg)}.toy-triangle{background:linear-gradient(135deg,#ffd1b1,var(--toy-color) 70%);clip-path:polygon(50% 0,100% 100%,0 100%);border-bottom:7px solid #ac7a60;transform:rotate(-5deg)}.hint-button{background:#eef0dd;border:1px solid #d5dfc4;border-radius:12px;color:#708363;box-shadow:0 3px #c7d6b8;padding:10px 14px;font-size:12px}.game-footer{color:#829079;font-size:11px}.feedback{color:#688462;font-size:13px}.feedback.try-again{color:#a08354}.sequence-line{background:#edf1df;color:#6e8666;font-size:13px;border:1px solid #d4dfc2}.reset-sequence{font-size:11px;color:#7c9071}.type-form input{border-color:#c3d2b1;color:#5e795d;background:#fffdf2;box-shadow:inset 0 3px #dce4cf44}.type-form button{background:#82a68b;color:#fffdf0;box-shadow:0 4px #648c74}.example-word{color:#78936c;font-size:33px}.chase-field{height:270px;border-color:#ccdfbc;background:linear-gradient(#b6dbd6 0 62%,#b4cd99 63%,#9fbb87 100%);box-shadow:0 6px #a9c09a}.chase-cloud{width:100px;height:90px;font-size:50px}.chase-score{font-size:11px;background:#fcf8df;color:#778767;border:1px solid #e1e5c8}.finish-card{background:#fffbee;border:4px solid #f1dfb7;box-shadow:0 10px #c7d6bd,0 20px 40px #718b6d22;margin-top:5vh}.finish-card h1{color:#5d7c5b;font-size:38px}.finish-card p{color:#7c8d75;font-size:14px;line-height:1.65}.finish-spark{color:#d7b970;font-size:70px}.reward-grid>div{background:#edf2dd;box-shadow:0 4px #d6dfc2;border:1px solid #dfe5cd}.reward-grid small{color:#89957b}.build-choice{border-color:#cbd7ba}.build-choice button{background:#eef2dc;color:#718363;border-color:#cbd9b6}.build-choice button.chosen{background:#85a98c;color:#fffbee}.parent-panel{background:#fcfaee;color:#516e5b;z-index:12;width:min(540px,100%)}.modal-backdrop{background:#234a4bd1;backdrop-filter:blur(4px)}.modal-head h2,.parent-section h3{color:#5b785d}.prototype-note{background:#edf1df;border-color:#a0b68b;font-size:12px;color:#7a896e}.voice-status{color:#7e8d70;font-size:11px;line-height:1.6}.audio-settings p{font-size:12px;line-height:1.6;color:#7f8e73}.audio-settings label{font-size:12px;color:#748268}.audio-settings input[type=range]{appearance:auto;accent-color:#7b9f7c;border:0!important;background:transparent!important;padding:0!important;width:100%;height:20px;box-shadow:none}.coin-balance{background:#f5edcf;border-color:#e7d8a7;color:#8c7b4e;font-size:20px}.reward-card button{background:#8da68c}.hero-options button{box-shadow:0 4px #c3d3b1;border-color:#cbd7b9;background:#eef2dc}.hero-options button.chosen{background:#e2ead0;border-color:#9bb388}.pet-show{background:radial-gradient(ellipse at center,#f6eed1,#e5ecd5);text-shadow:2px 6px #9baf8040;box-shadow:inset 0 3px 10px #99ad8120}.reward-link:focus-visible,.nav-tab:focus-visible,.camera-tools button:focus-visible{outline-color:#c4a36b}
.preview-town #mapStart,.preview-town #buildSite{display:none!important}.preview-town .world-label{background:#f6e8c7;color:#8b7750}.island-bottom>div{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.avatar .art-icon{width:49px;height:49px}.sidebar-foot #petSummary{width:35px;height:37px;flex:none}.map-card .map-pin #pinIcon{width:34px;height:34px;display:block;margin:0 auto 2px}.hero-options button{padding:4px}.pet-show>.art-icon{width:160px;height:160px;margin:0 auto}.pet-show:after{content:attr(data-equipment);font-size:14px;font-weight:800;display:block;color:#7b8966;text-shadow:none;padding-bottom:9px}
@keyframes marker-hover{50%{translate:0 -5px}}@keyframes gentle-build{50%{box-shadow:0 0 0 12px #fff0c04a,0 4px #bfa579}}@keyframes river-glint{from{transform:translateY(-80px);opacity:0}30%,70%{opacity:.65}to{transform:translateY(160px);opacity:0}}@keyframes star-bob{50%{translate:0 -4px}}
@media(min-width:1500px){.sidebar{padding:35px 22px}.day-item strong{font-size:12px}.day-item small{font-size:10px}.map-card{height:650px}.arcade-grid{gap:24px}.arcade-art{height:145px}.arcade-art svg{height:135px;width:135px}}
@media(max-width:1150px){.main-grid{grid-template-columns:218px minmax(0,1fr)}.workspace{padding:18px 22px 35px}.sidebar{padding:27px 12px}.day-item{gap:7px;padding:8px 5px}.day-item strong{font-size:10px}.nav-tab{padding:9px 8px;font-size:11px}.nav-tab small{display:none}.materials-badge{font-size:9px;padding:6px 9px}.materials-badge>span:last-child{display:none}.arcade-grid{gap:14px}.arcade-card{padding:15px}.arcade-card h3{font-size:21px}.building-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.mission-intro strong{font-size:11px}.mission-row{padding:12px}.mission-row .primary-button{font-size:11px;padding:12px}.map-card{height:490px}.topbar{padding:0 22px}.pilot-tag{display:none}}
@media(max-width:850px){.main-grid{grid-template-columns:1fr}.workspace{order:1}.sidebar{order:2;display:grid;grid-template-columns:1fr 1fr;gap:15px;border-right:0;border-top:1px solid #dce4d4;padding:24px}.sidebar>.eyebrow,.sidebar>.section-label{display:none}.profile-row,.progress-card{margin:0}.day-list{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.day-item strong{font-size:12px}.day-item small{font-size:10px}.sidebar-foot{margin:0}.topbar{height:75px}.map-card{height:530px}.arcade-grid{gap:15px}.workspace{padding:20px 24px 35px}.building-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.topbar{padding:0 13px;height:70px}.brand{font-size:18px}.brand small{font-size:10px}.brand-mark{width:35px;height:39px;font-size:22px;border-width:2px}.top-actions{gap:6px}.soft-button{padding:8px 10px}.workspace{padding:17px 13px 30px}.island-nav{margin-bottom:22px;padding-bottom:15px;gap:5px}.nav-buttons{gap:0}.nav-tab{font-size:10px;padding:9px 8px;gap:5px}.materials-badge{padding:5px 7px}.welcome-line h1{font-size:31px}.welcome-line p{font-size:11px}.map-card{height:420px;border-width:3px;border-radius:18px}.world-label{top:12px;left:10px;font-size:8px;padding:6px 7px}.camera-tools{top:10px;right:10px}.camera-tools button{width:22px;height:25px;font-size:16px}.camera-tools>span{display:none}.map-card .map-caption{left:10px;bottom:10px;max-width:88%;font-size:8px;padding:6px 8px}.map-card .map-pin{min-width:67px;padding:7px}.map-pin span{font-size:18px}.map-pin strong{font-size:7px}.build-site{width:85px;min-height:73px}.build-site .build-drawing{height:43px;width:45px}.build-site strong{font-size:8px}.mission-row{display:block;margin-top:18px}.mission-row .primary-button{width:100%;margin-top:13px;font-size:12px}.mission-intro strong{font-size:12px}.island-bottom{align-items:flex-start}.island-bottom p{font-size:8px;line-height:1.8;max-width:54%}.island-bottom .quiet-button{font-size:9px;padding:8px}.building-info{bottom:44px;right:10px;padding:13px;width:220px}.building-info p{font-size:10px}.construction-panel{padding:18px 13px}.panel-heading{align-items:flex-start}.panel-heading h2{font-size:24px}.panel-heading p{font-size:10px}.panel-heading>div:last-child{gap:5px;font-size:8px;flex-direction:column-reverse;align-items:flex-end}.building-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.building-card{padding:13px 10px}.building-card h3{font-size:16px}.building-picture{height:68px}.arcade-heading h1{font-size:43px}.arcade-heading p{font-size:11px}.arcade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.arcade-card{padding:15px 12px;border-radius:18px}.arcade-art{height:100px;margin-bottom:11px}.arcade-art svg{width:95px;height:95px}.arcade-card h3{font-size:21px}.arcade-card p{font-size:10px;margin-bottom:12px}.card-tag{font-size:7px}.play-link{font-size:9px}.arcade-reward-note{font-size:9px}.arena-heading{gap:12px;margin:23px 0}.arena-heading>div:first-child{width:62px;height:66px}.arena-heading h1{font-size:30px}.arena-heading p{font-size:11px}.arcade-play-card{padding:20px 12px}.memory-board{gap:10px}.memory-tile{height:89px}.tile-back,.tile-front{border-radius:12px}.tile-front svg{width:64px;height:64px}.tile-back{font-size:37px}.mini-status{font-size:11px}.maze-board{border-width:5px;gap:2px;padding:3px;max-width:320px}.sorting-slots{gap:8px}.drop-slot{height:83px;padding:5px}.move-piece{height:70px;width:66px}.piece-bank{gap:10px}.bridge-scene{height:220px}.bridge-slots{left:3%;right:3%;top:65px}.bridge-piece{height:56px}.sailing-field{height:280px}.sailing-boat{height:75px;width:75px}.sea-star{height:41px;width:41px}.direction-key{height:43px;width:44px}.robot-board{max-width:300px;gap:4px;padding:6px}.command-queue{font-size:16px;letter-spacing:3px}.robot-actions{gap:8px}.robot-actions .quiet-button{font-size:10px}.game-heading h1{font-size:32px}.play-sky{padding:18px;display:flex;gap:12px;text-align:left}.play-illustration{width:61px;height:67px}.speech-bubble{font-size:13px;line-height:1.5;padding:12px;margin:0;display:flex;gap:6px}.speech-bubble button{width:30px;min-width:30px;height:31px}.interaction{padding:23px 12px}.task-choice{min-height:104px;min-width:92px;font-size:15px;border-radius:16px}.task-choice>.art-icon{height:73px;width:73px}.choice-grid{gap:12px}.toy-shape{height:51px;width:51px}.game-footer{font-size:10px;align-items:flex-start}.hint-button{font-size:10px;padding:10px;white-space:nowrap}.finish-card{padding:25px 20px}.finish-card h1{font-size:32px}.finish-card p{font-size:12px}.reward-grid{gap:10px}.reward-grid>div{padding:14px 8px}.reward-grid strong{font-size:13px}.reward-grid small{font-size:10px}.sidebar{padding:20px 14px}.day-list{grid-template-columns:1fr 1fr}.day-item strong{font-size:10px}.day-item small{font-size:9px}.profile-row strong{font-size:12px}.profile-row span{font-size:10px}.sidebar-foot{padding:10px}.sidebar-foot>span{font-size:24px}.sidebar-foot strong{font-size:10px}.sidebar-foot small{font-size:9px}.progress-head{font-size:11px}}
@media(prefers-reduced-motion:reduce){.map-card .map-pin,.build-site,.sea-star,.bridge-river span{animation:none}.tile-turn,.move-piece,.sailing-boat{transition:none}.map-card,.maze-board,.robot-board{transform:none}}