*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#8cb9cf;color:#fff;font-family:ui-monospace,'Courier New',monospace}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;touch-action:manipulation}button:focus-visible{outline:3px solid #e9d390;outline-offset:3px}#game{display:block;width:100%;height:100%;touch-action:none}#vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 180px #12201535}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#09160e69;backdrop-filter:blur(3px);z-index:10}.hidden{display:none!important}#menu{background:linear-gradient(#071b2520,#08140e85)}.title{text-align:center;position:relative;margin:0 0 42px}.eyebrow{font:10px/1.5 monospace;letter-spacing:4px;color:#e4eacb;margin-bottom:17px}h1{font-size:clamp(36px,8vw,88px);letter-spacing:-5px;line-height:1;margin:0;font-weight:1000;color:#e6e6dc;text-shadow:0 3px #8f9688,0 7px #535a50,0 11px #252d24,4px 13px #132017;transform:scaleY(1.15)}.edition{font-size:11px;letter-spacing:5px;margin-top:25px;color:#d2dac8}.splash{position:absolute;color:#f4df69;right:-55px;bottom:-13px;transform:rotate(-9deg);font-size:17px;text-shadow:2px 2px #182511}.menu-box{width:min(400px,85vw);text-align:center}.world-label{display:flex;align-items:center;gap:9px;font-size:12px;margin-bottom:13px;color:#ebefdf}.world-label span:last-child{margin-left:auto;font-size:9px;color:#c7d3be}.dot{width:6px;height:6px;background:#a8db75}.menu-box button,.panel button:not(.icon){background:#59604fe8;box-shadow:inset 2px 2px #929c7d,inset -2px -3px #283522,0 3px #142014;min-height:44px;padding:11px 17px;font-weight:bold;font-size:13px}.menu-box button:hover,.panel button:hover{filter:brightness(1.18)}.menu-box .primary{width:100%;background:#739748;box-shadow:inset 3px 3px #a3c877,inset -3px -4px #3f6028,0 4px #1d3018;font-size:17px;padding:18px 23px;display:flex;justify-content:space-between}.menu-row{display:flex;gap:10px;margin-top:11px}.menu-row button{flex:1}.menu-box .text-btn{box-shadow:none;background:none;color:#d1d9c6;font-size:11px;margin-top:12px;min-height:30px}#saveinfo{font-size:10px;color:#aebda8;margin-top:10px}.footer{position:absolute;bottom:22px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:10px;color:#d8dfd0;gap:12px}.footer button{background:none;font-size:10px;color:inherit}#hud{position:fixed;inset:0;pointer-events:none}.corner{position:absolute;top:max(20px,env(safe-area-inset-top));left:23px;display:flex;flex-direction:column;gap:7px;text-shadow:1px 2px #28352b;font-size:11px}.corner b{font-size:13px;letter-spacing:2px}.corner span{color:#eef2e8;font-size:10px}.icon{width:40px;height:40px;background:#26362299;border:1px solid #ffffff42;font-size:23px}#pause{position:absolute;right:20px;top:max(18px,env(safe-area-inset-top));pointer-events:auto}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:28px/1 monospace;text-shadow:0 0 3px #000}#target{position:absolute;top:55%;width:100%;text-align:center;font-size:11px;text-shadow:1px 1px #172719}.bottom{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);text-align:center}#blockname{font-size:13px;margin-bottom:11px;text-shadow:2px 2px #263322}#hotbar{display:flex;padding:4px;background:#1c231fd9;border:2px solid #696f60;box-shadow:0 3px #172116;pointer-events:auto}.slot{position:relative;display:grid;place-items:center;width:49px;height:49px;background:#46504599;border:2px solid #293429;box-shadow:inset 1px 1px #677460;padding:6px}.slot.active{border:3px solid #f1efd6;box-shadow:0 0 0 1px #333e2d;background:#7c8d6a}.slot small{position:absolute;top:2px;left:3px;font:9px monospace;color:#e2e8db}.cube{width:26px;height:29px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--color);position:relative;filter:drop-shadow(2px 3px #000)}.cube:before{content:'';position:absolute;inset:0;background:linear-gradient(30deg,transparent 50%,#ffffff22 51%);clip-path:polygon(0 25%,50% 0,100% 25%,50% 50%)}.cube:after{content:'';position:absolute;inset:0;background:#0003;clip-path:polygon(50% 50%,100% 25%,100% 75%,50% 100%)}.hint{color:#f0f2e9;font-size:10px;margin-top:12px;white-space:nowrap;text-shadow:1px 1px #172719}.panel{background:#283225;border:3px solid #7f8a6e;box-shadow:0 8px #122010;width:min(600px,92vw);max-height:85vh;overflow:auto;padding:24px;color:#e5ebdc}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel h2{font-size:18px;margin:0}.panel p,.panel li{font-size:13px;line-height:1.9;color:#cdd6c4}.panel a{color:#bee694}.inventory{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.inventory button{display:flex;align-items:center;gap:8px;font-size:11px!important}.inventory .cube{flex:none}.panel input{padding:12px;width:100%;background:#182216;border:1px solid #687c55;color:white;margin-bottom:15px}#toast{position:fixed;left:50%;top:22%;transform:translateX(-50%);padding:12px 19px;background:#182417ec;border:1px solid #7f9467;color:#e9eddd;font-size:12px;z-index:30;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}#touch{display:none}body.touch #touch{display:block}body.touch .hint{display:none}#stick{position:absolute;left:32px;bottom:125px;width:112px;height:112px;border-radius:50%;background:#ffffff17;border:2px solid #ffffff40;pointer-events:auto;touch-action:none}#knob{position:absolute;left:34px;top:34px;width:40px;height:40px;border-radius:50%;background:#e8edcf75;border:2px solid #f4ffe299}.actions{position:absolute;right:24px;bottom:120px;display:grid;grid-template-columns:repeat(2,58px);gap:9px;pointer-events:auto}.actions button{height:49px;background:#26392188;border:2px solid #d5dfb55c;font-size:12px;touch-action:none}body.touch .bottom{bottom:max(18px,env(safe-area-inset-bottom))}@media(max-width:600px){.slot{width:36px;height:41px;padding:4px}.cube{width:23px;height:25px}.title{margin-bottom:35px}h1{letter-spacing:-2px}.eyebrow{font-size:8px;letter-spacing:2px}.edition{font-size:9px;letter-spacing:3px}.splash{right:0;font-size:13px;bottom:-18px}.footer{left:16px;right:16px;bottom:13px;font-size:8px}.footer button{font-size:9px}.inventory{grid-template-columns:repeat(3,1fr)}.panel{padding:17px}.inventory button{flex-direction:column}.corner{left:13px}.menu-box .primary{padding:16px 20px}.menu-box button{min-height:39px}.menu-row{margin-top:8px}#stick{left:22px;bottom:110px;width:100px;height:100px}#knob{left:28px;top:28px}.actions{right:17px;bottom:110px}}@media(max-height:620px){.title{margin-bottom:22px}.eyebrow{display:none}h1{font-size:48px}.edition{margin-top:17px;font-size:8px}.menu-box .primary{padding:12px 20px}.menu-box button{min-height:33px;padding:8px}.menu-box .text-btn{margin-top:5px}.menu-row{margin-top:7px}#saveinfo{margin-top:3px}.footer{bottom:10px}.splash{bottom:-7px}}

.corner i{font-style:normal;font-size:9px;letter-spacing:3px;color:#ffdb87;margin-left:6px}#location{font-size:11px!important;letter-spacing:.5px;color:#fff4d4!important}#mapbutton{position:absolute;right:20px;top:max(70px,calc(env(safe-area-inset-top) + 52px));width:148px;padding:5px;background:#15383bd9;border:1px solid #e0e6c77a;box-shadow:0 3px 0 #102b2c;pointer-events:auto;text-align:left}#minimap{display:block;width:136px;height:136px;image-rendering:pixelated}#discovered{display:block;text-align:center;padding:6px 0 2px;font-size:9px;letter-spacing:2px;color:#e8e4bc}.destinations{display:grid;grid-template-columns:1fr 1fr;gap:10px}.destinations button{position:relative;text-align:left;display:flex;flex-direction:column;gap:6px;padding:16px!important;background:#33473e!important;min-height:142px!important}.destinations strong{font-size:15px}.destinations small{font-size:9px;letter-spacing:1px;color:#c5d4b4}.destinations button>span:not(.destination-number){font-size:11px;font-weight:normal;line-height:1.6;color:#ccd8c6}.destinations em{font-size:10px;color:#edd793;font-style:normal;margin-top:auto}.destination-number{position:absolute;right:11px;top:11px;color:#a8bc9d55;font-size:20px}.title .edition{color:#fff3c6;font-size:15px;letter-spacing:3px}#menu{background:linear-gradient(#0f384b2b,#0c2628ad)}.menu-box .primary{background:#3f8985;box-shadow:inset 3px 3px #77b7a1,inset -3px -4px #265951,0 4px #183e37}.menu-box{width:min(420px,85vw)}.menu-box button{background:#425c54eb;box-shadow:inset 2px 2px #7c9980,inset -2px -3px #1f3931,0 3px #112d29}.panel{background:#203a35;border-color:#859f80}#toast{background:#173e3ceb;border-color:#c0c997}@media(max-width:600px){#mapbutton{width:94px;right:14px;top:68px;padding:4px}#minimap{width:84px;height:84px}#discovered{font-size:8px;letter-spacing:1px;padding:4px 0 1px}.corner b{font-size:11px}#location{max-width:220px;font-size:9px!important}.destinations{gap:8px}.destinations button{padding:12px!important}.destinations strong{font-size:13px}.destinations small{font-size:8px}.destination-number{font-size:16px}.title .edition{font-size:12px}#menu .title{margin-bottom:29px}#menu .eyebrow{margin-bottom:12px}}@media(max-height:680px){.title{margin-bottom:25px}h1{font-size:54px}.eyebrow{font-size:8px;margin-bottom:11px}.title .edition{margin-top:20px;font-size:12px}.menu-box .primary{padding:14px 20px}.menu-box button{min-height:34px;padding:9px}.menu-row{margin-top:7px}.menu-box .text-btn{margin-top:6px}#saveinfo{margin-top:3px}}@media(max-height:480px){#menu{flex-direction:row;gap:45px;padding:28px}.title{max-width:43%;margin:0}h1{font-size:43px}.splash{position:static;margin-top:15px}.menu-box{width:330px}#mapbutton{width:82px;top:67px}#minimap{width:70px;height:70px}#discovered{font-size:7px}.footer{bottom:7px}.menu-box .primary{padding:10px 17px}.menu-row{margin-top:6px}.menu-box button{min-height:30px;padding:7px}.menu-box .text-btn{min-height:20px}.eyebrow{letter-spacing:1px}#saveinfo{font-size:8px}}

#observe{position:absolute;right:72px;top:max(18px,env(safe-area-inset-top));height:40px;padding:0 15px;background:#244f49d9;border:1px solid #ccd6af99;pointer-events:auto;font-size:12px}#menu{backdrop-filter:blur(.5px);background:linear-gradient(#102e3a12,#0c262884)}.title .edition{font-size:12px;letter-spacing:3px}.title .splash{font-size:14px;right:-38px}.footer span{font-size:9px}.corner i{font-size:8px}#details{margin-right:8px}@media(max-width:600px){.title .edition{font-size:10px;letter-spacing:2px}.title .splash{right:0;font-size:12px}.corner b{font-size:10px}#observe{right:68px;padding:0 11px}}@media(max-height:680px){.title{margin-bottom:20px}.menu-box .text-btn{padding:5px;min-height:24px;margin-top:4px}}
/* Family edition: readable goals and controls sized for touch. */
button:disabled{opacity:.45;cursor:default}#shutter{position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:50;transition:opacity .15s}#shutter.flash{opacity:.75}#taskcard{position:absolute;left:18px;top:98px;width:235px;text-align:left;padding:13px 15px;background:#173e3be6;border:1px solid #c2d2aa8c;box-shadow:0 3px #132f2c;pointer-events:auto;display:flex;flex-direction:column;gap:6px}.task-label{font-size:10px;color:#e3d39b;letter-spacing:1px}.task-label small{float:right}#task-title{font-size:15px;line-height:1.45}#task-hint{font-size:12px;line-height:1.65;color:#d5e2ca}#guide-hint{position:absolute;left:50%;top:17%;transform:translateX(-50%);font-size:12px;color:#fff1ae;background:#23413b99;padding:5px 10px;white-space:nowrap}#guide-hint:empty{display:none}#kidtools{position:absolute;left:50%;bottom:124px;transform:translateX(-50%);display:flex;gap:6px;pointer-events:auto}#kidtools button{width:48px;height:50px;background:#234c49e8;border:1px solid #b9cfa480;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;box-shadow:0 3px #173931}#kidtools b{font-size:23px;line-height:1}#kidtools span{font-size:11px}#coords{opacity:.55}#target{top:54%}.menu-box .profile-pill{min-height:30px;background:#1c4840;border:1px solid #91b69c;border-radius:18px;padding:5px 18px;box-shadow:none;margin-bottom:8px;font-size:12px}#kid-status{font-size:11px;color:#f3dd9a;margin-bottom:14px;line-height:1.5}.settings{margin-top:14px;text-align:left;border-top:1px solid #b4c2a44f;padding-top:10px}.settings summary{cursor:pointer;font-size:12px;color:#d4e0c9;text-align:center}.settings .menu-row button{font-size:11px;padding:8px}.settings>button{font-size:10px}.menu-box{max-height:calc(100dvh - 240px);overflow-y:auto;scrollbar-width:thin;padding:3px 5px 9px}.title{margin-bottom:25px}.title h1{font-size:clamp(35px,7vw,72px);letter-spacing:-3px}.title .edition{font-size:11px;letter-spacing:2px}.title .eyebrow{letter-spacing:3px}.panel{width:min(700px,93vw)}.panel p{font-size:13px}.quest-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.quest-list button{text-align:left;display:flex;flex-direction:column;gap:7px;background:#314c42!important;padding:14px!important}.quest-list b{font-size:13px}.quest-list span{font-size:12px;font-weight:normal;line-height:1.7;color:#d8e3ce}.quest-list small{font-size:10px;color:#ead69d}.quest-list .done{background:#42664c!important;border:1px solid #90b06c}.stamp-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:17px}.stamp-row span{padding:7px 9px;border:1px dashed #71876d;color:#94a48d;font-size:11px}.stamp-row .stamped{border-style:solid;color:#eee0a8;background:#446044}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.photo-grid button{padding:6px!important;display:flex;flex-direction:column;gap:7px;background:#39574a!important;overflow:hidden}.photo-grid img{width:100%;aspect-ratio:3/2;object-fit:cover;image-rendering:auto}.photo-grid strong{font-size:12px}.photo-grid small{font-size:10px;color:#bfcfb4;font-weight:normal}.photo-empty{display:grid;place-items:center;width:100%;aspect-ratio:3/2;background:#233d36;color:#688473;font-size:35px}.plan-grid,.profiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.plan-grid button,.profiles button{display:flex;flex-direction:column;gap:10px;text-align:left;padding:18px!important;background:#3a594a!important}.plan-grid span,.profiles small{font-size:12px;color:#cbd8bb;font-weight:normal;line-height:1.6}.plan-grid small{font-size:11px;color:#f0d996}.profiles button>span{width:57px;height:57px;display:grid;place-items:center;border-radius:50%;background:var(--profile);font-size:37px;border:3px solid #ffffff55}.profiles b{font-size:15px}#freeplay,#go-camp{margin-top:8px;width:100%}.guide-copy{padding:12px;background:#415b43;border-left:3px solid #dacb8a}.bottom{bottom:15px}.hint{margin-top:9px}body.touch .hint{display:none}body.touch #kidtools{bottom:112px}body.touch #stick{bottom:180px}body.touch .actions{bottom:170px}.footer{justify-content:center;bottom:14px}.footer span{font-size:9px;color:#ccd9c0}@media(max-width:600px){#taskcard{top:95px;left:12px;width:210px;padding:10px 12px}#task-title{font-size:13px}#task-hint{font-size:11px}.task-label{font-size:9px}#kidtools{bottom:111px;gap:5px}#kidtools button{width:44px;height:46px}.quest-list{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr 1fr}.plan-grid button,.profiles button{padding:13px!important}.plan-grid{gap:9px}.title .eyebrow{font-size:8px;letter-spacing:1px}.title .edition{font-size:9px;letter-spacing:1px}.title h1{letter-spacing:-1px}.menu-box{max-height:calc(100dvh - 205px);width:min(420px,88vw)}#guide-hint{top:35%;max-width:90vw;font-size:10px}#kid-status{font-size:10px}.corner i{font-size:7px}.footer span{font-size:8px}.profiles b{font-size:13px}}@media(max-height:540px){#menu{gap:35px}.menu-box{max-height:calc(100dvh - 65px)}#taskcard{top:70px;width:180px;padding:8px 10px}#task-hint{display:none}#task-title{font-size:12px}#kidtools,body.touch #kidtools{bottom:85px}#kidtools button{height:39px;width:43px}#kidtools b{font-size:18px}#kidtools span{font-size:9px}body.touch #stick{bottom:91px;left:17px;width:90px;height:90px}body.touch #knob{left:23px;top:23px}body.touch .actions{bottom:93px;right:14px;grid-template-columns:repeat(2,49px);gap:6px}.actions button{height:38px;font-size:10px}#guide-hint{top:34%}.hint{display:none}.title h1{font-size:34px}.footer{bottom:5px}.photo-grid{grid-template-columns:repeat(3,1fr)}}

.profile-top{display:flex;align-items:center;justify-content:center;gap:11px;margin:0 0 10px}.profile-top canvas{width:46px;height:46px;image-rendering:pixelated;box-shadow:0 3px #132f2c;border:1px solid #abc7a59c}.profile-top>div{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.profile-top .profile-pill{margin:0;padding:3px 12px;font-size:12px}#trait-summary{font-size:9px;color:#e3d29f;padding-left:8px}#profile-settings{font-size:10px;min-height:31px;padding:6px 10px;background:#416b5c;box-shadow:none;border:1px solid #96b89b}.identity-head{display:grid;grid-template-columns:104px 1fr;gap:18px;align-items:center}.portrait-frame{width:104px;height:104px;overflow:hidden;box-shadow:0 4px #142b25;background:#648d70;border:2px solid #b6c7a5}.portrait-frame canvas,.portrait-frame img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.identity-head label,.identity-grid label{font-size:12px;color:#e5e4cf}.identity-head input{margin-top:7px!important;margin-bottom:7px!important}.identity-note{font-size:10px;line-height:1.6;color:#b5c7af;display:block}.identity-photo-actions{display:flex;gap:7px;margin:16px 0}.identity-photo-actions button{flex:1;font-size:11px!important;min-height:38px!important;padding:9px!important}.identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:18px}.identity-grid h3{font-size:14px;margin:5px 0 12px}.identity-grid p{font-size:11px;line-height:1.8}.identity-grid label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0}.identity-grid input[type=color]{width:64px;height:32px;padding:3px;margin:0;background:#1b332d;border:1px solid #8ba67e}.identity-grid select{padding:8px 10px;background:#193c35;border:1px solid #8ba67e;color:#eff1dc;max-width:155px;font:inherit;font-size:12px}.color-label{font-size:11px;color:#cedabb;margin:12px 0 7px}.swatches{display:flex;gap:8px}.panel .swatches button{width:29px;height:29px;padding:0!important;min-height:29px;box-shadow:none;background:var(--swatch)!important;border:2px solid #819b79}.swatches .chosen{outline:2px solid #e9d68a;outline-offset:2px}.accessory-row{display:flex;gap:7px;margin-top:15px}.accessory-row button{flex:1;font-size:11px!important;padding:9px!important;min-height:36px!important}.accessory-row [aria-pressed=true],.trait-list [aria-pressed=true]{outline:2px solid #d9c987;outline-offset:0}.trait-list{display:flex;flex-direction:column;gap:9px}.trait-list button{display:flex;flex-direction:column;text-align:left;padding:12px 14px!important;gap:6px;background:#395f4d!important}.trait-list b{font-size:12px}.trait-list span{font-size:11px;line-height:1.6;font-weight:normal;color:#c7d7ba}.avatar-preview{background:#183e3d;border:1px solid #668c75}.avatar-preview canvas{display:block;width:100%;height:auto;max-height:220px;object-fit:contain}.avatar-preview small{display:block;padding:7px 9px;font-size:9px;color:#c3d6ba;line-height:1.5}.identity-save{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid #78936c66}.identity-save #save-identity{background:#6e8e56!important}.identity-save button{font-size:12px!important}.identity-save span{font-size:11px;color:#f1d9a0}.profile-mascot{padding:0;overflow:hidden}.profile-mascot img{width:100%;height:100%;object-fit:cover}.pixelated{image-rendering:pixelated}#edit-current-profile{width:100%;font-size:12px!important}#crop-controls{padding:13px;background:#17392f;border:1px solid #74956f}#crop-controls p{margin-top:0;font-size:11px}#crop-controls label{font-size:11px;display:flex;gap:10px;align-items:center}#crop-controls input{padding:0;margin:5px 0;flex:1;width:auto;accent-color:#e5d38e}#crop-preview{display:block;width:144px;height:144px;margin:10px auto;border:2px solid #c5d09d}.menu-box{max-height:calc(100dvh - 240px)}@media(max-width:600px){.identity-grid{grid-template-columns:1fr;gap:18px}.identity-head{grid-template-columns:87px 1fr;gap:13px}.portrait-frame{width:87px;height:87px}.identity-note{font-size:9px}.identity-photo-actions{gap:5px}.identity-photo-actions button{font-size:10px!important;padding:7px!important}.avatar-preview{max-width:240px;margin:auto}.profile-top{gap:8px}#trait-summary{font-size:8px}.profile-top .profile-pill{font-size:11px}.menu-box{max-height:calc(100dvh - 210px)}}@media(max-height:540px){.menu-box{max-height:calc(100dvh - 65px)}.identity-grid{grid-template-columns:1fr 1fr}.avatar-preview canvas{max-height:180px}}
/* Harbour activities: comfortable targets on tablets and compact landscape screens. */
.activity-actions{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.activity-actions button{flex:1 1 150px;min-height:48px;padding:12px;text-align:center}.activity-actions small{display:block;margin-top:6px;font-size:12px;line-height:1.5;font-weight:400}.activity-canvas{display:block;width:100%;height:auto;border-radius:14px;touch-action:manipulation;border:1px solid #8caeaf}.activity-note{font-size:12px!important;opacity:.75}.branch-progress{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.branch-progress span{font-size:12px;padding:10px;border:1px solid #6d989855;border-radius:8px}.branch-progress b{float:right;margin-left:8px}.fish-book{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.fish-book>div{padding:14px;text-align:center;border:1px solid #6d989855;border-radius:12px}.fish-book span{display:block;font-size:36px}.fish-book b,.fish-book small{display:block;margin-top:6px}.fish-book small{font-size:12px}.catch-card{text-align:center;padding:15px}.catch-card>span{font-size:84px}.maze-controls{display:grid;grid-template-columns:repeat(3,64px);grid-template-rows:48px 48px;gap:6px;justify-content:center;margin:12px auto}.maze-controls button{min-height:48px;font-size:24px;padding:0}#maze-up{grid-column:2}#maze-left{grid-column:1;grid-row:2}#maze-down{grid-column:2;grid-row:2}#maze-right{grid-column:3;grid-row:2}#play-instruction{min-height:40px;font-weight:600}button:disabled{opacity:.5}@media(max-width:500px){.branch-progress{grid-template-columns:1fr}.activity-actions{gap:7px}.activity-actions button{flex-basis:120px}.fish-book{grid-template-columns:1fr 1fr}}

/* Shared species illustrations at catch size and in the collection. */
.fish-art{display:block;width:100%;height:auto;overflow:visible}.fish-book>div{padding:10px 8px 14px;overflow:hidden}.fish-book .fish-art{margin:-8px auto -5px;max-width:220px}.fish-art-locked .fish-swim{filter:brightness(.25);opacity:.42}.catch-water{position:relative;max-width:500px;margin:0 auto 8px;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 50% 15%,#609fba88,transparent 65%),linear-gradient(155deg,#346f84,#183f56);border:1px solid #84bac16b}.catch-water:before,.catch-water:after{content:'';position:absolute;width:16px;height:16px;border:1px solid #bee6e54a;border-radius:50%;left:10%;top:24%}.catch-water:after{width:9px;height:9px;left:84%;top:58%}.catch-water .fish-art{position:relative;z-index:1;filter:drop-shadow(0 8px 7px #05213250)}.catch-card h3{font-size:28px;margin:8px 0}.catch-card p{margin:6px 0}.fish-art-hero .fish-swim{animation:fish-hover 3.4s ease-in-out infinite;transform-origin:180px 120px}.fish-art-hero .fish-tail{animation:fish-tail 1.4s ease-in-out infinite;transform-origin:98px 118px}@keyframes fish-hover{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}@keyframes fish-tail{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.91)}}@media(prefers-reduced-motion:reduce){.fish-art-hero .fish-swim,.fish-art-hero .fish-tail{animation:none}}

.fishing-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.fishing-settings label{display:flex;flex-direction:column;gap:7px;font-size:12px}.fishing-settings select{width:100%;min-height:44px;padding:8px;color:#f4ecd3;background:#254f50;border:1px solid #7aa092;border-radius:5px;font:inherit}.fish-book small{line-height:1.5}.fish-book b+small{color:#d8d5b7}@media(max-width:480px){.fishing-settings{grid-template-columns:1fr 1fr}.fishing-settings label:last-child{grid-column:1 / -1}}

#helm{position:fixed;left:50%;bottom:115px;transform:translateX(-50%);width:min(540px,70vw);padding:12px 15px;background:#153f4bea;border:1px solid #b8d3b27a;border-radius:13px;text-align:center;pointer-events:auto}#helm>b,#helm>span{display:block}#helm>b{font-size:13px;color:#f5df9c}#helm>span{font-size:10px;margin:7px 0;color:#d6e3d2}#helm>div{display:flex;gap:8px;justify-content:center}#helm button{min-height:44px;padding:9px 13px;background:#517b78;border:1px solid #9ebba7;border-radius:6px;font-size:12px}.piloting .bottom,.piloting #touch .actions{display:none}.creature-card{text-align:center;padding:14px 10px}.creature-symbol{font-size:70px;color:var(--creature);line-height:1.4}.fish-book [data-register]{width:100%;margin-top:10px;font-size:11px!important;padding:8px!important}@media(max-width:600px){#helm{bottom:30px;width:min(380px,62vw);left:auto;right:10px;transform:none;padding:10px}#helm>b{font-size:11px}#helm>span{font-size:9px}#helm>div{gap:5px;flex-wrap:wrap}#helm button{flex:1;padding:8px;font-size:10px;min-height:44px}.piloting #kidtools{bottom:170px}}

/* Product shell: compact home, explicit choices, comfortable controls. */
:root{--harbour-ink:#163e48;--harbour-gold:#f0d58f;--harbour-paper:#f3ecd8}button,input,select{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffe09a;outline-offset:3px}.title{margin-bottom:24px}.title h1{font:850 clamp(30px,6.5vw,62px)/.9 system-ui,sans-serif;letter-spacing:-2px;transform:none;text-shadow:0 3px 25px #0d384760;color:#fff0c8}.title .eyebrow{letter-spacing:2.5px;font-size:9px;margin-bottom:12px}.title .edition{letter-spacing:2px;font-size:11px;margin-top:15px}.menu-box{width:min(430px,88vw);padding:0 7px 10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#aac1a255 transparent}.menu-box .primary{border-radius:10px;background:#d8bb76;color:#173e46;box-shadow:none;border:1px solid #f7e5ac;font-size:16px;padding:15px 18px}.menu-box button{border-radius:7px;background:#315b60;box-shadow:none;border:1px solid #769c9270;min-height:44px}.menu-box .hub-launch{width:100%;margin-top:10px;background:#2e626c;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;padding:15px}.hub-launch span{font-size:10px;font-weight:400;color:#dedabf}.activity-shortcuts{margin-top:12px;text-align:left}.activity-shortcuts summary,.settings summary{cursor:pointer;min-height:36px;padding:10px 0;color:#d8e2cc;font-size:11px}.activity-shortcuts .menu-row{margin-top:8px}.settings{margin-top:0}.panel{border-radius:17px;background:linear-gradient(145deg,#214c50f5,#173d43fa);border:1px solid #a0b9a36b;box-shadow:0 20px 90px #041d306b}.panel-head{position:sticky;top:0;background:#214d50f5;backdrop-filter:blur(10px);z-index:2;padding-bottom:10px}.panel-head h2{font-family:system-ui,sans-serif;letter-spacing:-.4px;font-size:clamp(18px,3vw,23px);line-height:1.3}.panel p{font:13px/1.85 system-ui,sans-serif}.panel button:not(.icon){border-radius:8px;background:#3e6b68;box-shadow:none;border:1px solid #93b4a07a;min-height:44px;color:#f1ecd4}.panel .primary-choice{background:#d7bc7c!important;color:#193f46!important}.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.activity-grid button{display:flex;align-items:flex-start;gap:13px;text-align:left;padding:16px!important;min-height:116px!important}.activity-grid button>b{display:block}.activity-grid b{font:700 15px/1.4 system-ui,sans-serif}.activity-grid small{display:block;font:12px/1.6 system-ui,sans-serif;margin-top:5px;font-weight:400;color:#c8dccc}.activity-grid em{display:block;font:11px/1.4 system-ui,sans-serif;color:#f3d58e;margin-top:12px}.activity-icon{width:35px;flex:0 0 35px;color:#e5c985}.activity-icon svg,.intro-icon svg{width:100%;height:auto;display:block}.hub-greeting{color:#d0ddc9}.intro-card{padding:15px;text-align:center}.intro-icon{width:76px;margin:4px auto 18px;color:#e9d395}.intro-card small{font-size:11px;color:#c7d9c8}.intro-card p{max-width:440px;margin:18px auto}.product-settings{display:flex;flex-direction:column;gap:17px;margin:16px 0}.product-settings label{display:flex;flex-direction:column;gap:8px;font-size:12px}.product-settings select{min-height:46px;background:#163f48;color:#f7edce;border:1px solid #91b2a5;border-radius:7px;padding:10px;font:inherit}.product-settings input[type=range]{width:100%;accent-color:#dfc785;min-height:36px;margin:0}.settings-switches{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-switches [aria-pressed=true]{outline:2px solid #e5ce8c;outline-offset:-2px}.large-text .panel p,.large-text .panel button,.large-text .panel small{font-size:15px!important;line-height:1.7!important}.large-text #task-hint,.large-text #observe{font-size:13px!important}.large-text .panel{background:#12343b}.large-text .panel small{color:#e3ecd3}.reduce-motion *{animation:none!important;scroll-behavior:auto!important}#boot-screen{position:fixed;inset:0;z-index:99;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:#194957;color:#f3dfab;font:14px/1.6 system-ui,sans-serif;text-align:center;padding:25px}#boot-screen .boot-mark{display:grid;place-items:center;width:66px;height:66px;border:1px solid #dcce9c;border-radius:20px;font-size:38px;font-weight:800}#boot-screen b{font-size:18px;letter-spacing:2px}#boot-screen button{padding:12px 18px;border:1px solid #bdc9a7;border-radius:7px;background:#38665f;color:#f2e7bc;min-height:44px}.footer{font-size:9px}.corner>b{font-family:system-ui,sans-serif;letter-spacing:.3px;font-size:11px}.corner>b i{font-size:7px;letter-spacing:1px}@media(max-width:600px){.activity-grid{gap:9px}.activity-grid button{padding:12px!important;gap:9px;min-height:132px!important;flex-direction:column}.activity-icon{width:29px;flex-basis:auto}.activity-grid b{font-size:14px}.activity-grid small{font-size:11px}.activity-grid em{margin-top:8px}.menu-box{max-height:calc(100dvh - 205px)}.title{margin-bottom:18px}.settings-switches{grid-template-columns:1fr}}@media(max-height:540px){#menu .title{margin:8px 0 8px}#menu .title h1{font-size:25px;line-height:.88}#menu .eyebrow,#menu .edition,#menu .footer{display:none}.menu-box{max-height:calc(100dvh - 78px)}.menu-box .profile-top{margin-bottom:8px}.menu-box .primary{padding:11px 15px}.title h1 br{display:none}}
.creature-art{display:block;max-width:280px;width:100%;height:auto;margin:0 auto}.creature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.creature-grid button{padding:10px!important}.creature-grid b{font-size:12px}.creature-grid button:disabled .creature-art{filter:grayscale(1);opacity:.45}@media(max-width:500px){.creature-grid{grid-template-columns:1fr 1fr}}

#storage-warning{position:fixed;right:12px;bottom:12px;z-index:35;max-width:min(420px,90vw);padding:12px 15px;border:1px solid #e4c078;border-radius:10px;background:#634d2af2;color:#fff1c8;font:12px/1.6 system-ui,sans-serif;box-shadow:0 6px 25px #10232c66}#storage-warning button{display:block;margin-top:8px;min-height:44px;padding:9px 12px;border-radius:6px;background:#d1b273;color:#223e42}
/* Sydney new life: simple paper cards and generous touch targets. */
.outing-hero{background:linear-gradient(125deg,#285f64,#447e78);border-radius:14px;padding:22px;color:#fff5dc;margin-bottom:18px}.outing-hero small{letter-spacing:.15em;color:#d5dcae}.outing-hero h3{font-size:25px;margin:10px 0}.outing-hero p{color:#e7eee5;margin:0}.region-letter{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e8debf;color:#315e60;font-size:27px;font-weight:800;flex-shrink:0}.outing-map{height:340px;position:relative;margin:20px 0;border-radius:14px;background:linear-gradient(135deg,#c4d4b0,#a7c7be);border:8px solid #f2e6c9;overflow:hidden}.outing-map:before{content:'';position:absolute;left:48%;top:5%;height:90%;width:14px;background:#eadbb7;transform:rotate(-12deg)}.outing-map button{position:absolute;transform:translate(-50%,-50%);min-height:44px;max-width:160px;font-size:12px;background:#fff6df;color:#2d5357;box-shadow:0 3px 9px #24444833;padding:8px 12px;z-index:1}.outing-map button i{display:inline-block;width:7px;height:7px;background:#bb7856;border-radius:50%;margin-right:6px}.decor-slots,.garden-beds{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.decor-slots button,.garden-beds button{display:flex;flex-direction:column;gap:9px;min-height:108px;align-items:center;justify-content:center;background:#f1e9d3;color:#2c5556;border:1px solid #d2c7a8}.decor-slots small,.garden-beds small{color:#65786b}.flower-mark{font-size:40px;line-height:1.2}.souvenir-swatch{width:36px;height:36px;border-radius:12px;background:var(--swatch);flex-shrink:0}.recipe-strip{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.recipe-strip span{padding:10px 14px;background:#e8dfca;border-radius:8px;color:#536565}.recipe-strip .done{background:#477d70;color:white}.story-card{padding:18px;border:1px solid #d7cfb8;border-radius:12px;margin:12px 0;background:#f4eddc}.story-card h3{margin:6px 0}.story-card small{display:block;margin-bottom:12px}.family-wall{display:grid;grid-template-columns:1fr 1fr;gap:12px}.family-wall article{background:#e6dfc9;padding:18px;border-radius:12px}.family-wall p{margin-bottom:0}.sand-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;max-width:360px;margin:22px auto}.sand-grid button{aspect-ratio:1;min-height:44px;background:hsl(39 52% calc(82% - var(--height)*9%));color:#654b2d;font-weight:800;font-size:22px;border:2px solid #f2dfb5;box-shadow:0 calc(var(--height)*2px) #ae895a}.sand-grid button:nth-child(13){border:3px dashed #6a8e87}.lantern-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.lantern-grid button{display:flex;align-items:center;flex-direction:column;background:#263f51;min-height:100px;color:#e8e5d6}.lantern-grid i{display:block;border-radius:35%;width:32px;height:44px;background:var(--lantern,#8a9797);box-shadow:0 0 18px var(--lantern,#8a9797);margin-bottom:10px}.lantern-1{--lantern:#e8b16d}.lantern-2{--lantern:#78bfb6}.lantern-3{--lantern:#a08dcc}.lantern-4{--lantern:#cf7a8d}.journey-route{display:flex;gap:10px;margin:22px 0;justify-content:space-between}.journey-route span{display:flex;align-items:center;flex-direction:column;text-align:center;font-size:13px;flex:1;gap:8px}.journey-route b{display:grid;place-items:center;width:34px;height:34px;border:2px solid #bd9865;border-radius:50%;color:#42716a}.journey-window{height:220px;background:linear-gradient(#8cc4d4 65%,#aec394 65%);position:relative;border:12px solid #e7ddc7;border-radius:18px;overflow:hidden;margin-bottom:18px}.journey-land{position:absolute;bottom:20px;width:120%;height:75px;background:linear-gradient(145deg,transparent 40%,#75977d 40% 60%,transparent 60%),linear-gradient(35deg,transparent 45%,#809e87 45% 65%,transparent 65%);background-size:160px 80px;animation:journey-pan 8s linear infinite}.journey-track{position:absolute;bottom:0;width:100%;height:20px;background:repeating-linear-gradient(90deg,#6b7c71 0 10px,#b5b49e 10px 35px)}.journey-window b{position:absolute;top:18px;left:18px;background:#28565b;color:#fff0d1;border-radius:8px;padding:10px 14px}.panel progress{width:100%;height:12px;accent-color:#477c71}.flag-scene{display:flex;align-items:center;justify-content:space-around;padding:25px 10px;background:linear-gradient(#9cc9d3 60%,#e4cc93 60%);border-radius:12px;margin:20px 0;gap:10px}.flag-scene b{background:linear-gradient(#cf6f57 50%,#ead06c 50%);padding:30px 8px 5px;font-size:10px;color:#263f42}.flag-scene span{font-size:13px;text-align:center;background:#ffffffaa;padding:10px}.observation-badge{text-align:center;padding:30px 16px}.observation-badge>span{font-size:65px;color:#438380}@keyframes journey-pan{to{background-position:160px 0}}@media(max-width:600px){.decor-slots,.garden-beds{gap:6px}.decor-slots button,.garden-beds button{padding:10px 5px;font-size:13px}.outing-hero h3{font-size:21px}.lantern-grid{gap:6px}.family-wall{grid-template-columns:1fr}.outing-map button{max-width:125px;font-size:11px}.journey-route{gap:5px}#kidtools{gap:3px}#kidtools button{min-width:38px}}
@media(prefers-reduced-motion:reduce){.journey-land{animation:none}}body.reduced-motion .journey-land{animation:none}
.item-art{width:48px;height:48px;flex-shrink:0;display:inline-block;vertical-align:middle}.item-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.item-grid article{background:#f2ead4;border:1px solid #d5c9a9;border-radius:12px;padding:14px 9px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.item-grid article b{font-size:14px;color:#2e5354}.item-grid article>span{font-weight:800;color:#8e774e}.item-grid button{font-size:12px;min-height:40px;width:100%;padding:8px}.quiet-choice{background:#e3dcc5!important;color:#496866!important}.recipe-book{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.recipe-book>button{display:flex;align-items:center;gap:14px;text-align:left;padding:16px;background:#eee7d2;color:#315b5c;border:1px solid #d9cdb0}.recipe-book span{display:flex;flex-direction:column;gap:7px}.recipe-book small{font-size:12px;color:#63796c}.recipe-book em{font-size:12px;font-style:normal;color:#a07640}.craft-layout{display:flex;gap:24px;align-items:center;justify-content:center;margin:24px 0}.craft-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:210px}.craft-grid button{aspect-ratio:1;background:#e7ddc4;color:#7a8c79;padding:6px;border:2px solid #c8b991}.craft-grid .item-art{width:42px;height:42px}.craft-output{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:160px}.craft-output>.item-art{width:70px;height:70px}.storage-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.storage-columns section{background:#ece5d1;border-radius:12px;padding:12px}.storage-columns h3{margin-top:3px}.storage-columns button{display:flex;align-items:center;gap:7px;width:100%;text-align:left;margin:6px 0;font-size:12px;padding:8px;background:#fff7e2;color:#345b5c}.storage-columns .item-art{width:30px;height:30px}.storage-columns span{margin-left:auto;font-size:11px}.social-panel{margin:20px 0;padding:18px;background:#e1e8d7;border:1px solid #c1cfb5;border-radius:12px}.friendship{display:flex;justify-content:space-between;align-items:center;gap:10px}.friendship span{color:#b26d6c;letter-spacing:.15em;font-size:23px}.friendship b{font-size:13px;color:#64806e}.circuit-diagram{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:25px 15px;background:#dce7d5;border-radius:12px;margin:20px 0}.circuit-diagram span{background:#f0e2b6;padding:12px 18px;border-radius:8px}.circuit-diagram strong{color:#46735c}#kit-hud{position:fixed;right:20px;bottom:122px;display:flex;flex-direction:column;gap:6px;background:#183d46dd;border:1px solid #b7c3a777;border-radius:10px;padding:9px 12px;color:#f3edda;font-size:12px;pointer-events:auto;max-width:205px}#kit-hud button{min-height:42px;font-size:13px;background:#e2d3a7;color:#285457}#gather-meter{position:fixed;left:50%;top:56%;transform:translateX(-50%);width:min(260px,75vw);padding:14px 18px;border-radius:12px;background:#143b45ee;color:#f3e6c4;text-align:center;pointer-events:none}#gather-meter span{display:block;margin-bottom:8px}#gather-meter progress{width:100%;accent-color:#e0bf70}body.piloting #kit-hud{display:none}#kidtools{max-width:calc(100vw - 32px);flex-wrap:wrap}@media(max-width:650px){.item-grid{grid-template-columns:repeat(3,1fr);gap:6px}.recipe-book{grid-template-columns:1fr}.storage-columns{gap:8px}.storage-columns section{padding:8px}.storage-columns button{flex-wrap:wrap}.craft-layout{gap:12px}.craft-grid{width:180px}.craft-output{max-width:100px;font-size:13px}.friendship{flex-direction:column;align-items:flex-start}#kit-hud{right:12px;bottom:205px;max-width:150px;font-size:10px;padding:7px}#kidtools button{min-width:35px;padding:5px}#kidtools button span{font-size:10px}}

.profile-mascot canvas{display:block;width:64px;height:64px;max-width:100%;image-rendering:pixelated;border-radius:8px}
/* Keep collected block counts inside their own hotbar slots. */
.slot em{position:absolute;right:3px;bottom:1px;font:normal 11px monospace;color:#fff8e3;text-shadow:1px 1px #162722;pointer-events:none}
body.cycling #break,body.cycling #place,body.cycling #flytouch{visibility:hidden;pointer-events:none}body.cycling #hotbar-dock{opacity:.45}body.cycling #guide-hint{max-width:min(88vw,620px);white-space:normal}

#sushi-controls{position:absolute;left:50%;bottom:88px;transform:translateX(-50%);display:flex;gap:6px;pointer-events:auto;max-width:65vw}#sushi-controls button{min-height:40px;padding:7px 13px;background:#573d3bf0;color:#f1dfbd;border:1px solid #b79870;font-size:12px}body.sushi-seated #break,body.sushi-seated #place,body.sushi-seated #flytouch{visibility:hidden;pointer-events:none}body.sushi-seated #hotbar-dock{opacity:.4}

#kid-wallet{position:absolute;left:14px;top:88px;min-height:34px;padding:6px 12px;border:1px solid #c9b87e;background:#2f514bed;color:#f5d985;pointer-events:auto;font-size:12px}@media(max-height:480px){#kid-wallet{top:77px;font-size:10px;min-height:30px}}

body.karting #break,body.karting #place,body.karting #flytouch{visibility:hidden;pointer-events:none}body.karting #hotbar-dock{opacity:.45}body.karting #guide-hint{max-width:min(88vw,620px);white-space:normal}
