/* LUMI 37 · a playful field interface. Original illustration, generous world space.
   The adapter is scoped so historical development pages keep their own styling. */
:root{--island-ink:#344d3d;--island-paper:#fff9eb;--island-muted:#586b5b;--island-mint:#bfd3aa;--island-gold:#ebc170;--island-edge:#d6ddc0;--island-shadow:0 10px 32px #203d3430,0 3px 0 #576d4420;--focus:#376a58}
.island-glyph{display:block;width:64px;height:64px;flex:none;overflow:visible;filter:drop-shadow(0 3px 0 #586b3c16)}
[data-interface="island-37"] .hud{color:var(--island-ink)}
[data-interface="island-37"] kbd{border:0;border-bottom:2px solid #9caa9040;background:#fff8e6;color:#526251;border-radius:7px;font-weight:900;box-shadow:0 1px 4px #20382d13}
[data-interface="island-37"] .topbar{top:22px;left:26px;right:auto;align-items:flex-start;gap:0;z-index:5}
[data-interface="island-37"] .brand{gap:8px;color:#fcf6de;filter:drop-shadow(0 2px 1px #405944);text-shadow:0 1px 9px #26473144}
[data-interface="island-37"] .brand svg{width:39px;height:39px;stroke-width:2}
[data-interface="island-37"] .brand strong{font-size:27px;font-weight:1000;letter-spacing:.12em}
[data-interface="island-37"] .brand small{font-size:8px;letter-spacing:.13em;margin-top:5px}
[data-interface="island-37"] .top-actions{position:absolute;left:0;top:58px;gap:5px;white-space:nowrap}
[data-interface="island-37"] .pill{height:31px;min-width:55px;padding:0 10px;gap:6px;background:#fff9e9ed;border:1px solid #fffaf1;box-shadow:0 2px 0 #7d967933;font-size:13px;font-weight:900}
[data-interface="island-37"] .pill svg{width:16px;height:16px}
[data-interface="island-37"] .top-actions>#help-button{display:none}
[data-interface="island-37"] .top-actions{flex-wrap:nowrap;width:max-content;max-width:none}
[data-interface="island-37"] .cozy-tools{display:none}
[data-interface="island-37"] .compass{top:26px;color:#fff9e9;text-shadow:0 1px 3px #284c38;gap:17px;opacity:.8}
[data-interface="island-37"] .compass b{color:#fff5cb;font-weight:900}
[data-interface="island-37"] .compass:after{border-color:#fff3c5}
#island-nav,#island-social{position:absolute;display:flex;gap:9px;pointer-events:auto;z-index:6}
#island-nav{right:23px;top:18px;align-items:flex-start}
#island-nav #build-button{inset:auto;order:0;margin:0}
#island-social{left:26px;bottom:26px;gap:13px;align-items:center}
#game .island-nav-button{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:88px;width:74px;padding:5px 3px;background:transparent;border:0;border-radius:22px;box-shadow:none;color:#fffbea;font:900 12px/1.25 var(--font-ui);cursor:pointer;pointer-events:auto;text-shadow:0 1px 2px #2a493c,0 0 8px #304e3e99;transition:transform .2s cubic-bezier(.2,.8,.2,1),background .18s}
#game .island-nav-button>.island-glyph{width:57px;height:57px;filter:drop-shadow(0 2px 0 #fff4ca) drop-shadow(0 3px 4px #405d3440)}
#game .island-nav-button>span{white-space:nowrap}
#game .island-nav-button>kbd{position:absolute;right:0;top:-2px;height:19px;min-width:20px;font-size:10px;padding:0 5px;background:#526352;color:#fff7dc;border-bottom-color:#354939;text-shadow:none}
#game .island-nav-button:hover{transform:translateY(-4px) rotate(-2deg);background:#fff8dc22}
#game .island-nav-button:active{transform:translateY(1px) scale(.95)}
#game .island-nav-button:focus-visible{outline:3px solid #ffe397;outline-offset:4px;background:#39584966}
#island-nav #chat-unread{top:10px;right:7px;border:2px solid #fffbe5;background:#eaa08d}
#island-social .island-nav-button{width:57px;min-height:65px;font-size:10px}
#island-social .island-nav-button>.island-glyph{width:40px;height:40px}
#island-social .island-nav-button>kbd{right:-2px;top:-6px;font-size:9px;min-width:17px;height:17px}
#island-social #sound-button{width:34px;height:34px;align-self:center;background:#fff9e8dc;border:2px solid #fff4d8;color:#546e5a;margin-left:4px}
[data-interface="island-37"] .life-daily{top:135px;left:26px;width:252px;max-height:none;padding:0;background:transparent;border:0;border-radius:0;backdrop-filter:none;box-shadow:none;z-index:4}
[data-interface="island-37"] .life-daily:before{display:none}
[data-interface="island-37"] #journal-button{display:flex;align-items:center;flex-wrap:wrap;gap:4px 9px;width:auto;padding:6px 10px;margin-bottom:14px;border:0;border-radius:11px;background:#fff9e7dd;color:#4b6252;box-shadow:0 3px 0 #7995701f;text-align:left}
[data-interface="island-37"] #journal-button>.eyebrow{display:none}
[data-interface="island-37"] #life-day{font:900 12px/1.4 var(--font-ui);margin:0;letter-spacing:0}
[data-interface="island-37"] #life-clock{font-size:10px;line-height:1.4;color:#5b6e5d}
[data-interface="island-37"] .nature-launch{display:none}
[data-interface="island-37"] .story-hud-button{position:relative;padding:13px 14px 14px 18px;border:0;border-left:4px solid #f3d487;border-radius:4px 18px 18px 4px;background:linear-gradient(110deg,#344f45eb,#344f45bd);box-shadow:0 6px 22px #213f3320;color:#fff8dc;text-align:left}
[data-interface="island-37"] .story-hud-button .eyebrow{font-size:9px;font-weight:800;letter-spacing:.07em;color:#f0d997}
[data-interface="island-37"] .story-hud-button strong{font-size:19px;font-weight:900;letter-spacing:0;line-height:1.25;margin:8px 0}
[data-interface="island-37"] .story-hud-button small{font-size:12px;line-height:1.6;color:#fff6d9}
[data-interface="island-37"] .story-hud-progress{gap:5px;margin-top:12px}
[data-interface="island-37"] .story-hud-progress i{height:4px;background:#ecedc942}
[data-interface="island-37"] .story-hud-progress i.on{background:#f3d383}
[data-interface="island-37"] .location{left:28px;bottom:110px;max-width:280px;padding:0;color:#fff8de;text-shadow:0 2px 3px #28443299}
[data-interface="island-37"] .location:before{display:none}
[data-interface="island-37"] .location .eyebrow{font-size:8px;letter-spacing:.12em;color:#f3e5b8}
[data-interface="island-37"] .location h2{font:900 clamp(18px,1.65vw,25px)/1.25 var(--font-ui);color:#fff8de;letter-spacing:0;margin:5px 0}
[data-interface="island-37"] .location p{display:none}
[data-interface="island-37"] .bottom-controls{bottom:13px;left:50%;transform:translateX(-50%);background:transparent;border:0;color:#fff8dd;text-shadow:0 1px 3px #234332;font-size:10px;gap:13px;padding:0;white-space:nowrap}
[data-interface="island-37"] .bottom-controls kbd{height:18px;font-size:9px;padding:0 5px;background:#405648bb;color:#fff8df}
[data-interface="island-37"] .flight-hud{bottom:45px;grid-template-columns:28px 112px;gap:3px 7px;color:#fff3cf;filter:drop-shadow(0 1px 2px #2c4f3b)}
[data-interface="island-37"] .flight-track{width:112px;height:6px;background:#48644988;border:1px solid #f9efc985;box-shadow:0 1px 4px #263f3233}
[data-interface="island-37"] .flight-hud small{font-size:8px;color:#fff8df;font-weight:800}
.island-tool-dock{position:absolute;bottom:38px;right:215px;z-index:6;pointer-events:auto}
#tool-launch{display:flex;align-items:center;gap:8px;position:relative;border:2px solid #fff6d5;background:#fff9e9ef;border-radius:24px 24px 13px 24px;box-shadow:var(--island-shadow);padding:9px 14px 9px 7px;color:#44594b;cursor:pointer;min-width:149px;text-align:left}
#tool-launch:hover{background:#fff8d8;transform:translateY(-3px)}
#tool-launch .island-glyph{width:43px;height:43px}
#tool-launch strong{display:block;font:900 12px/1.4 var(--font-ui)}
#tool-launch small{display:flex;gap:7px;align-items:center;font-size:10px;font-weight:800;margin-top:3px;color:#697560}
#tool-launch kbd{font-size:9px;min-width:17px;height:17px}
#tool-launch>i{position:absolute;top:-12px;left:9px;color:#ffe597;font-style:normal;font-size:22px;text-shadow:0 1px 2px #617154}
[data-interface="island-37"] .map-widget{right:24px;bottom:25px;padding:6px 6px 9px;border:0;background:#fff9e9f2;border-radius:48% 48% 22px 22px;box-shadow:var(--island-shadow);gap:4px;z-index:5;backdrop-filter:none}
[data-interface="island-37"] .map-widget canvas{width:144px;height:144px;border:3px solid #fff7df;box-shadow:0 0 0 1px #bac9af;margin-bottom:2px}
[data-interface="island-37"] .map-widget .map-place{max-width:145px;font-size:10px;line-height:1.4;font-weight:900;color:#4b6250}
[data-interface="island-37"] .map-widget .map-open{font-size:8px;letter-spacing:.04em;color:#6e785f}
[data-interface="island-37"] .map-widget:hover{transform:translateY(-3px)}
[data-interface="island-37"] .map-quest{right:24px;bottom:236px;width:193px;max-width:193px;background:#fff4d6f5;border:2px solid #ffebad;border-radius:18px 18px 5px 18px;box-shadow:0 5px 18px #34483218;padding:10px;gap:9px}
[data-interface="island-37"] #map-quest-title{font-size:12px;color:#4d5b42;line-height:1.35}
[data-interface="island-37"] #map-quest-step{font-size:9px;color:#7a6b43}
[data-interface="island-37"] #map-quest-distance{font-size:11px;color:#796337}
[data-interface="island-37"] #map-quest-arrow{background:#f1d78d;color:#6c653d;border-radius:50%;width:28px;height:28px;flex:none;font-size:20px}
[data-interface="island-37"] .prompt{bottom:138px;max-width:min(500px,60vw);border:2px solid #fff2c3;background:#4e6249f2;color:#fff8df;border-radius:30px;font-weight:850;box-shadow:0 4px 0 #344c3d55,0 10px 28px #284c3433;padding:6px 16px 6px 7px}
[data-interface="island-37"] .prompt>kbd{background:#f6da8c;color:#536245;width:32px;height:32px;border:0}
[data-interface="island-37"] #touch-next{color:#fff3d0;border-color:#efdfa777;background:#65734d}
[data-interface="island-37"] .toast{left:auto;right:26px;top:138px;transform:translateY(-10px);width:290px;max-width:calc(100vw - 40px);padding:17px 19px 17px 52px;border:2px solid #fff9e4;border-radius:24px 24px 24px 8px;background:#fff8df;box-shadow:var(--island-shadow);color:#4d5d47;font-size:13px;font-weight:850;opacity:0}
[data-interface="island-37"] .toast:before{content:'✦';position:absolute;left:16px;top:15px;font-size:26px;color:#b99143}
[data-interface="island-37"] .toast.visible{transform:translateY(0);opacity:1}
[data-interface="island-37"] .toast.pocket-receipt{display:flex;align-items:center;gap:13px;padding:13px 16px 13px 12px;min-height:84px;background:#fff7dc}
[data-interface="island-37"] .toast.pocket-receipt:before{display:none}
.receipt-art{display:grid;place-items:center;width:54px;height:54px;flex:none;border-radius:19px;transform:rotate(-6deg);background:color-mix(in srgb,var(--good) 28%,#fff8de);border:2px solid #fff9e3;box-shadow:0 3px 0 #bfcba549}
.receipt-art .ui-icon{width:34px;height:34px;fill:var(--good);stroke:#5f775a;stroke-width:1.5;transform:rotate(6deg)}
.pocket-receipt small{display:block;font-size:10px;color:#8c753f;margin-bottom:3px;font-weight:850}
.pocket-receipt strong{display:block;font-size:17px;line-height:1.3;font-weight:950;color:#526348}
.receipt-count{display:grid;place-items:center;width:32px;height:32px;margin-left:auto;flex:none;background:#f1d487;border-radius:50%;font-size:13px;color:#536047}
[data-interface="island-37"] #village-lesson{top:340px;left:26px;width:252px;padding:13px 16px;border:1px solid #fff4d2;border-radius:18px;background:#fff9e9f0;font-size:12px;box-shadow:var(--island-shadow)}
[data-interface="island-37"] #village-lesson strong{font-size:14px}
[data-interface="island-37"] #material-tracker{right:24px;top:136px;max-width:260px;font-size:12px;border:2px solid #fff6d8;border-radius:20px}
[data-interface="island-37"] #village-hint{bottom:192px;font-size:12px;padding:8px 14px;border-radius:20px;background:#fff9e9f2}
[data-interface="island-37"] .life-waypoint{bottom:98px}
[data-interface="island-37"] #meal-status{left:26px;bottom:175px;top:auto;border-radius:20px;border:1px solid #fff7dd}
[data-interface="island-37"] .dialogue{width:min(760px,calc(100% - 44px));bottom:76px;padding:31px 37px 24px;border:3px solid #fffaf0;background:#fff6dff7;border-radius:42px 35px 40px 18px;box-shadow:var(--island-shadow)}
[data-interface="island-37"] .dialogue header{position:absolute;left:28px;top:-18px;padding:8px 20px;border-radius:20px 20px 20px 4px;background:#699b83;color:#fff8e5;font-size:14px;font-weight:950;letter-spacing:.015em;box-shadow:0 3px 0 #466b5740}
[data-interface="island-37"] .dialogue p{font:800 calc(21px * var(--ui-scale))/1.6 var(--font-ui);color:#52624c;margin:7px 0 16px}
[data-interface="island-37"] .dialogue button{background:#f2d38c;color:#4b5c43;border:1px solid #dbbc76;border-radius:22px;font-weight:900;padding:10px 22px;box-shadow:0 3px 0 #d7b87955}
[data-interface="island-37"] .emote-panel{left:24px;right:auto;top:auto;bottom:108px;border:3px solid #fff7df;border-radius:30px;background:#fff9e9;box-shadow:var(--island-shadow)}
[data-interface="island-37"] .chat-panel{left:26px;bottom:105px;border-radius:24px;border:2px solid #fff4d1;background:#fff9e9f5;box-shadow:var(--island-shadow);width:min(360px,90vw)}
/* All game sheets use the same cream paper, illustrated dividers and pill actions. */
[data-interface="island-37"] .overlay{background:#284a414d;backdrop-filter:blur(7px) saturate(.95);padding:24px}
[data-interface="island-37"] .panel{background:#fff9e9;color:#405349;border:3px solid #fffdf0;border-radius:32px;box-shadow:0 25px 90px #233f3655,0 7px 0 #526d4930;animation:island-sheet-in .24s cubic-bezier(.2,.75,.3,1);scrollbar-color:#abc6a2 #f0eedb}
[data-interface="island-37"] .panel h2{font-weight:950;letter-spacing:-.025em;color:#425948;line-height:1.2}
[data-interface="island-37"] .panel h3{font-weight:900;color:#455a4c}
[data-interface="island-37"] .panel .eyebrow{color:#7d815d;letter-spacing:.09em;font-weight:850}
[data-interface="island-37"] .panel .close{width:38px;height:38px;right:18px;top:18px;background:#f3ecd4;border:2px solid #fff9e9;border-radius:50%;box-shadow:0 3px 0 #cecbb655;color:#596b50;font-size:25px}
[data-interface="island-37"] .panel .close:hover{background:#f5d99a;transform:rotate(8deg)}
[data-interface="island-37"] .panel p{color:#627361}
[data-interface="island-37"] .primary,[data-interface="island-37"] .panel-footer .primary{background:#f0cf82;color:#45583f;border:1px solid #ddbd74;border-radius:24px;font-weight:900;box-shadow:0 3px 0 #c4a76555;padding:11px 25px}
[data-interface="island-37"] .primary:hover{background:#ffe2a0;transform:translateY(-2px)}
[data-interface="island-37"] .panel :is(input,select){border:2px solid #dde1c8;border-radius:12px;background:#fffdf4;color:#445a47}
[data-interface="island-37"] .panel :is(button,summary):focus-visible{outline:3px solid #4d8d76;outline-offset:3px}
[data-interface="island-37"] .life-panel{grid-template-columns:150px minmax(0,1fr);border-radius:32px;background:#fff9e9;width:min(1120px,calc(100vw - 48px));height:min(810px,calc(100dvh - 48px));padding:0}
[data-interface="island-37"] .life-tabs{background:#e4ebd5;border:0;padding:24px 10px;gap:7px}
[data-interface="island-37"] .journal-binding{align-items:center;text-align:center;border:0;margin-bottom:8px;padding-bottom:8px}
[data-interface="island-37"] .journal-seal{width:48px;height:48px;background:#fff6d9;border-radius:18px;box-shadow:0 4px 0 #c1d0ad}
[data-interface="island-37"] .journal-binding strong{font-size:19px;font-weight:900;color:#536a50}
[data-interface="island-37"] .journal-binding small{font-size:7px}
[data-interface="island-37"] .journal-signoff{display:none}
[data-interface="island-37"] .life-tabs button{border:1px solid transparent;border-radius:17px;padding:13px 10px;color:#5a7052;font-weight:900;font-size:13px}
[data-interface="island-37"] .life-tabs button[aria-selected=true]{background:#fff7dc;border-color:#fffef0;color:#4c644a;box-shadow:0 4px 0 #c2d0ad}
[data-interface="island-37"] .life-tabs button[aria-current=page]{background:#fff7dc;border-color:#fffef0;color:#4c644a;box-shadow:0 4px 0 #c2d0ad}
[data-interface="island-37"] .life-tabs button[aria-selected=true]:after{background:#d3ad5d;width:6px;height:6px}
[data-interface="island-37"] .life-tabs .ui-icon{width:25px;height:25px;fill:#fff1c9;stroke:#6c8d67;stroke-width:1.8}
[data-interface="island-37"] .life-heading{background:#fff9e9;border-color:#e5e5cc;padding:25px 76px 20px 27px}
[data-interface="island-37"] .life-heading h2{font-size:29px;font-weight:950}
[data-interface="island-37"] .life-heading p{margin:5px 0 0;font-size:13px}
[data-interface="island-37"] .life-wallet{background:#eff0d8;border:0;border-radius:20px;box-shadow:inset 0 -3px #dce4c8}
[data-interface="island-37"] #life-content{padding:22px 27px;background:radial-gradient(ellipse at 95% 0,#f3efd266,transparent 40%)}
[data-interface="island-37"] .journal-day{background:#e6eed7;border:0;border-radius:22px;box-shadow:inset 0 -3px #d5e2c3;padding:14px 20px}
[data-interface="island-37"] .journal-day h3{font-size:18px}
[data-interface="island-37"] .stamp-count{border:0;background:#fff6d9;border-radius:17px;box-shadow:0 3px 0 #d5d5b8}
[data-interface="island-37"] .life-goals .daily-task{border:2px solid var(--edge);border-radius:22px;background:linear-gradient(var(--tint),#fffdf1 90%);box-shadow:0 4px 0 #dbe2c861;padding:16px}
[data-interface="island-37"] .task-icon{border-radius:15px;background:#fff9df;box-shadow:0 3px 0 var(--edge);width:45px;height:45px}
[data-interface="island-37"] .task-icon .ui-icon{fill:#f6e4b6;stroke-width:1.6}
[data-interface="island-37"] .task-progress>strong{font-size:31px}
[data-interface="island-37"] #life-content .daily-task[data-status=ready] button{background:#f2d38c;color:#495c3f;border-color:#e4c47d;border-radius:20px;box-shadow:0 3px 0 #d2b57877}
[data-interface="island-37"] .task-status{border-radius:10px}
[data-interface="island-37"] .life-panel .section-title{font-weight:950;font-size:19px}
[data-interface="island-37"] .life-footer{background:#edf0dd;border:0;color:#6c7b62}
[data-interface="island-37"] :is(.recipe-card,.collection-card,.item-card,.build-card,.cook-card,.neighbors-grid article){border:2px solid #e4e6ce;border-radius:23px;background:#fffdf3;box-shadow:0 4px 0 #dce2c74d;overflow:hidden}
[data-interface="island-37"] :is(.recipe-card,.collection-card,.item-card,.build-card,.cook-card):hover{border-color:#becfaf;box-shadow:0 5px 0 #dce2c777}
[data-interface="island-37"] .recipe-symbol{width:56px;height:56px;border:0;border-radius:20px;background:#f6e8c5;box-shadow:0 3px 0 #e6d7b9}
[data-interface="island-37"] .recipe-symbol .ui-icon{width:32px;height:32px;fill:#faedc8;stroke-width:1.7;color:#698d74}
[data-interface="island-37"] .recipe-symbol .island-glyph{width:46px;height:46px}
[data-interface="island-37"] :is([data-track-recipe],[data-track-build],[data-track-dish]){padding:9px 12px;border:1px solid #cbd9ba;border-radius:18px;color:#50694a;background:#edf2dd;font:850 12px/1.4 var(--font-ui);min-height:38px;cursor:pointer;margin:0 0 9px;box-shadow:0 2px 0 #d5dfc455}
[data-interface="island-37"] :is([data-track-recipe],[data-track-build],[data-track-dish]):hover{background:#e1ebcf;border-color:#a9c093}
[data-interface="island-37"] .item-card button,[data-interface="island-37"] #life-content .recipe-card[data-status=ready] button{border-radius:22px;background:#64947b;color:#fffceb;border-color:#59856e;box-shadow:0 3px 0 #42745b55}
[data-interface="island-37"] .recipe-cost>span{border-radius:10px;background:#eaf0db}
[data-interface="island-37"] .recipe-cost>span.missing{background:#f6e4d0;color:#89512f}
[data-interface="island-37"] .good-icon{border:0;border-radius:18px;background:color-mix(in srgb,var(--good,#c1d8b6) 24%,#fff8e4);color:#567a59;box-shadow:0 3px 0 #dce5c866}
[data-interface="island-37"] .good-icon .ui-icon{width:29px;height:29px;fill:color-mix(in srgb,var(--good,#c1d8b6) 55%,#fff7dc);stroke-width:1.6}
[data-interface="island-37"] .item-art{background:radial-gradient(ellipse at 50% 70%,#e4ebcf,#fffaf0 75%);border-radius:18px}
[data-interface="island-37"] .item-card h3{font-size:22px}
[data-interface="island-37"] .story-panel,[data-interface="island-37"] .build-panel{background:#fff9e9!important;border-radius:32px!important}
[data-interface="island-37"] :is(.story-heading,.build-heading,.cooking-panel>header,.nature-panel>header,.farm-panel>header){background:linear-gradient(115deg,#e3edd5,#fff3d7);border-bottom:1px solid #dce4cb}
[data-interface="island-37"] :is(#story-tabs,#build-tabs,.nature-tabs,#village-tabs){background:#fff9e9;padding-top:12px;padding-bottom:12px;border-color:#e0e4ca}
[data-interface="island-37"] :is(#story-tabs,#build-tabs,.nature-tabs,#village-tabs) button{border-radius:20px;font-weight:850}
[data-interface="island-37"] :is(#story-tabs,#build-tabs,.nature-tabs,#village-tabs) button[aria-pressed=true]{background:#628e73;color:#fff9e7;box-shadow:0 3px 0 #496e5844}
[data-interface="island-37"] #story-list{background:#ebefdc;border-color:#dce4cc}
[data-interface="island-37"] .story-chapter[aria-current=true]{background:#fff5d8;border:2px solid #ecd49b;box-shadow:0 3px 0 #dedabe}
[data-interface="island-37"] .story-number{border-radius:50%;background:#d5e3c5}
[data-interface="island-37"] .story-hero{background:linear-gradient(110deg,#fff1cc,#e6eed8);border-radius:0 0 26px 26px;margin:0 12px}
[data-interface="island-37"] .story-actions button:first-child{background:#f2d28a;color:#4a5e40;border-color:#dbc07e;box-shadow:0 3px 0 #d3b87a66;border-radius:20px}
[data-interface="island-37"] .build-art{background:radial-gradient(ellipse at 50% 75%,#e0eacb,#faf5e4 75%)}
[data-interface="island-37"] .build-card>button{border-radius:20px;background:#68947a;font-weight:900;padding:12px}
[data-interface="island-37"] .build-options{background:#eef1de}
[data-interface="island-37"] .avatar-stage{background:radial-gradient(ellipse at 50% 60%,#e1e9ce,#fff4d9 70%);border-radius:28px;border:2px solid #fffaf0}
[data-interface="island-37"] .avatar-options fieldset{border-radius:22px;background:#f4f2df}
[data-interface="island-37"] .form-option[aria-pressed=true]{border-color:#dbbf7b;background:#fff2c5;box-shadow:0 3px 0 #e5d498}
[data-interface="island-37"] .atlas-panel{background:#fff9e9}
[data-interface="island-37"] .atlas-route{border-radius:20px;border-color:#e2e5cb;background:#fffdf2}
[data-interface="island-37"] .atlas-tabs button[aria-selected=true]{background:#f2d48c;color:#4a5c41}
[data-interface="island-37"] .fishing-hud{border:3px solid #fff7dc;border-radius:30px;background:#fff8e5;box-shadow:var(--island-shadow)}
[data-interface="island-37"] .fishing-hud.biting{border-color:#f5cd77;animation:island-nibble .55s ease-out}
[data-interface="island-37"] #reel-button{border-radius:25px;background:#f1cf85;color:#4c5b40;font-weight:950}
[data-interface="island-37"] .catch-panel{background:radial-gradient(ellipse at 50% 28%,#ffedb7,#fff9e9 64%);border:3px solid #fff9df;border-radius:38px;box-shadow:0 25px 90px #283f3855,0 0 80px #ffe9af33}
[data-interface="island-37"] .catch-panel h2{font-weight:1000;color:#52694d}
/* The island notebook gathers secondary systems into one intentionally illustrated page. */
#island-menu-overlay{z-index:75}
#game .island-menu-panel{width:min(990px,calc(100vw - 40px));max-height:calc(100dvh - 40px);padding:0;display:flex;flex-direction:column;overflow:hidden;border-radius:34px}
.island-menu-heading{display:flex;align-items:center;gap:20px;padding:29px 65px 24px 30px;background:linear-gradient(115deg,#e1edcf,#fff2cd);border-bottom:2px solid #e1e4c9;flex:none}
.island-menu-seal{width:92px;height:92px;display:grid;place-items:center;background:#fff9e7;border:3px solid #fffdf2;border-radius:30px;box-shadow:0 5px 0 #bdcea86b;transform:rotate(-6deg);flex:none}
.island-menu-seal .island-glyph{width:73px;height:73px}
#game .island-menu-heading h2{font-size:30px;margin:7px 0}
#game .island-menu-heading p{font-size:13px;margin:0}
#island-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:24px 28px 28px;overflow-y:auto;min-height:0}
.island-menu-tile{position:relative;display:flex;align-items:center;gap:13px;min-height:106px;padding:14px 13px;text-align:left;border:2px solid #e4e7ce;border-radius:23px;background:#fffdf2;color:#455b48;box-shadow:0 4px 0 #dfe5cd66;cursor:pointer;min-width:0;transition:transform .18s,border-color .18s,background .18s}
.island-menu-tile:hover{transform:translateY(-4px);border-color:#bdcfab;background:#fff8df;box-shadow:0 6px 0 #d8e1c577}
.island-menu-tile:nth-child(3n+2) .island-tile-art{background:#ede4eb}
.island-menu-tile:nth-child(3n) .island-tile-art{background:#f7e8c8}
.island-tile-art{width:59px;height:61px;display:grid;place-items:center;border-radius:21px;background:#e4efda;flex:none;transform:rotate(-4deg)}
.island-tile-art .island-glyph{width:52px;height:52px;transform:rotate(4deg)}
.island-menu-tile strong{display:block;font-size:17px;font-weight:950;margin-bottom:5px}
.island-menu-tile small{display:block;color:#6d7b62;font:650 11px/1.5 var(--font-ui);max-width:150px;padding-right:5px}
.island-menu-tile>kbd,.island-menu-tile>i{position:absolute;top:8px;right:8px;font-size:9px;min-width:17px;height:17px;font-style:normal;color:#788561}
.island-menu-panel>footer{display:flex;align-items:center;gap:12px;justify-content:space-between;background:#edf0da;border-top:1px solid #dce3c6;padding:12px 26px;font-size:11px;font-weight:800;color:#6b7b5d;flex:none}
.island-menu-panel .locale-control{display:block;margin-left:auto}
.island-menu-panel .locale-control select{min-height:30px;font-size:11px;padding:5px 20px 5px 10px}
/* The five original tool controls are moved, not cloned: one source of equipped state. */
#tool-wheel-overlay{z-index:78;background:#284a4130;backdrop-filter:blur(3px)}
#game .tool-wheel-panel{width:440px;max-width:94vw;padding:22px 20px 20px;overflow:visible;background:#fff9e9f5;border:3px solid #fffdf0;border-radius:48px;box-shadow:0 20px 70px #253f3840;max-height:calc(100dvh - 30px)}
.tool-wheel-panel header{text-align:center;padding:4px 34px 0}
#game .tool-wheel-panel h2{font-size:25px;margin:6px 0 0}
.tool-wheel-stage{position:relative;width:350px;height:350px;max-width:100%;margin:7px auto}
#game #tool-belt{position:absolute;inset:0;display:block;transform:none;width:100%;height:100%;border:0;border-radius:50%;padding:0;background:transparent;box-shadow:none;pointer-events:auto}
#game #tool-belt button{position:absolute;left:var(--wheel-x);top:var(--wheel-y);transform:translate(-50%,-50%);width:79px;height:80px;padding:9px 5px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;background:#e7edda;border:2px solid #fffdf0;border-radius:43% 46% 40% 48%;box-shadow:0 4px 0 #cbd7bc;color:#5b7055;transition:background .18s,box-shadow .18s;overflow:visible}
#game #tool-belt button>span{margin:0;line-height:1}
#game #tool-belt .island-glyph{width:43px;height:43px}
#game #tool-belt button>small{font:850 11px/1.2 var(--font-ui);margin:0}
#game #tool-belt kbd{top:-4px;left:-4px;position:absolute;background:#637559;color:#fff7dd;width:20px;height:20px;min-width:20px;display:grid;place-items:center;border:2px solid #fff8df;font-size:9px;border-radius:7px}
#game #tool-belt button[aria-pressed=true],#game #tool-belt button:hover,#game #tool-belt button:focus-visible{background:#f6db91;border-color:#fff2b9;box-shadow:0 4px 0 #ceaf68,0 0 0 3px #ffeec688;color:#506042}
#game #tool-belt button[aria-pressed=true]:after{display:none}
#game #tool-belt button.tool-locked{opacity:1;background:#e8e9df;box-shadow:0 4px 0 #d4d8c9;color:#6d7867}
#game #tool-belt button.tool-locked .island-glyph{opacity:.5;filter:grayscale(.5)}
#game #tool-belt button.tool-locked:after{content:'+';display:grid;place-items:center;position:absolute;right:-2px;bottom:-1px;width:21px;height:21px;border-radius:50%;background:#8a9980;color:#fffbe7;font-size:15px;border:2px solid #fff9e9}
.tool-wheel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:147px;text-align:center;pointer-events:none;z-index:2}
.tool-wheel-center>span{display:block;width:56px;height:56px;margin:0 auto 5px}
.tool-wheel-center .island-glyph{width:56px;height:56px}
.tool-wheel-center strong{display:block;font:950 16px/1.3 var(--font-ui);color:#4c664d}
.tool-wheel-center small{display:block;font:700 10px/1.5 var(--font-ui);color:#7d805f;margin:5px auto;max-width:130px}
.tool-wheel-panel footer{text-align:center;border-top:1px dashed #d1d9bd;padding-top:13px;color:#617455;font:800 11px/1.5 var(--font-ui)}
.tool-wheel-panel footer small{display:block;font-weight:650;font-size:10px;color:#7e866b;margin-top:4px}
#game .tool-wheel-panel{background:transparent;border-color:transparent;box-shadow:none}
.tool-wheel-panel header{width:270px;max-width:calc(100% - 50px);margin:auto;padding:10px 16px;background:#fff7dfee;border:2px solid #fff9e6;border-radius:23px 23px 10px 23px;box-shadow:0 4px 0 #435c4630}
.tool-wheel-panel header>.eyebrow{font-size:8px}
.tool-wheel-center{width:145px;height:145px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid #fffae4;border-radius:50%;background:#fff8e4ee;box-shadow:0 4px 0 #556e412e}
.tool-wheel-center>span{margin-bottom:3px}
.tool-wheel-center strong{font-size:14px;max-width:129px}
.tool-wheel-panel footer{margin:0 auto;border:1px solid #fff6d3;border-radius:18px;background:#fff8e9eb;width:fit-content;max-width:100%;padding:9px 18px;box-shadow:0 3px 0 #4f634c22}
[data-interface="island-37"].photo-mode :is(#island-nav,#island-social,.island-tool-dock){display:none}
[data-interface="island-37"].party-playing :is(.island-daily,.location,.island-tool-dock){display:none}
html[data-ui-hud=quiet] [data-interface="island-37"] .life-daily{display:none}
@keyframes island-sheet-in{from{opacity:0;transform:translateY(13px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes island-nibble{0%,100%{scale:1}45%{scale:1.035}}
@media(min-width:1600px){#island-nav{gap:16px;right:34px;top:24px}#game #island-nav .island-nav-button{width:82px;font-size:13px}#game #island-nav .island-glyph{width:66px;height:66px}[data-interface="island-37"] .life-daily{width:270px;top:145px}[data-interface="island-37"] .story-hud-button strong{font-size:21px}}
@media(max-width:1100px){#island-nav{gap:3px;right:16px}#game #island-nav .island-nav-button{width:64px;font-size:11px}#game #island-nav .island-glyph{width:49px;height:49px}[data-interface="island-37"] .compass{display:none}[data-interface="island-37"] .life-daily{width:225px}[data-interface="island-37"] #village-lesson{width:225px;font-size:11px;top:327px}.island-tool-dock{right:193px}[data-interface="island-37"] .map-widget{right:16px}[data-interface="island-37"] .map-widget canvas{width:128px;height:128px}[data-interface="island-37"] .map-quest{right:16px;bottom:219px;width:175px}[data-interface="island-37"] .location{max-width:220px}}
@media(max-height:760px) and (min-width:761px){[data-interface="island-37"] #village-lesson{top:320px;font-size:11px;padding:10px 13px}[data-interface="island-37"] #village-lesson p{margin:5px 0}[data-interface="island-37"] .story-hud-button strong{font-size:17px}[data-interface="island-37"] .story-hud-button small{font-size:11px}#island-menu-grid{gap:10px;padding:18px 23px}.island-menu-tile{min-height:87px;padding:10px}.island-menu-heading{padding:20px 60px 18px 27px}.island-menu-seal{width:73px;height:73px}.island-menu-seal .island-glyph{width:60px;height:60px}}
@media(max-width:760px){[data-interface="island-37"] .topbar{left:16px;top:15px}[data-interface="island-37"] .brand strong{font-size:23px}[data-interface="island-37"] .brand small{display:none}[data-interface="island-37"] .brand svg{width:32px;height:32px}[data-interface="island-37"] .top-actions{top:45px;gap:3px}[data-interface="island-37"] .pill{min-width:44px;height:27px;padding:0 7px;font-size:11px}#island-nav{top:14px;right:10px;gap:1px}#game #island-nav .island-nav-button{width:51px;font-size:9px;min-height:65px}#game #island-nav .island-glyph{width:39px;height:39px}#game #island-nav .island-nav-button>kbd{height:15px;min-width:16px;font-size:8px;padding:0 3px}#island-social{left:15px;bottom:20px;gap:9px}[data-interface="island-37"] .life-daily{top:104px;left:15px;width:200px}[data-interface="island-37"] #journal-button{padding:5px 8px;gap:2px;margin-bottom:10px}[data-interface="island-37"] #life-day{font-size:11px}[data-interface="island-37"] #life-clock{font-size:9px}[data-interface="island-37"] .story-hud-button{padding:10px 12px}[data-interface="island-37"] .story-hud-button strong{font-size:16px}[data-interface="island-37"] .story-hud-button small{font-size:10px}[data-interface="island-37"] .location{left:15px;bottom:99px;max-width:180px}[data-interface="island-37"] .location h2{font-size:17px}[data-interface="island-37"] #village-lesson{top:290px;left:15px;width:200px;font-size:11px}[data-interface="island-37"] .map-widget{bottom:20px;right:12px;padding:4px 4px 7px}[data-interface="island-37"] .map-widget canvas{width:106px;height:106px}[data-interface="island-37"] .map-widget .map-place{font-size:9px;max-width:110px}[data-interface="island-37"] .map-widget .map-open{font-size:7px}[data-interface="island-37"] .map-quest{right:12px;bottom:185px;width:150px;max-width:150px;padding:8px}[data-interface="island-37"] #map-quest-title{font-size:11px}[data-interface="island-37"] #map-quest-step{font-size:8px}.island-tool-dock{right:148px;bottom:34px}#tool-launch{min-width:0;padding:8px;border-radius:23px}#tool-launch .island-glyph{width:38px;height:38px}#tool-launch strong{font-size:10px;max-width:73px}#tool-launch small{font-size:9px}[data-interface="island-37"] .bottom-controls{display:none}[data-interface="island-37"] .flight-hud{bottom:15px;left:50%;transform:translateX(-50%)}[data-interface="island-37"] .prompt{bottom:132px;font-size:12px;max-width:75vw}[data-interface="island-37"] .toast{right:15px;top:95px;width:240px;font-size:12px}[data-interface="island-37"] #material-tracker{top:94px;right:13px;max-width:210px;font-size:11px}#island-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:17px;gap:12px}.island-menu-heading{padding:21px 54px 19px 22px;gap:14px}#game .island-menu-heading h2{font-size:25px}.island-menu-seal{width:67px;height:67px;border-radius:23px}.island-menu-seal .island-glyph{width:55px;height:55px}.island-menu-tile{min-height:95px}.island-menu-panel>footer{padding:12px 18px;font-size:10px}[data-interface="island-37"] .life-panel{grid-template-columns:116px minmax(0,1fr)}[data-interface="island-37"] .life-tabs{padding:20px 8px}[data-interface="island-37"] .life-tabs button{padding:10px 7px;font-size:11px}[data-interface="island-37"] .journal-binding strong{font-size:17px}[data-interface="island-37"] .life-heading{padding:20px 57px 18px 19px}[data-interface="island-37"] .life-heading h2{font-size:24px}[data-interface="island-37"] #life-content{padding:17px}[data-interface="island-37"] .dialogue{padding:29px 22px 20px;bottom:85px}[data-interface="island-37"] .dialogue p{font-size:18px}}
@media(max-width:560px){[data-interface="island-37"] .brand{display:none}[data-interface="island-37"] .top-actions{top:0}#island-nav{top:56px;right:11px;left:11px;justify-content:flex-end;gap:6px}#game #island-nav .island-nav-button{width:51px}[data-interface="island-37"] .life-daily{top:140px;width:185px}[data-interface="island-37"] #journal-button{display:none}[data-interface="island-37"] .story-hud-button{background:#365549e8}[data-interface="island-37"] .story-hud-button strong{font-size:14px}[data-interface="island-37"] .story-hud-button .eyebrow{font-size:8px}[data-interface="island-37"] .location{display:none}[data-interface="island-37"] #village-lesson{top:auto;bottom:205px;width:195px;font-size:10px;padding:10px 12px}[data-interface="island-37"] #village-lesson strong{font-size:12px}#island-social{left:12px;bottom:20px;gap:6px}#island-social .island-nav-button{width:40px;font-size:8px;min-height:54px}#island-social .island-nav-button>.island-glyph{width:32px;height:32px}#island-social #sound-button{display:none}.island-tool-dock{right:128px;bottom:42px}#tool-launch{gap:3px}#tool-launch strong{display:none}#tool-launch small{flex-direction:column;gap:2px}#tool-launch-art .island-glyph{width:34px;height:34px}[data-interface="island-37"] .map-widget canvas{width:91px;height:91px}[data-interface="island-37"] .map-widget .map-place{max-width:95px;font-size:8px}[data-interface="island-37"] .map-quest{bottom:164px;width:135px;padding:7px}[data-interface="island-37"] #map-quest-step{display:none}[data-interface="island-37"] #map-quest-title{font-size:10px}[data-interface="island-37"] .toast{top:127px;right:12px;width:205px}[data-interface="island-37"] .flight-hud{bottom:11px;left:49%}[data-interface="island-37"] .flight-hud small{display:none}[data-interface="island-37"] .prompt{bottom:131px;max-width:88vw;font-size:11px}[data-interface="island-37"] .mobile-controls{bottom:90px}[data-interface="island-37"] .life-panel{grid-template-columns:minmax(0,1fr);border-radius:24px;width:calc(100vw - 18px);height:calc(100dvh - 22px);max-height:calc(100dvh - 22px)}[data-interface="island-37"] .life-tabs{padding:8px 12px;gap:6px}[data-interface="island-37"] .life-tabs button{font-size:12px;padding:10px}[data-interface="island-37"] .life-tabs .ui-icon{width:18px;height:18px}[data-interface="island-37"] .life-heading h2{font-size:23px}[data-interface="island-37"] .life-goals .daily-task{padding:13px}[data-interface="island-37"] .panel{border-radius:25px;max-height:calc(100dvh - 24px)}[data-interface="island-37"] .overlay{padding:10px}#game .island-menu-panel{width:calc(100vw - 18px);max-height:calc(100dvh - 24px);border-radius:27px}.island-menu-heading{padding:22px 47px 20px 18px}.island-menu-seal{display:none}#game .island-menu-heading h2{font-size:23px}#game .island-menu-heading p{font-size:11px}.island-menu-tile{flex-direction:column;align-items:flex-start;padding:11px;gap:9px;min-height:146px}.island-tile-art{width:49px;height:49px;border-radius:17px}.island-tile-art .island-glyph{width:44px;height:44px}.island-menu-tile strong{font-size:15px}.island-menu-tile small{font-size:10px;line-height:1.4}.island-menu-panel>footer>span{max-width:115px}.tool-wheel-stage{width:300px;height:300px}#game .tool-wheel-panel{padding:18px 12px}#game #tool-belt button{width:68px;height:70px}#game #tool-belt .island-glyph{width:36px;height:36px}#game #tool-belt button>small{font-size:10px}.tool-wheel-center{width:123px}.tool-wheel-center strong{font-size:13px}.tool-wheel-center>span,.tool-wheel-center .island-glyph{width:45px;height:45px}.tool-wheel-center small{font-size:9px;max-width:112px}}
@media(max-height:570px){#game .tool-wheel-panel{padding:10px 15px;border-radius:32px}.tool-wheel-panel header{padding-top:0}.tool-wheel-panel header>.eyebrow{display:none}#game .tool-wheel-panel h2{font-size:21px}.tool-wheel-stage{width:290px;height:290px;margin:0 auto}#game #tool-belt button{width:67px;height:67px}#game #tool-belt .island-glyph{width:34px;height:34px}.tool-wheel-panel footer{padding-top:7px}.tool-wheel-panel footer small{display:none}.tool-wheel-center>span,.tool-wheel-center .island-glyph{width:40px;height:40px}.tool-wheel-center strong{font-size:13px}.tool-wheel-center{width:120px}[data-interface="island-37"] #village-lesson{display:none}}
@media(prefers-reduced-motion:reduce){#game[data-interface="island-37"] *,#game[data-interface="island-37"] *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}#game .island-nav-button:hover,.island-menu-tile:hover,#tool-launch:hover{transform:none}}
@media(max-width:560px){#island-social #sound-button{display:grid;width:28px;height:28px;margin-left:0}}
.neighbors-grid .resident-activity{display:table!important;background:#e8f0da;border:1px solid #cbd7b8;border-radius:999px;padding:5px 10px;margin:7px 0;color:#496248;font-size:12px;font-weight:700}
@media(min-width:761px) and (max-height:800px){[data-interface="island-37"] .avatar-panel{padding:23px 30px}[data-interface="island-37"] .avatar-panel>h2{font-size:28px;margin:7px 0}[data-interface="island-37"] .avatar-panel>p{margin:5px 0 16px;font-size:13px}[data-interface="island-37"] .avatar-stage{min-height:270px}[data-interface="island-37"] #avatar-preview-slot{height:215px}[data-interface="island-37"] .avatar-stage>small{padding-bottom:14px}[data-interface="island-37"] .avatar-options fieldset{margin:0 0 13px}[data-interface="island-37"] .avatar-options legend{margin:0 0 7px}[data-interface="island-37"] .form-card{min-height:64px;padding:4px 9px}[data-interface="island-37"] .form-card .character-portrait{width:48px;height:48px}[data-interface="island-37"] .avatar-panel .panel-footer{margin-top:13px;padding-top:13px}[data-interface="island-37"] .avatar-panel .creator-locale{margin:8px 0}}
@media(max-height:480px){#game .tool-wheel-panel{padding:5px 12px;max-height:calc(100dvh - 16px)}.tool-wheel-panel header{padding:6px 12px;width:210px}#game .tool-wheel-panel h2{font-size:18px;margin:0}.tool-wheel-stage{width:240px;height:240px}#game #tool-belt button{width:57px;height:57px;padding:5px 3px}#game #tool-belt .island-glyph{width:29px;height:29px}#game #tool-belt button>small{font-size:9px}.tool-wheel-center{width:100px;height:100px}.tool-wheel-center>span,.tool-wheel-center .island-glyph{width:30px;height:30px}.tool-wheel-center strong{font-size:11px;max-width:85px}.tool-wheel-center small{font-size:8px;max-width:78px;line-height:1.3;margin:3px auto}.tool-wheel-panel footer{font-size:9px;padding:7px 11px}}