/* Approved UI boards 01/02/05/07: functional implementation, revision375.
   Later scroll fixes and intro ownership remain in their existing layers. */
html.island-ui{--is-deep:#002432;--is-panel:#043745;--is-raised:#104653;--is-line:#3b7f91;--is-text:#f5fcff;--is-muted:#bfdae1;--is-mint:#6ff5cc;--is-gold:#ffda60;--concept-panel:radial-gradient(ellipse at 48% 0,#075263 0,#023542 58%,#012532 100%);--concept-card:linear-gradient(130deg,#114e5c,#00303e);--concept-gold:linear-gradient(115deg,#ffe281,#ffd452);--concept-shadow:inset 0 1px #e0ffff16,0 3px 8px #00101966}
html.island-ui .concept-icon{width:24px;height:24px;display:block;flex:none}
html.island-ui .panel,html.island-ui :is(.parkour-setup-panel,.parkour-leaderboard-panel){background:var(--concept-panel)!important;border:1px solid #4d8b9a!important;box-shadow:inset 0 1px #bcf8ff1c,0 14px 42px #00101766!important;color:var(--is-text)}
html.island-ui .panel button{background:var(--concept-card);border-color:#558b9a;border-radius:7px;box-shadow:var(--concept-shadow);font:600 14px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0;min-height:44px}
html.island-ui .panel button:disabled{opacity:.6}
html.island-ui .panel :is(button.primary,button.play),html.island-ui :is(#skin-confirm,#settings-resume,#craft-one,#profile-save){background:var(--concept-gold)!important;color:#032d39!important;border:1px solid #ffe79c!important;box-shadow:inset 0 1px #fff6,0 3px 4px #0004!important;font-weight:800}
html.island-ui .panel>header{min-height:44px;align-items:center;gap:10px!important;flex-shrink:0}
html.island-ui .panel>header>div:first-child{min-width:0}
html.island-ui .panel>header>div:first-child>small{display:none}
html.island-ui .panel>header b{font:800 clamp(18px,2vw,25px)/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.3px}
html.island-ui .panel>header>button:last-child{border-radius:50%;width:44px;height:44px;min-width:44px;border-color:#5292a1;background:linear-gradient(#0d5060,#023040);box-shadow:inset 0 1px #ffffff18,0 2px 4px #001e2c44}
html.island-ui :is(button,a,summary):focus-visible{outline:3px solid #fff1b3;outline-offset:2px}
html.island-ui .panel :is(input:not([type=checkbox]):not([type=range]),select){background:#002d3b;border:1px solid #467f90;border-radius:6px;color:#f1fbff;font:14px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-width:0}
html.island-ui button{transition:background-color .14s,box-shadow .14s,border-color .14s,transform .1s}
@media(hover:hover){html.island-ui .panel button:not(:disabled):hover{border-color:#98e8e8;filter:brightness(1.08)}}
html.island-ui button:not(:disabled):active{transform:translateY(1px);filter:brightness(1.1)}
.concept-account-chip{display:flex;align-items:center;gap:8px;flex:none;max-width:240px;margin-left:auto;padding:5px 9px 5px 5px;border:1px solid #317183;border-radius:6px;background:#002b3cea;color:#fff}
.concept-account-chip canvas{width:27px;height:27px;border:1px solid #c4dfdf;border-radius:4px;image-rendering:pixelated;background:#745047}
html.island-ui .panel>header .concept-account-chip{flex-direction:row!important;height:44px;min-height:44px}
.concept-account-chip span{max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
html.island-ui .panel>header .concept-account-chip b{font-size:13px!important;font-weight:650!important;white-space:nowrap;padding-left:8px;border-left:1px solid #377184;color:#ffdb67}



/* Village invitations never cover movement controls or require a modal overlay. */
.village-prompt{position:absolute;z-index:65;top:max(env(safe-area-inset-top),14%);left:50%;transform:translateX(-50%);width:min(340px,calc(100% - 32px));padding:12px;border:1px solid #70d6c5;border-radius:16px;background:rgba(6,37,47,.94);color:#fff;box-sizing:border-box;pointer-events:auto}
.village-prompt[hidden]{display:none!important}
.village-prompt p{margin:0 0 10px;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.village-prompt button{min-height:44px;margin:0 4px 0 0;padding:8px 12px;border-radius:10px;border:1px solid #71b4be;background:#155162;color:#fff;font:inherit;font-size:13px}
.village-prompt button:first-of-type{background:#71e4be;color:#103a38}
@media(max-height:430px){.village-prompt{top:max(env(safe-area-inset-top),8px);padding:8px;width:min(320px,44vw)}.village-prompt p{font-size:12px}}


/* Home: vibrant real world, live selected player and pet, identical navigation. */
html.island-ui #start-screen{padding:calc(12px + var(--safe-t)) calc(22px + var(--safe-r)) calc(10px + var(--safe-b)) calc(22px + var(--safe-l));background:linear-gradient(90deg,#00233322,transparent 68%)}
html.island-ui #main-menu-content{grid-template-columns:minmax(220px,.92fr) minmax(260px,1.08fr);grid-template-rows:minmax(0,1fr) 66px;gap:12px 22px}
html.island-ui .main-menu-center{grid-template-rows:minmax(100px,.64fr) minmax(0,1.36fr);gap:10px}
html.island-ui .main-menu-brand .game-logo{width:260px;max-width:90%;max-height:210px;object-position:left center;filter:drop-shadow(0 4px 2px #00273566)}
html.island-ui .main-action-grid{width:min(350px,100%);gap:10px;justify-content:center}
html.island-ui .main-action-grid>button{border-color:#81bed0;border-radius:8px;background:linear-gradient(100deg,#024355eb,#002b3bed);box-shadow:inset 0 1px #ddffff30,0 3px 4px #00151f55;min-height:50px}
html.island-ui .main-action-grid>#new-game-button{min-height:66px;background:var(--concept-gold);color:#042936;border-color:#ffedaa;box-shadow:inset 0 2px #fff8,0 3px 5px #07252b66}
html.island-ui #new-game-button b{font-size:32px;font-weight:850;letter-spacing:.25px}
html.island-ui #island-worlds-button:after,html.island-ui #island-store-button:after{content:'›';margin-left:auto;font-size:28px;font-weight:400}
html.island-ui #island-worlds-button>span{color:#36d4f9}
html.island-ui #remove-ads-menu>span{color:#ff6865}
html.island-ui #remove-ads-menu>span:after{display:none}
html.island-ui #remove-ads-menu>span:before{display:none}
html.island-ui .main-action-grid>#remove-ads-menu{min-height:44px}
html.island-ui .island-home-nav{margin:0 -8px;border-color:#346c7b;border-bottom:0;border-radius:13px 13px 7px 7px;background:linear-gradient(#002f3ef5,#001e2ef7);padding:4px 10px;box-shadow:0 -4px 16px #04282f22}
html.island-ui .island-home-nav>button{font-size:14px;color:#daecf4;border-radius:0;min-height:48px;gap:10px}
html.island-ui .island-home-nav>button.selected{color:#ffdb53;box-shadow:inset 0 -3px #ffdb53}
html.island-ui .island-home-nav .concept-icon{width:25px;height:25px}
html.island-ui #journal-menu-start>span{position:relative;overflow:visible;flex:none}
html.island-ui #journal-menu-badge{position:absolute;inset:-7px -9px auto auto;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border:1.5px solid #002b39;border-radius:12px;background:#d83f4a;color:#fff;font:800 10px/1 -apple-system,sans-serif;box-shadow:0 1px 3px #0005;pointer-events:none}
html.island-ui #journal-menu-badge.hidden{display:none!important}
html.island-ui .island-home-profile{height:48px;background:linear-gradient(#003a4bdc,#002534ee);border-color:#438b9a;border-radius:7px;padding:0 10px 0 3px;gap:8px}
html.island-ui #profile-menu-start{height:44px;min-height:44px}
html.island-ui #profile-player-name{font-size:13px!important;color:#fff;max-width:110px}
html.island-ui .home-left-rail{top:58px}
html.island-ui #daily-gift-menu{width:auto;min-width:132px;height:44px;min-height:44px;padding:5px 9px;background:linear-gradient(#004656,#002b3b);border-color:#3d8393;border-radius:7px}
html.island-ui #daily-gift-menu>div{display:block}
html.island-ui #daily-gift-menu b{font-size:12px}
html.island-ui #daily-gift-menu>span{width:32px;height:32px}
html.island-ui #daily-gift-menu{flex-direction:row;align-items:center;gap:8px}
html.island-ui .menu-side{padding:52px 0 5px;grid-template-rows:minmax(0,1fr) 48px}
html.island-ui #dressing-room-start{width:min(300px,95%);background:linear-gradient(#064857ec,#002b3dea);border-radius:8px;border-color:#82bec9;gap:9px}
.concept-home-tagline{margin:0 0 5px;color:white;white-space:pre-line;font:600 18px/1.4 -apple-system,sans-serif;text-shadow:0 2px 4px #002431}
html.island-ui .main-action-grid>.concept-recent-world{display:flex;flex-direction:column;gap:0;padding:0;margin-top:12px;width:240px;min-height:130px;align-items:stretch;text-align:left}
.concept-recent-world>small{display:block!important;padding:7px 10px!important;font-size:13px!important}.concept-recent-art{display:block!important;width:100%!important;height:64px!important;background:url('./assets/ui/concept/modes-refined/creative.jpg') center 48%/cover}.concept-recent-world>b{font-size:14px!important;padding:8px 10px}
.concept-recent-world[hidden]{display:none!important}
html.island-ui .main-action-grid>.concept-recent-world>.concept-recent-art{background:url('./assets/ui/concept/modes-refined/creative.jpg') center 48%/cover}

/* High-definition approved scenes, with independent live-game character overlays. */
html.island-ui #mode-section .mode-art{position:relative;overflow:hidden;isolation:isolate}
html.island-ui #mode-section .concept-art-canvas{position:absolute;inset:0;overflow:hidden}
html.island-ui #mode-section .concept-mode-foreground{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;pointer-events:none;z-index:1}
html.island-ui #mode-section img.concept-mode-art{position:absolute!important;inset:0!important;max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:none;image-rendering:auto}
html.island-ui .showing-modes #mode-section{background:var(--concept-panel)!important;padding:12px!important;border:1px solid #296675;border-radius:12px;grid-template-rows:44px minmax(0,1fr) 48px;gap:12px}
html.island-ui .showing-modes #mode-section .mode-card{border:1px solid #5692a1;border-radius:9px;box-shadow:0 2px 4px #001a2566;background:#023647}
html.island-ui .showing-modes #mode-section .mode-copy{background:linear-gradient(#023d4dec,#002632);padding:7px 10px;min-height:38px}
html.island-ui .showing-modes #mode-section .mode-copy b{font-size:15px;line-height:1.25;font-weight:700}
html.island-ui .showing-modes #mode-section .island-mode-selected{border-color:#72ffd7!important;box-shadow:inset 0 0 0 3px #70ffd5,0 0 0 2px #70ffd5!important}
html.island-ui #island-mode-launch{background:var(--concept-gold)!important;color:#022a36;border-color:#fff0a9;border-radius:8px;min-height:44px}
@media(min-height:540px){html.island-ui #start-screen.showing-modes #main-menu-content{width:min(1120px,100%);height:560px;max-height:100%;margin-inline:auto;align-self:center}html.island-ui .showing-modes .main-menu-center{display:block!important}html.island-ui #mode-section .concept-art-canvas{height:auto;aspect-ratio:184/67;top:50%;transform:translateY(-50%)}html.island-ui #mode-section .mode-art{background:#163e49}html.island-ui .showing-modes .mode-grid{grid-template-rows:repeat(2,auto);align-content:center}html.island-ui .showing-modes #mode-section .mode-card{aspect-ratio:2/1}}

/* Studio layout: preview spans full height; tabs belong to the right catalog. */
@media(min-height:540px){html.island-ui #start-screen.showing-modes:not(.hidden){display:flex;align-items:center;justify-content:center}html.island-ui #start-screen.showing-modes .main-menu-shell{display:flex;align-items:center;justify-content:center}}
html.island-ui #skin-panel{--preview-column:34%;width:min(1260px,calc(100vw - var(--safe-l) - var(--safe-r) - 24px));padding:12px;gap:10px}
html.island-ui #skin-panel .skin-body{flex:1;min-height:0}
html.island-ui #skin-panel .studio-workspace{display:grid;grid-template-columns:var(--preview-column) minmax(0,1fr);grid-template-rows:48px minmax(0,1fr);gap:10px;min-height:0;flex:1}
html.island-ui #skin-panel .studio-tabs{grid-column:2;grid-row:1;min-width:0;padding:0;margin:0;gap:5px;overflow-x:auto;overflow-y:hidden;touch-action:pan-x}
html.island-ui #skin-panel .studio-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1 0 auto;padding:8px 10px;min-height:44px;font-size:12px;background:linear-gradient(#073e4d,#002735);border-color:#498493;border-radius:6px;white-space:nowrap}
html.island-ui #skin-panel .studio-tabs button.selected{background:linear-gradient(#1b5864,#073f4b);border-color:#7fd2d5;color:#ffe062;box-shadow:inset 0 -3px #ffdb66}
html.island-ui #skin-panel .concept-tab-icon .concept-icon{width:21px;height:21px}
html.island-ui #skin-panel #studio-preview-stage{grid-column:1;grid-row:1/-1;border:1px solid #5c9aaa;border-radius:7px;min-height:0;height:100%;background:linear-gradient(#001c3210,#043d4822),url('./assets/ui/concept/studio-forest.png') center/cover}
html.island-ui #studio-avatar-preview{inset:0 0 54px;width:100%;height:auto}
html.island-ui #skin-panel .studio-preview-heading{display:none}
html.island-ui #skin-panel .studio-preview-card{left:8px;right:8px;bottom:8px;background:#002e3cea;border:1px solid #437f8c;border-radius:6px;padding:7px 10px;pointer-events:none}
html.island-ui #skin-panel .studio-preview-card small{display:none}
html.island-ui #skin-panel .studio-preview-hint{display:none}
html.island-ui #skin-panel .studio-catalog{grid-column:2;grid-row:2;overflow-y:auto;overflow-x:hidden;min-height:0;min-width:0;padding:2px 5px 8px 2px}
html.island-ui #skin-panel #skin-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px}
html.island-ui #skin-panel #cosmetic-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
html.island-ui #skin-panel :is(.skin-card,.cosmetic-card){border-radius:7px!important;background:linear-gradient(135deg,#154f5e,#032e3a)!important;border-color:#3e7b8d!important;box-shadow:inset 0 1px #ffffff12;min-height:118px;padding:7px 5px}
html.island-ui #skin-panel :is(.skin-card,.cosmetic-card).selected{border-color:#6effd1!important;box-shadow:inset 0 0 0 2px #69f8cd!important}
html.island-ui #skin-panel :is(.skin-card,.cosmetic-card).selected:after{content:'✓';position:absolute;right:5px;top:5px;background:#65edbf;color:white;border:1px solid #a6ffe0;border-radius:50%;width:19px;height:19px;font:800 14px/19px system-ui}
html.island-ui #skin-panel .skin-card canvas{width:64px;height:86px;max-height:86px;object-fit:contain;image-rendering:pixelated}
html.island-ui #skin-panel .cosmetic-art{height:85px;min-height:85px;max-height:85px;margin:0;display:block}
html.island-ui #skin-panel .cosmetic-art canvas{width:100%;height:100%;object-fit:contain}
html.island-ui #skin-panel :is(.skin-card,.cosmetic-card)>b{font:700 12px/1.25 -apple-system,sans-serif;color:white;letter-spacing:0}
html.island-ui #skin-panel .cosmetic-card-meta{font-size:9px;min-height:16px}
html.island-ui #skin-panel #studio-skins-view>p{display:none}
html.island-ui #skin-panel .studio-filters{border:0;padding:0 0 7px;margin:0;background:none;min-height:0}
html.island-ui #skin-panel .studio-filters button{min-width:44px;min-height:44px;font-size:11px;padding:6px 9px}
html.island-ui #skin-panel>footer{min-height:44px;justify-content:flex-end}
html.island-ui #skin-confirm{margin:0;min-width:190px;min-height:44px;font-size:15px;padding:10px 20px}
.concept-preview-tools{position:absolute;left:8px;bottom:53px;display:flex;flex-direction:column;gap:6px;z-index:3}
html.island-ui #skin-panel .concept-preview-tools button{width:44px;height:44px;min-height:44px;padding:9px;background:#013746ed;border:1px solid #61a9b6;display:grid;place-items:center}
.concept-preview-tools .concept-icon{width:22px;height:22px}
html.island-ui #skin-panel .concept-preview-tools button{min-width:44px}
html.island-ui #save-panel .save-slot[hidden]{display:none!important}

/* Settings and local worlds: readable category/content panels and fixed actions. */
html.island-ui #settings-panel{gap:12px;padding:14px;grid-template-columns:174px minmax(0,1fr)}
html.island-ui #settings-panel .settings-body{background:linear-gradient(#08404eaa,#002e3bcc)!important;border:1px solid #2d7181;padding:12px!important}
html.island-ui #settings-panel .island-settings-nav button{min-height:46px;text-align:left;gap:10px;padding:9px 12px;background:var(--concept-card);font-size:14px}
html.island-ui #settings-panel .island-settings-nav button.selected{background:linear-gradient(110deg,#4cd8b5,#83f0d4)!important;color:#003a40;border-color:#9cffe2;box-shadow:inset 0 1px #fff7}
html.island-ui #settings-panel .island-settings-nav button.selected .concept-icon{color:#02393c}
html.island-ui #settings-panel :is(.settings-options button,.settings-controls button){background:var(--concept-card);border-color:#4f7b8c;border-radius:7px;min-height:44px}
html.island-ui #settings-panel button.selected{border-color:#77f7d2;box-shadow:inset 0 0 0 1px #77f7d2}
html.island-ui #settings-panel .settings-footer{gap:10px;align-items:center;padding:0}
html.island-ui #settings-panel .settings-footer button{height:auto;min-height:44px;margin:0;font-size:12px}
html.island-ui #settings-panel #settings-resume{min-width:160px;font-size:16px}
html.island-ui #settings-panel input[type=range]{accent-color:#ffda60;height:44px}
html.island-ui #save-panel{background:var(--concept-panel)!important;border-radius:12px;padding:14px;gap:10px}
html.island-ui #save-panel .save-footer button{min-height:44px;height:auto;margin:0}
html.island-ui #save-panel .pause-actions{display:flex;flex-direction:column;gap:8px!important;min-height:0;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;overscroll-behavior:contain}
html.island-ui #save-panel .pause-action{background:var(--concept-card);border:1px solid #5294a2;border-radius:7px;min-height:58px;flex:0 0 auto;box-shadow:var(--concept-shadow)}
html.island-ui #save-panel .pause-action.resume{background:var(--concept-gold);color:#082d38;border-color:#ffe895}
html.island-ui #save-panel .pause-action b{font-size:15px;letter-spacing:0}
html.island-ui #save-panel .pause-action small{font-size:11px;font-weight:400}
html.island-ui #save-panel .pause-action.resume :is(b,small,span){color:#173640!important;text-shadow:none;opacity:1}
html.island-ui #save-panel [data-menu-action="studio"]{background:linear-gradient(115deg,#8f79ed,#c2a5ff)!important;color:#1d1538!important;border:1px solid #e0cbff!important;box-shadow:inset 0 1px #ffffff80,0 3px 8px #0005!important}
html.island-ui #save-panel [data-menu-action="studio"] :is(b,span){color:#1d1538!important;text-shadow:none}
@media(max-height:450px){html.island-ui #save-panel .pause-layout{grid-template-columns:minmax(212px,1fr) minmax(0,1.12fr);min-height:0}html.island-ui #save-panel .pause-actions{padding:8px!important}html.island-ui #save-panel .pause-action{grid-template-columns:24px minmax(0,1fr);padding:7px;gap:6px}html.island-ui #save-panel .pause-action>span{width:24px;height:28px;font-size:16px}html.island-ui #save-panel .pause-action b{font-size:13px;line-height:1.2}html.island-ui #save-panel .pause-action small{font-size:10px;line-height:1.3}html.island-ui #save-panel #pause-invite small{white-space:nowrap}}
html.island-ui #save-panel .pause-world-card{border-radius:8px;border:1px solid #43818f;background:linear-gradient(#002d3420,#002c3b66),url('./assets/ui/concept/modes-refined/creative.jpg') center/cover;overflow:hidden}
html.island-ui #save-panel .pause-character-heading,html.island-ui #save-panel .pause-character-meta{background:#002d3bd9;color:#fff;border:0}
html.island-ui #save-panel .pause-world-card button{background:#002c3be6;border:1px solid #7babb6;min-height:44px}
html.island-ui #save-panel .save-slots{padding:2px 5px 4px 1px;gap:8px}
html.island-ui #save-panel .save-slot{border:1px solid #438593;background:var(--concept-card);border-radius:8px;box-shadow:inset 0 1px #ffffff10;padding:12px;gap:8px;min-height:90px}
html.island-ui #save-panel .save-info>b{font-size:17px;line-height:1.3;color:white}
html.island-ui #save-panel .save-info>span{font-size:12px;line-height:1.4;color:var(--is-muted)}
html.island-ui #save-panel .save-actions{gap:7px;flex-shrink:0}
html.island-ui #save-panel .save-actions button{min-height:44px;padding:7px 12px;font-size:12px}
.concept-world-search{display:flex;align-items:center;gap:8px;border:1px solid #468394;border-radius:6px;background:#002d3b;padding:6px 10px;flex:none}
.concept-world-search input{flex:1;border:0!important;min-height:30px;outline:none;background:none!important}
html.island-ui #save-panel.home-view .concept-world-search{display:none}

/* Existing gameplay positions, hit areas and right-side Run are not moved. */
html.island-ui .concept-icon-control{font-size:0!important;display:flex;align-items:center;justify-content:center}
html.island-ui .concept-icon-control>svg,html.island-ui .concept-icon-control>span:not(.concept-control-icon){display:none!important}
html.island-ui .concept-control-icon{display:grid;place-items:center;pointer-events:none}
html.island-ui #mobile-controls .concept-control-icon .concept-icon{width:28px;height:28px}
html.island-ui #sprint-button{background:linear-gradient(#007b8abb,#004252ee);border-color:#9af9e7}
html.island-ui #sprint-button.active{background:linear-gradient(#75eed0,#36c9b9);color:#013640;border-color:#c8ffeb;box-shadow:0 0 0 3px #38ecbb55}
html.island-ui #hotbar .slot.selected{border-color:#7cfbd6!important;box-shadow:inset 0 0 0 2px #7cfbd6!important}

@media(min-height:650px) and (min-width:950px){html.island-ui .island-home-nav>button{flex-direction:column;gap:5px}html.island-ui #main-menu-content{grid-template-rows:minmax(0,1fr) 76px}html.island-ui .main-menu-center{grid-template-rows:180px minmax(0,1fr)}html.island-ui .menu-side{padding-top:95px}}
@media(max-height:650px){.concept-home-tagline{display:none}.concept-recent-world{display:none!important}html.island-ui .main-menu-center{grid-template-rows:minmax(65px,.72fr) minmax(0,1.28fr)}html.island-ui .main-action-grid{gap:8px}html.island-ui #main-menu-content{grid-template-rows:minmax(0,1fr) 56px}html.island-ui .main-menu-brand .game-logo{max-height:125px;width:200px}html.island-ui #new-game-button b{font-size:27px}html.island-ui .main-action-grid>#new-game-button{min-height:57px}}
@media(max-height:450px){html.island-ui #start-screen{padding:calc(8px + var(--safe-t)) calc(20px + var(--safe-r)) calc(8px + var(--safe-b)) calc(20px + var(--safe-l))}html.island-ui #main-menu-content{grid-template-rows:minmax(0,1fr) 48px;gap:8px 18px}html.island-ui .main-menu-center{gap:4px;grid-template-rows:minmax(65px,1fr) auto}html.island-ui .main-action-grid{gap:6px;width:min(300px,100%)}html.island-ui .main-action-grid>button{min-height:44px;padding:7px 12px}html.island-ui .main-action-grid>#new-game-button{min-height:52px}html.island-ui .main-menu-brand .game-logo{max-height:105px;width:160px}html.island-ui .island-home-nav{padding:0 6px}html.island-ui .island-home-nav>button{min-height:44px;gap:6px}html.island-ui .island-home-nav b{font-size:12px}html.island-ui .island-home-profile{height:46px}html.island-ui .home-left-rail{top:53px}html.island-ui .menu-side{padding-top:73px;grid-template-rows:minmax(0,1fr) 44px}html.island-ui #dressing-room-start{padding:6px;min-height:44px}html.island-ui #dressing-room-start b{font-size:12px}html.island-ui #skin-panel{padding:10px;gap:7px;--preview-column:32%}html.island-ui #skin-panel .studio-workspace{gap:7px;grid-template-rows:44px minmax(0,1fr)}html.island-ui #skin-panel #skin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}html.island-ui #skin-panel #cosmetic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}html.island-ui #skin-panel :is(.skin-card,.cosmetic-card){min-height:116px}html.island-ui #skin-panel .skin-card canvas{height:70px;width:49px}html.island-ui #skin-panel .cosmetic-art{height:65px;min-height:65px;max-height:65px}html.island-ui #skin-panel .studio-tabs button{font-size:11px;padding:5px 8px;gap:4px}html.island-ui #skin-panel .concept-tab-icon .concept-icon{width:17px;height:17px}.concept-preview-tools{bottom:8px;left:7px;flex-direction:row;gap:5px}html.island-ui #skin-panel .studio-preview-card{display:none}.concept-account-chip{padding:3px 6px;max-width:200px;gap:5px}.concept-account-chip canvas{width:24px;height:24px}.concept-account-chip span{max-width:65px;font-size:11px}html.island-ui #settings-panel{padding:10px;gap:8px;grid-template-columns:138px minmax(0,1fr)}html.island-ui #settings-panel .island-settings-nav button{font-size:12px;padding:8px;gap:7px}html.island-ui #settings-panel #settings-resume{min-width:100px;font-size:14px}html.island-ui #settings-panel .settings-footer button{font-size:11px;min-height:44px;padding:5px 8px}html.island-ui .showing-modes #mode-section{padding:8px!important;gap:8px}}
@media(max-width:600px) and (orientation:landscape){html.island-ui #main-menu-content{grid-template-columns:minmax(210px,.88fr) minmax(210px,1.12fr);gap:7px 14px}html.island-ui .main-menu-brand .game-logo{max-height:75px}html.island-ui .main-action-grid>#new-game-button{min-height:48px}html.island-ui #new-game-button b{font-size:25px}html.island-ui .island-home-nav b{font-size:10px}html.island-ui .island-home-nav .concept-icon{width:20px;height:20px}html.island-ui #skin-panel{--preview-column:32%}html.island-ui #skin-panel #skin-grid,html.island-ui #skin-panel #cosmetic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-account-chip span{display:none}html.island-ui #skin-panel .concept-preview-tools button{width:40px;min-height:44px;padding:7px}html.island-ui .showing-modes #mode-section .mode-copy b{font-size:11px}html.island-ui .showing-modes #mode-section .mode-copy{padding:6px;min-height:30px}}
@media(max-width:600px) and (orientation:landscape){html.island-ui #daily-gift-menu{min-width:44px;width:44px}html.island-ui #daily-gift-menu>div{display:none}html.island-ui .menu-side{padding-top:48px}html.island-ui #skin-panel .cosmetic-card{min-height:88px}html.island-ui #skin-panel .cosmetic-art{height:48px;min-height:48px;max-height:48px}}
@media(prefers-reduced-motion:reduce){html.island-ui button{transition:none!important}}

/* Gameplay control fit375: retain all nine slots and their existing handlers.
   Ten explicit 44px grid cells include inventory in the approved single row.
   Compact-phone controls sit above that row, with Run remaining on the right. */
html.island-ui #game #hotbar{
 --concept-slot:44px;
 width:max-content;max-width:none;grid-template-columns:repeat(10,var(--concept-slot));
 grid-auto-flow:row;grid-auto-rows:var(--concept-slot);gap:3px;padding:4px;
 bottom:calc(10px + var(--safe-b));box-sizing:border-box;
}
html.island-ui #game #hotbar .slot,
html.island-ui #game #hotbar #inventory-button.hotbar-menu-slot{
 width:var(--concept-slot);height:var(--concept-slot);min-width:44px;min-height:44px;
 max-width:none;max-height:none;margin:0;padding:0;box-sizing:border-box;
}
html.island-ui #game #hotbar .slot-canvas{width:32px;height:32px}
html.island-ui #game #hotbar-item-name{bottom:calc(69px + var(--safe-b))}
html.island-ui #mobile-controls #sprint-button.concept-icon-control{
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:1px;font-size:9px!important;line-height:1;
}
html.island-ui #mobile-controls #sprint-button .concept-control-icon .concept-icon{width:26px;height:26px}
html.island-ui #game #social-chat-button{width:44px!important;height:44px!important;min-width:44px;min-height:44px;left:auto!important;right:calc(14px + var(--safe-r))!important;top:calc(64px + var(--safe-t))!important;bottom:auto!important;transform:none!important}
html.concept-ui #social-feed,html.concept-ui #social-feed.island-message-visible{display:none!important}
html.concept-ui #concept-chat-stream{position:absolute;z-index:12;right:calc(14px + var(--safe-r));top:calc(116px + var(--safe-t));width:min(310px,36vw);max-height:calc(100% - 246px - var(--safe-t) - var(--safe-b));display:flex;flex-direction:column;align-items:flex-end;gap:5px;overflow:hidden;pointer-events:none;background:none;border:0;padding:0;text-align:right}
html.concept-ui #concept-chat-stream[hidden]{display:none}
html.concept-ui .concept-chat-line{flex:none;max-width:100%;background:none;border:0;padding:0;color:white;font:600 12px/1.3 -apple-system,BlinkMacSystemFont,sans-serif;text-shadow:0 1px 2px #000,1px 0 2px #000,-1px 0 2px #000;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;opacity:var(--message-opacity,1);transition:opacity .36s ease;animation:concept-chat-enter .18s ease-out}
html.concept-ui .concept-chat-line b{color:#8cffe0;margin-right:5px;font-weight:800}
html.concept-ui .concept-chat-line b:after{content:':'}
html.concept-ui .concept-chat-line b.system{color:#ffe593}
html.concept-ui .concept-chat-line.fading{opacity:0}
@keyframes concept-chat-enter{from{opacity:0}to{opacity:var(--message-opacity,1)}}
@media(max-height:450px){html.concept-ui #concept-chat-stream{top:calc(112px + var(--safe-t));max-height:80px;width:min(265px,35vw);gap:3px}html.concept-ui .concept-chat-line{font-size:11px;-webkit-line-clamp:1}}
@media(prefers-reduced-motion:reduce){html.concept-ui .concept-chat-line{animation:none;transition:none}}
html.island-ui #game #mobile-controls #sneak-button{left:calc(172px + var(--safe-l))}
@media(pointer:coarse) and (max-width:760px) and (orientation:landscape){
 html.island-ui #game #mobile-controls{--is-bottom:calc(74px + var(--safe-b))}
 html.island-ui #game #joystick{bottom:calc(74px + var(--safe-b))}
 html.island-ui #game #mobile-controls #sneak-button{left:calc(144px + var(--safe-l));bottom:calc(74px + var(--safe-b))}
 html.island-ui #game.riding #mobile-controls #dismount-button{right:calc(var(--is-right) + var(--is-action) + var(--is-gap))!important}
 html.island-ui #game.creative-flying #mobile-controls #jump-button{right:calc(var(--is-right) + var(--is-action) + var(--is-gap))!important}
 html.island-ui #game.creative-flying #mobile-controls #place-button{bottom:calc(var(--is-bottom) + var(--is-action) + var(--is-gap))!important}
}

/* UI polish377: larger rewards, original ADS icon and self-contained save rows. */
html.island-ui .main-action-grid>#remove-ads-menu{width:100%;min-height:60px;padding:8px 14px;gap:12px;border-color:#de9391}
html.island-ui #remove-ads-menu b{font-size:16px;line-height:1.25;white-space:normal}
html.island-ui #remove-ads-menu>span{display:grid;place-items:center;position:relative;width:40px;height:40px;flex:none;border:3px solid #fff;border-radius:50%;background:#171b1d;box-shadow:inset 0 0 0 3px #ef4141;font-size:0!important}
html.island-ui #remove-ads-menu>span i{display:block!important;font:900 10px/1 Arial,sans-serif;color:#fff;z-index:1;text-shadow:0 1px #000}
html.island-ui #remove-ads-menu>span:after{display:block;content:'';position:absolute;width:33px;height:4px;transform:rotate(-45deg);background:#ef4141;box-shadow:0 0 0 1px #171b1d;z-index:2}
html.island-ui #daily-gift-menu{width:auto;min-width:178px;min-height:64px;height:auto;padding:8px 12px;gap:10px;border-color:#e7be65;background:linear-gradient(120deg,#085567,#073441);box-shadow:inset 0 1px #ffffff35,0 3px 8px #00152177}
html.island-ui #daily-gift-menu>div{display:flex;min-width:0;flex-direction:column;gap:3px;max-width:180px}
html.island-ui #daily-gift-menu b{font-size:15px;line-height:1.2;white-space:normal}
html.island-ui #daily-gift-menu small{display:block;font-size:10px;line-height:1.25;color:#e6d5a3;white-space:normal;letter-spacing:0}
html.island-ui #daily-gift-menu>span{width:45px;height:45px;flex:none}
html.island-ui #save-panel .save-slot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:90px;height:auto;max-height:none;flex:0 0 auto;overflow:visible}
html.island-ui #save-panel .save-info{min-width:0;gap:5px}
html.island-ui #save-panel .save-info>b{overflow-wrap:anywhere}
html.island-ui #save-panel .save-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;min-width:0}
html.island-ui #save-panel .save-actions button{height:auto;white-space:normal;line-height:1.25}
html.island-ui #save-panel .save-name-edit{grid-column:1/-1;min-width:0}
html.island-ui #save-panel .save-slots{display:flex;flex-direction:column;min-height:0;overflow:auto;flex:1;overscroll-behavior:contain;touch-action:pan-y}
html.island-ui #save-panel .save-create{flex:none}
@media(max-width:900px){
 html.island-ui #save-panel .save-slot{grid-template-columns:minmax(0,1fr);padding:10px;gap:8px}
 html.island-ui #save-panel .save-actions{display:grid;grid-template-columns:.8fr 1.4fr .8fr;width:100%;gap:6px}
 html.island-ui #save-panel .save-actions button{padding:7px 5px;min-width:0;font-size:12px}
 html.island-ui #save-panel .save-info>b{font-size:15px}
 html.island-ui #save-panel .save-info>span{font-size:11px}
}
@media(max-height:450px){
 html.island-ui .main-action-grid>#remove-ads-menu{min-height:54px;padding:6px 10px;gap:9px}
 html.island-ui #remove-ads-menu b{font-size:14px}
 html.island-ui #remove-ads-menu>span{width:34px;height:34px}
 html.island-ui #remove-ads-menu>span:after{width:29px}
 html.island-ui #daily-gift-menu{min-width:160px;min-height:58px;padding:6px 10px;gap:7px}
 html.island-ui #daily-gift-menu b{font-size:13px}
 html.island-ui #daily-gift-menu small{font-size:9px}
 html.island-ui #daily-gift-menu>span{width:40px;height:40px}
 html.island-ui .menu-side{padding-top:91px}
 html.island-ui #save-panel{gap:6px}
 html.island-ui .concept-world-search{padding:2px 8px}
}
.reward-flying-coin{border-radius:50%;border:2px solid #96630e;background:radial-gradient(circle at 35% 30%,#fff5aa,#ffda4a 50%,#cc8514);box-shadow:inset 0 0 0 2px #ffe67c,inset 0 0 0 4px #c18a21,2px 3px 0 #8a5a16;will-change:transform}
.reward-flying-coin:after{content:'I';color:#96620e;font:900 11px/1 Georgia,serif;text-shadow:0 1px #fff1a4}
.coin-reward-pulse{animation:wallet-reward-pulse .62s ease-in-out 2}
.coin-reward-hud{position:fixed;top:calc(64px + var(--safe-t,0px));right:calc(14px + var(--safe-r,0px));z-index:83;padding:8px 12px;border:1px solid #ddbd63;border-radius:9px;background:#073641ed;color:#ffde74;font:800 15px/1.3 -apple-system,sans-serif;pointer-events:none}
.coin-reward-hud[hidden]{display:none}
html.island-ui #game.playing #debug{top:42%;bottom:auto;left:calc(10px + var(--safe-l));right:auto;transform:translateY(-50%);max-width:min(260px,38vw);white-space:pre-wrap;font-size:9px;line-height:1.35;z-index:7;opacity:.9;pointer-events:none}
@media(max-height:450px){html.island-ui #game.playing #debug{top:40%;max-width:35vw;font-size:8px;line-height:1.3}}
@media(prefers-reduced-motion:reduce){.coin-reward-pulse{animation:none!important}}

/* 379: lift the right thumb cluster without changing touch targets or bindings.
   Keep mine/place/flight/dismount in the same grid so raised Jump/Run cannot
   overlap them. Short phones already reserve two hotbar rows at the bottom. */
@media(pointer:coarse){
 html.island-ui #game #mobile-controls{--is-bottom:calc(82px + var(--safe-b))}
}
@media(pointer:coarse) and (max-height:520px){
 html.island-ui #game #mobile-controls{--is-bottom:calc(62px + var(--safe-b))}
}
@media(pointer:coarse) and (max-width:760px) and (orientation:landscape){
 html.island-ui #game #mobile-controls{--is-bottom:calc(86px + var(--safe-b))}
}

/* 381: the guide's legacy :has rule must never push the player list into aiming. */
html.concept-ui #game #multiplayer-hud{top:calc(10px + var(--safe-t))!important;left:50%!important;width:auto!important;max-width:32vw;max-height:none!important;overflow:visible!important}
html.concept-ui #multiplayer-hud>header{padding:0 7px;gap:7px;min-height:38px}
html.concept-ui #multiplayer-hud header b{display:flex;gap:5px;align-items:center;white-space:nowrap}
html.concept-ui #social-online-count{font-size:11px}
html.concept-ui #social-open{min-height:38px;padding:4px 2px;font-size:11px;white-space:nowrap}
html.concept-ui #multiplayer-hud[data-connection=connecting] header i{background:#ffd16a}
html.concept-ui #multiplayer-hud[data-connection=local] header i{background:#91a8ad}

.village-activity{top:auto;bottom:calc(env(safe-area-inset-bottom) + 24%);left:auto;right:12px;transform:none;width:min(290px,36vw)}

/* 394: home actions, separate ad-free shortcut and full-size reward invitation. */
html.island-ui #island-worlds-button[hidden],html.island-ui .main-action-grid>.concept-recent-world{display:none!important}
html.island-ui #start-screen.showing-home .main-menu-center{grid-template-rows:minmax(70px,.65fr) minmax(0,1.35fr) auto;gap:10px}
html.island-ui .island-home-upgrade{display:flex;justify-content:center;padding:0 0 20px;min-width:0}
html.island-ui #start-screen:not(.showing-home) .island-home-upgrade{display:none}
html.island-ui .island-home-upgrade>#remove-ads-menu{display:flex;position:relative;inset:auto;flex-direction:row;align-items:center;justify-content:center;width:min(270px,100%);min-height:54px;height:auto;padding:8px 14px;gap:10px;border:1px solid #d68c83;border-radius:9px;background:linear-gradient(110deg,#0d4655f2,#092d3bf2);box-shadow:inset 0 1px #ffffff30,0 3px 7px #00152155;color:#f5faff}
html.island-ui .island-home-upgrade>#remove-ads-menu b{font-size:14px;line-height:1.25;white-space:normal;letter-spacing:0}
html.island-ui .island-home-upgrade>#remove-ads-menu small{display:none}
html.island-ui .island-home-upgrade>#remove-ads-menu>span{flex:none}
html.island-ui .island-home-upgrade:has(>#remove-ads-menu.hidden){display:none}
html.island-ui #island-store-button>span{color:#69efc8}
html.island-ui #dressing-room-start{background:linear-gradient(120deg,#73f3cc,#36c9b5);color:#073f42;border:1px solid #c4fff0;box-shadow:inset 0 2px #ffffff60,0 3px 7px #001e3866;min-height:48px}
html.island-ui #dressing-room-start :is(b,span){color:inherit}
html.island-ui #daily-gift-menu{min-width:224px;min-height:78px;padding:10px 15px;gap:12px;border:2px solid #ffd96f;border-radius:12px}
html.island-ui #daily-gift-menu b{font-size:17px;line-height:1.2}
html.island-ui #daily-gift-menu small{font-size:12px;line-height:1.3}
html.island-ui #daily-gift-menu>span{width:54px;height:54px}
html.island-ui #daily-gift-menu.ready:not(.claiming) .daily-gift-art{display:grid;transform-origin:50% 85%;animation:home-reward-nudge 6s ease-in-out infinite}
html.island-ui #daily-gift-menu:not(.ready) .daily-gift-art,html.island-ui #daily-gift-menu.claiming .daily-gift-art{animation:none}
@keyframes home-reward-nudge{0%,78%,100%{transform:translateY(0) rotate(0)}82%{transform:translateY(-5px) rotate(-7deg)}86%{transform:translateY(-2px) rotate(6deg)}90%{transform:translateY(-4px) rotate(-4deg)}94%{transform:translateY(0) rotate(2deg)}}
@media(max-height:520px) and (orientation:landscape){
 html.island-ui #start-screen.showing-home .main-menu-center{grid-template-rows:minmax(45px,.55fr) minmax(0,1.45fr) auto;gap:5px}
 html.island-ui .concept-home-tagline{display:none}
 html.island-ui .island-home-upgrade{padding-bottom:0}
 html.island-ui .island-home-upgrade>#remove-ads-menu{min-height:44px;width:min(240px,100%);padding:4px 10px;gap:8px}
 html.island-ui .island-home-upgrade>#remove-ads-menu>span{width:30px;height:30px;border-width:2px}
 html.island-ui .island-home-upgrade>#remove-ads-menu>span:after{width:27px}
 html.island-ui .island-home-upgrade>#remove-ads-menu b{font-size:12px}
 html.island-ui #daily-gift-menu{width:auto;height:auto;min-width:184px;min-height:62px;padding:6px 10px;gap:8px}
 html.island-ui #daily-gift-menu>div{display:flex}
 html.island-ui #daily-gift-menu b{font-size:14px}
 html.island-ui #daily-gift-menu small{font-size:10px}
 html.island-ui #daily-gift-menu>span{width:43px;height:43px}
 html.island-ui .menu-side{padding-top:100px}
}
@media(max-height:360px) and (orientation:landscape){
 html.island-ui #start-screen.showing-home .main-menu-center{grid-template-rows:minmax(32px,1fr) auto 44px;gap:4px}
 html.island-ui .main-action-grid{gap:4px}
 html.island-ui .main-action-grid>#new-game-button{min-height:44px}
 html.island-ui .main-menu-brand .game-logo{max-height:54px}
}
@media(max-width:600px) and (orientation:portrait){
 html.island-ui #start-screen.showing-home #main-menu-content{grid-template-columns:1fr;grid-template-rows:minmax(310px,1fr) minmax(160px,.8fr) 60px}
 html.island-ui #start-screen.showing-home .main-menu-center{grid-template-rows:125px minmax(0,1fr) 44px;gap:6px}
 html.island-ui .main-menu-brand .game-logo{max-width:44%;object-position:left top}
 html.island-ui .concept-home-tagline{display:none}
 html.island-ui .island-home-upgrade{padding-bottom:0;justify-content:flex-start}
 html.island-ui .island-home-upgrade>#remove-ads-menu{min-height:44px;padding:4px 10px;width:auto}
 html.island-ui .island-home-upgrade>#remove-ads-menu>span{width:30px;height:30px}
 html.island-ui #daily-gift-menu{min-width:0;max-width:190px;min-height:62px;padding:6px 8px;gap:7px}
 html.island-ui #daily-gift-menu b{font-size:13px}
 html.island-ui #daily-gift-menu small{font-size:10px}
 html.island-ui #daily-gift-menu>span{width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){html.island-ui #daily-gift-menu.ready .daily-gift-art{animation:none!important}}