@charset "UTF-8";
@import url("./rewardstyle-v13.css?v=1.3.0");
:root{color-scheme:light;--forest:#244d3d;--forest-dark:#153a2d;--sage:#e6eddb;--cream:#f8f5e9;--paper:#fffdf3;--gold:#e5bf6c;--ink:#213c30;--muted:#6d7768;--line:rgba(48,76,50,.15);--shadow:0 18px 60px #102d2e30;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);font-family:ui-rounded,"Avenir Next","Segoe UI",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0;background:#6a8970;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;min-height:48px;border:0;transition:background .16s,color .16s,transform .16s,box-shadow .16s}button:active{transform:translateY(1px)}button:disabled{cursor:wait;opacity:.52}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e7ae48;outline-offset:3px}a{color:inherit;text-decoration:none}input,select{font-size:16px;min-height:48px;color:var(--ink)}input{-webkit-user-select:text;user-select:text}button svg{width:24px;height:24px;pointer-events:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#world{position:absolute;inset:0;width:100%;height:100%;height:100dvh;display:block;touch-action:none;outline:none}.world-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#112f2b85,transparent 62%),linear-gradient(0deg,#0e332e50,transparent 30%)}body:has(#lobby[hidden]) .world-shade{background:linear-gradient(180deg,#13322522,transparent 20%,transparent 80%,#14352a20)}.glass{background:linear-gradient(135deg,#fffdf5f5,#f5f4e9f5);border:1px solid #ffffffa8;box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
#lobby{position:absolute;inset:0;min-height:0;height:100%;height:100dvh;display:flex;flex-direction:column;padding:calc(24px + var(--safe-top)) calc(42px + var(--safe-right)) calc(21px + var(--safe-bottom)) calc(42px + var(--safe-left));overflow:auto;overscroll-behavior:contain;touch-action:pan-y}.lobby-header{display:flex;align-items:center;justify-content:space-between;flex:none}.ava-brand{display:flex;align-items:center;gap:10px;color:var(--paper);font-weight:850;font-size:24px;letter-spacing:-1.3px;min-height:48px;text-shadow:0 2px 12px #163b3550}.ava-brand svg{width:33px;height:33px}.brand-light{font-weight:500}.ava-brand small{font-size:12px;letter-spacing:0;margin-left:2px}.language-control{display:flex;align-items:center;gap:8px;color:var(--paper);padding-left:14px;background:#183c3052;border:1px solid #ffffff40;border-radius:999px;backdrop-filter:blur(10px)}.language-control>span{font-size:23px}.language-control select{appearance:auto;background:transparent;border:0;color:var(--paper);padding:0 11px 0 0;cursor:pointer;outline-offset:0;font-size:13px;max-width:128px}.language-control option{color:var(--ink);background:var(--paper)}.lobby-content{flex:1;min-height:0;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:clamp(24px,5vw,90px);width:min(1220px,100%);margin:auto}.lobby-story{color:var(--paper);padding-bottom:14px;text-shadow:0 4px 26px #15332640}.eyebrow{margin:0;font-size:10px;font-weight:800;letter-spacing:2px;line-height:1.5}.lobby-story>.eyebrow{display:flex;align-items:center;gap:9px;color:#f3e1b7;font-size:10px;letter-spacing:2.1px}.small-star{font-size:18px}.lobby-story h1{font-size:clamp(45px,5.7vw,85px);line-height:.99;letter-spacing:-3px;font-weight:900;margin:20px 0 22px}.lobby-story h1>span{display:block}.lobby-story h1 em{font-size:.34em;display:block;font-style:normal;font-weight:550;letter-spacing:.34em;margin-top:19px;color:#f0d494}.lobby-tagline{font-size:clamp(20px,2.2vw,30px);font-weight:450;letter-spacing:-.65px;line-height:1.38;margin:0;max-width:460px;white-space:pre-line}.story-features{display:flex;align-items:center;gap:15px;margin-top:27px;width:185px;color:#f1deb3;font-size:28px}.story-features i{width:26px;height:1px;background:#e9d8ae65}.lobby-caption{font-size:12px;letter-spacing:.6px;color:#f4f0dccc;margin:9px 0 0}.welcome-card{width:100%;max-width:420px;justify-self:end;border-radius:28px;padding:27px 29px 21px;position:relative;overflow:hidden}.welcome-card:before{content:"";width:140px;height:140px;background:radial-gradient(circle,#e8cb8745,transparent 72%);position:absolute;top:-50px;right:-35px;pointer-events:none}.welcome-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.welcome-icon{display:grid;place-items:center;width:42px;height:47px;flex:none;font-size:28px;color:#9c7938;border:1px solid #cfba89;border-radius:20px 20px 14px 14px;background:#f4e8ca}.welcome-heading .eyebrow{color:#8b784a;font-size:9px;letter-spacing:1.6px}.welcome-heading h2{font-size:18px;letter-spacing:-.6px;line-height:1.22;margin:5px 0 0;max-width:240px}.field-label{display:block;font-weight:650;font-size:12px;margin:0 0 7px}.welcome-card input{width:100%;height:49px;padding:0 14px;border:1px solid #cad3bd;background:#fffffa;border-radius:11px;outline-offset:1px;box-shadow:inset 0 1px 2px #456b3310}.avatar-picker{display:flex;gap:9px;margin:12px 0 17px}.avatar-option{display:flex;align-items:center;justify-content:flex-start;gap:9px;flex:1;padding:5px 10px;border:1px solid #d5dacb;background:#f8f8ef;border-radius:12px;font-size:13px;font-weight:650;color:var(--muted)}.avatar-art{font-size:27px;line-height:1.4}.selection-dot{margin-left:auto;width:17px;height:17px;font-size:10px;display:grid;place-items:center;color:transparent;border-radius:50%;border:1px solid #cad2c0}.avatar-option[aria-pressed=true]{background:#e7eddc;border-color:#758e60;color:var(--forest);box-shadow:0 0 0 1px #a6b79935}.avatar-option[aria-pressed=true] .selection-dot{background:var(--forest);color:white;border-color:var(--forest)}.primary-button{min-height:52px;background:var(--forest);color:var(--paper);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:14px;box-shadow:0 5px 11px #23483516}.primary-button:hover{background:#316048}#new-world{width:100%;padding:0 15px}.button-arrow{margin-left:auto}#new-world>span:first-child{font-size:21px;font-weight:400}.resume-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;background:#e3e9d9;color:var(--forest);font-size:13px;font-weight:700;margin-top:8px}.form-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px;margin:18px 0 11px;white-space:nowrap}.form-divider:before,.form-divider:after{content:"";height:1px;flex:1;background:var(--line)}.join-row{display:flex;align-items:stretch;gap:7px}.join-row input{min-width:0;flex:1;font:700 16px ui-monospace,"SFMono-Regular",Consolas,monospace;letter-spacing:2px;text-transform:uppercase}.join-row input::placeholder{color:#a7ae9e;letter-spacing:1.8px;font-weight:500}.join-button{border-radius:11px;background:#e4c687;color:#354632;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:800}.join-button:hover{background:#f0d39a}#lobby-status{margin:0;min-height:0;color:#824b35;font-size:12px;line-height:1.45}#lobby-status:not(:empty){margin-top:12px}.welcome-footnote{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#858974;margin-top:17px}.welcome-footnote>span:first-child{font-size:17px;color:#a88b54}.lobby-footer{display:flex;align-items:center;gap:9px;color:#f6f2dbcf;font-size:10px;letter-spacing:.7px;min-height:24px;flex:none}.tiny-leaf{font-size:23px;color:#ead4a4}#boot-progress{margin-left:auto;letter-spacing:0;color:#f6f2db9f}
#hud{position:absolute;inset:0;pointer-events:none}#hud button,#hud a,#hud input,#hud select,#panel-content,#resources,#joystick{pointer-events:auto}#topbar{position:absolute;top:calc(16px + var(--safe-top));left:calc(22px + var(--safe-left));right:calc(22px + var(--safe-right));display:flex;align-items:center;gap:15px}.game-brand{display:flex;align-items:center;gap:8px;min-height:48px;color:var(--paper);filter:drop-shadow(0 2px 8px #1a3a3250);font-size:14px;font-weight:850;line-height:1.08;letter-spacing:-.6px}.game-brand small{display:block;font-size:7px;letter-spacing:3.8px;font-weight:650;margin-top:5px}.brand-gem{font-size:30px;color:var(--gold)}.invite-button{display:flex;align-items:center;gap:8px;padding:0 14px;background:#faf7eaf2;border:1px solid #ffffffa6;border-radius:13px;color:var(--forest);box-shadow:0 3px 18px #1c38241c}.invite-label{font-size:10px;font-weight:750}.invite-button #code{font:750 13px ui-monospace,"SFMono-Regular",Consolas,monospace;letter-spacing:1.6px}.invite-button>span:last-child{font-size:16px;color:#a28648}#presence{display:flex;align-items:center;gap:5px;flex:1}#presence:empty{min-width:0}#presence .player,#presence .presence-player{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#f8f6e8e8;border:1px solid #ffffff85;border-radius:999px;font-size:11px;font-weight:700}#presence .offline{opacity:.55}#presence .dot{width:6px;height:6px;border-radius:50%;background:#689657}.top-actions{display:flex;gap:6px;margin-left:auto}.icon-button{width:48px;height:48px;flex:none;border-radius:13px;display:grid;place-items:center;background:#fffbeaeb;color:var(--forest);border:1px solid #ffffff85;box-shadow:0 3px 15px #143b2b10;font-size:23px;font-weight:500}.icon-button:hover{background:#e4ecd7}.icon-button[aria-pressed=true]{color:#fffdf2;background:var(--forest)}#resources{position:absolute;top:calc(77px + var(--safe-top));left:calc(23px + var(--safe-left));max-width:calc(100% - 46px - var(--safe-left) - var(--safe-right));display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;touch-action:pan-x;padding-bottom:3px}#resources::-webkit-scrollbar{display:none}#resources>*,.resource-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:33px;flex:none;padding:6px 10px;background:#faf9ebed;border:1px solid #ffffffb0;border-radius:10px;font-size:12px;box-shadow:0 2px 10px #1737260d}#resources b{font-variant-numeric:tabular-nums}#resources .resource-name{font-size:9px;color:var(--muted)}#connection{position:absolute;top:calc(121px + var(--safe-top));left:calc(24px + var(--safe-left));color:#fffce9;font-size:10px;text-shadow:0 1px 4px #193e30;letter-spacing:.3px}#connection:empty{display:none}#goal-card{position:absolute;top:calc(154px + var(--safe-top));left:calc(22px + var(--safe-left));width:265px}#goal-open{display:flex;align-items:center;gap:11px;text-align:left;width:100%;padding:13px 14px;background:#fffbedee;border:1px solid #ffffffb0;border-radius:16px;box-shadow:0 7px 25px #15392914;color:var(--forest)}.goal-symbol{font-size:31px;color:#b39752}.goal-text{display:flex;flex-direction:column;gap:4px;flex:1}.goal-text small{font-size:8px;font-weight:750;letter-spacing:1.25px;color:#94835b}.goal-text strong{font-size:13px;line-height:1.3}.goal-text>span{font-size:10px;color:#75806c;line-height:1.35}.goal-arrow{font-size:24px;color:#9eab8f}
#toolbar{position:absolute;bottom:calc(23px + var(--safe-bottom));left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:7px;background:#fbf8ebf2;border:1px solid #ffffff9c;border-radius:22px;box-shadow:0 10px 32px #1d372635;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}#toolbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:76px;min-height:61px;padding:5px 10px;background:transparent;color:var(--forest);border-radius:15px;font-size:10px;font-weight:750}#toolbar button>span:first-child{font-size:25px;line-height:1.1;font-weight:400}#toolbar button:hover,#toolbar button.active,#toolbar button[aria-pressed=true]{background:var(--forest);color:var(--paper)}#camera-reset{position:absolute;bottom:calc(28px + var(--safe-bottom));right:calc(24px + var(--safe-right));font-size:29px}#touch-controls{position:absolute;inset:0;pointer-events:none}#joystick{display:none;position:absolute;bottom:calc(31px + var(--safe-bottom));left:calc(32px + var(--safe-left));width:116px;height:116px;border-radius:50%;background:#edf1d536;border:1px solid #fbffe693;box-shadow:0 0 0 9px #f3f1dc0c,inset 0 0 25px #173d3420;touch-action:none}#stick{position:absolute;top:50%;left:50%;width:51px;height:51px;border-radius:50%;background:linear-gradient(135deg,#fffeefd9,#e2ead4b8);box-shadow:0 3px 11px #183c3626;border:1px solid #fffff4c7;transform:translate(-50%,-50%);pointer-events:none}.joystick-cross:before,.joystick-cross:after{content:"";position:absolute;background:#fcffe947;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:2px}.joystick-cross:before{width:78px;height:1px}.joystick-cross:after{width:1px;height:78px}.action-controls{position:absolute;right:calc(24px + var(--safe-right));bottom:calc(99px + var(--safe-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:10px}#interact{min-width:130px;max-width:225px;min-height:51px;border-radius:17px;display:flex;align-items:center;justify-content:center;gap:11px;padding:10px 17px;color:#31432d;background:#f0d190;border:1px solid #fff4ce;font-size:13px;font-weight:750;box-shadow:0 5px 20px #29493125}#interact:disabled{opacity:.55;cursor:default}#interact>span:last-child{font-size:20px;color:#8e773e}.build-actions{display:flex;align-items:center;gap:6px}.build-actions .primary-button{padding:0 21px;border:1px solid #bdd09b}.build-actions:empty{display:none}#build-hint{position:absolute;bottom:calc(111px + var(--safe-bottom));left:50%;transform:translateX(-50%);margin:0;max-width:340px;border-radius:10px;padding:9px 14px;background:#1b4439e6;color:#fffcec;font-size:11px;text-align:center;box-shadow:0 5px 20px #153e2f22}
#panel{position:absolute;right:calc(22px + var(--safe-right));top:calc(136px + var(--safe-top));bottom:calc(115px + var(--safe-bottom));width:min(376px,calc(100% - 44px));border-radius:23px;display:flex;flex-direction:column;pointer-events:auto;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 19px 15px;flex:none;border-bottom:1px solid var(--line)}.panel-header h2{margin:3px 0 0;font-size:21px;line-height:1.2;letter-spacing:-.7px}.panel-header .eyebrow{color:#91805a;font-size:8px;letter-spacing:1.7px}.panel-header .icon-button{background:#e6eadb;border:0;box-shadow:none;font-size:26px}#panel-content{padding:16px 18px 22px;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#c1cbb4 transparent}#panel-content h3{margin:10px 0;font-size:15px}#panel-content p{font-size:12px;line-height:1.55;color:var(--muted)}#panel-content button{color:var(--forest)}.catalog-grid,.build-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.catalog-item,.build-item,.recipe,.recipe-card,.project-card,.inventory-card{background:#fffef6;border:1px solid #d5ddc9;border-radius:14px;padding:13px;text-align:left}.catalog-item,.build-item{display:flex;flex-direction:column;gap:6px;min-height:108px}.catalog-item:hover,.build-item:hover{background:#edf2e2;border-color:#91a879}.catalog-item.active,.build-item.active{background:#e6efd8;border-color:#7e9968}.catalog-item>span:first-child,.build-item .item-icon{font-size:28px}.catalog-item strong,.build-item strong{font-size:12px}.cost,.item-cost,.recipe-cost{display:flex;flex-wrap:wrap;gap:5px;font-size:10px;color:#7a816a}.recipe,.recipe-card,.project-card{margin-bottom:10px}.recipe h3,.recipe-card h3,.project-card h3{margin-top:0!important}.recipe button,.recipe-card button,.project-card button{min-height:45px;border-radius:10px;padding:8px 12px;background:#e0e9d3;font-weight:750;font-size:12px}.project-card .progress,.progress-bar{height:6px;overflow:hidden;background:#e2e7d8;border-radius:999px;margin:12px 0}.project-card .progress>*,.progress-bar>*{height:100%;background:#7a9860;border-radius:999px}.panel-tabs,.filter-tabs{display:flex;gap:5px;overflow-x:auto;margin-bottom:12px;padding-bottom:3px;touch-action:pan-x}.panel-tabs button,.filter-tabs button{flex:none;border-radius:999px;background:#e7eddc;padding:0 13px;font-size:11px;min-height:44px}.panel-tabs button.active,.filter-tabs button.active{background:var(--forest);color:var(--paper)!important}.empty-state{padding:22px 10px;text-align:center;color:var(--muted)}
#toast{position:absolute;z-index:15;top:calc(80px + var(--safe-top));left:50%;transform:translateX(-50%);max-width:min(440px,calc(100% - 36px));padding:13px 21px;border:1px solid #ffffff80;background:#fdf9eaf5;box-shadow:0 8px 28px #17372d35;color:var(--forest);border-radius:14px;text-align:center;font-size:13px;font-weight:650;pointer-events:none;line-height:1.45}#toast:empty{display:none}#toast.error{color:#875237;background:#fff2df}#dialog{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:calc(20px + var(--safe-top)) calc(20px + var(--safe-right)) calc(20px + var(--safe-bottom)) calc(20px + var(--safe-left));background:#143c3670;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dialog-card{width:min(470px,100%);max-height:100%;border-radius:25px;display:flex;flex-direction:column;overflow:hidden}.dialog-card .panel-header h2{font-size:22px}#dialog-content{padding:20px;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;font-size:13px;line-height:1.6}#dialog-content p{margin:0 0 14px;color:var(--muted)}#dialog-content button{border-radius:11px;padding:8px 16px;font-weight:700;background:var(--forest);color:var(--paper);min-height:48px}#dialog-content input,#dialog-content select{max-width:100%;border:1px solid #b8c7a6;border-radius:10px;padding:7px 11px;background:#fffef5}#dialog-content .room-code{font:800 33px ui-monospace,Consolas,monospace;letter-spacing:5px;text-align:center;color:var(--forest);padding:20px 7px;background:#e6ecd9;border-radius:14px;margin:0 0 15px}#dialog-content kbd{display:inline-block;background:#e8eedf;border:1px solid #c3cdb6;border-radius:5px;padding:1px 6px;font-size:11px}
@media(hover:hover){.avatar-option:hover{border-color:#8ea778}.join-button:hover{box-shadow:0 4px 10px #a3864420}}
@media(pointer:coarse){#joystick{display:block}#camera-reset{bottom:calc(176px + var(--safe-bottom));right:calc(27px + var(--safe-right))}.action-controls{bottom:calc(45px + var(--safe-bottom));right:calc(28px + var(--safe-right))}#interact{min-height:65px;min-width:100px;max-width:145px;border-radius:24px;padding:12px 15px;flex-direction:column;gap:3px;font-size:12px}#interact>span:last-child{font-size:23px;order:-1}#toolbar{bottom:calc(22px + var(--safe-bottom))}#build-hint{bottom:calc(117px + var(--safe-bottom))}#panel{bottom:calc(172px + var(--safe-bottom))}}
body.touch #joystick{display:block}
@media(max-width:1000px){#lobby{padding:calc(20px + var(--safe-top)) calc(28px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(28px + var(--safe-left))}.lobby-content{grid-template-columns:1fr 1fr;gap:22px}.welcome-card{padding:23px;max-width:370px}.lobby-story h1{font-size:clamp(43px,6.8vw,65px)}.lobby-tagline{font-size:22px}.lobby-story>.eyebrow{font-size:8px;letter-spacing:1.6px}.lobby-caption{font-size:10px}.game-brand{font-size:12px}.game-brand small{font-size:6px;letter-spacing:3.2px}#topbar{gap:10px;left:calc(16px + var(--safe-left));right:calc(16px + var(--safe-right))}.invite-button{padding:0 10px}.invite-label{display:none}#presence .player,#presence .presence-player{padding:7px;font-size:10px}#goal-card{left:calc(17px + var(--safe-left));width:237px}.top-actions{gap:4px}.top-actions .icon-button{width:45px;min-height:45px;height:45px;border-radius:12px}#resources{left:calc(17px + var(--safe-left))}#connection{left:calc(19px + var(--safe-left))}#toolbar button{min-width:66px;padding:5px 8px}#panel{right:calc(17px + var(--safe-right));width:348px}}
@media(max-width:700px){#lobby{padding:calc(14px + var(--safe-top)) calc(20px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(20px + var(--safe-left))}.ava-brand{font-size:21px}.ava-brand svg{width:29px;height:29px}.language-control{padding-left:10px}.language-control select{font-size:12px;min-height:44px}.lobby-content{grid-template-columns:1fr;gap:17px;flex:none;min-height:auto;padding:20px 0;width:min(420px,100%)}.lobby-story{text-align:center;padding:0}.lobby-story>.eyebrow{justify-content:center;font-size:8px}.lobby-story h1{font-size:43px;letter-spacing:-1.9px;margin:12px 0}.lobby-story h1>span{display:inline}.lobby-story h1 em{font-size:13px;letter-spacing:6px;margin-top:9px}.lobby-tagline{font-size:16px;line-height:1.45;max-width:none;letter-spacing:-.2px}.lobby-tagline br{display:none}.lobby-story .story-features,.lobby-caption{display:none}.welcome-card{max-width:none;border-radius:24px;padding:20px 23px}.welcome-heading{margin-bottom:15px}.welcome-heading h2{font-size:17px;max-width:none}.welcome-icon{width:37px;height:41px;font-size:24px}.welcome-heading .eyebrow{font-size:8px}.avatar-picker{margin:10px 0 13px}.welcome-footnote{margin-top:12px}.form-divider{margin-top:13px}.lobby-footer{justify-content:center;font-size:9px;letter-spacing:.2px;margin-top:auto}.lobby-footer #boot-progress{display:none}.lobby-footer .tiny-leaf{font-size:18px}#topbar{top:calc(10px + var(--safe-top));left:calc(11px + var(--safe-left));right:calc(11px + var(--safe-right));gap:7px;flex-wrap:wrap}.game-brand{font-size:10px;gap:4px;min-height:44px}.game-brand small{font-size:5px;letter-spacing:2.8px;margin-top:4px}.brand-gem{font-size:23px}.invite-button{margin-left:auto;min-height:44px;border-radius:11px;padding:0 9px;gap:5px}.invite-button #code{font-size:11px;letter-spacing:1px}.top-actions{margin-left:0}.top-actions .icon-button{width:44px;min-height:44px;height:44px;font-size:20px}#presence{position:absolute;top:calc(109px);right:0;flex-direction:column;align-items:flex-end;gap:4px}#presence .player,#presence .presence-player{font-size:9px;padding:5px 8px;max-width:140px}#resources{top:calc(66px + var(--safe-top));left:calc(12px + var(--safe-left));max-width:calc(100% - 24px - var(--safe-left) - var(--safe-right));gap:4px}#resources>*{min-height:29px;padding:5px 8px;font-size:11px;border-radius:8px}#resources .resource-name{display:none}#connection{top:calc(102px + var(--safe-top));left:calc(13px + var(--safe-left));font-size:8px}#goal-card{top:calc(122px + var(--safe-top));left:calc(12px + var(--safe-left));width:min(215px,calc(100% - 155px))}#goal-open{padding:10px;gap:7px;border-radius:13px}.goal-symbol{font-size:22px}.goal-text small{font-size:6px;letter-spacing:.7px}.goal-text strong{font-size:11px}.goal-text>span{font-size:9px}.goal-arrow{font-size:17px}#toolbar{bottom:calc(13px + var(--safe-bottom));gap:1px;padding:5px;border-radius:18px}#toolbar button{min-width:61px;min-height:56px;font-size:9px;border-radius:12px;padding:5px 7px}#toolbar button>span:first-child{font-size:24px}#joystick{width:105px;height:105px;left:calc(23px + var(--safe-left));bottom:calc(104px + var(--safe-bottom))}#stick{width:47px;height:47px}.action-controls{bottom:calc(112px + var(--safe-bottom));right:calc(18px + var(--safe-right));gap:7px}#interact{max-width:140px;min-width:100px;min-height:65px;border-radius:21px}#camera-reset{bottom:calc(219px + var(--safe-bottom));right:calc(19px + var(--safe-right));width:44px;height:44px;min-height:44px;font-size:25px}#build-hint{bottom:calc(233px + var(--safe-bottom));font-size:10px;max-width:250px;width:max-content}#panel{top:calc(120px + var(--safe-top));right:calc(12px + var(--safe-right));left:calc(12px + var(--safe-left));width:auto;bottom:calc(224px + var(--safe-bottom));border-radius:20px}.panel-header{padding:13px 15px 11px}.panel-header h2{font-size:19px}.panel-header .icon-button{width:44px;height:44px;min-height:44px}#panel-content{padding:12px 14px 18px}.catalog-item,.build-item{min-height:95px}.build-actions{gap:4px}.build-actions .icon-button{width:44px;height:44px;min-height:44px}.build-actions .primary-button{min-height:47px;padding:0 11px;font-size:12px}#toast{top:calc(66px + var(--safe-top));font-size:12px;padding:11px 17px}.dialog-card{border-radius:21px}}
@media(max-width:430px){#topbar{gap:5px}.game-brand{font-size:9px}.game-brand small{letter-spacing:2.4px}.brand-gem{font-size:20px}.invite-button{padding:0 7px;gap:3px}.invite-button #code{font-size:10px;letter-spacing:.5px}.top-actions{gap:3px}.top-actions .icon-button{width:44px}.lobby-story h1{font-size:37px}.lobby-content{gap:14px;padding-top:14px}.lobby-story>.eyebrow{font-size:7px}.lobby-tagline{font-size:14px}.welcome-card{padding:18px 20px}.welcome-heading h2{font-size:16px}.welcome-heading{gap:10px}#goal-card{width:196px}.goal-text>span{display:none}}
@media(max-height:750px) and (min-width:701px){#lobby{padding-top:calc(12px + var(--safe-top));padding-bottom:calc(10px + var(--safe-bottom))}.lobby-content{padding:12px 0}.welcome-card{padding:20px 23px}.welcome-heading{margin-bottom:14px}.welcome-heading h2{font-size:17px}.welcome-icon{width:37px;height:41px}.avatar-picker{margin:10px 0 13px}.form-divider{margin:13px 0 10px}.welcome-footnote{margin-top:11px}.lobby-story h1{font-size:58px;margin:16px 0 19px}.lobby-tagline{font-size:22px}.story-features{margin-top:19px}}
@media(max-height:570px) and (orientation:landscape){#lobby{padding:calc(8px + var(--safe-top)) calc(23px + var(--safe-right)) calc(7px + var(--safe-bottom)) calc(23px + var(--safe-left))}.lobby-header{min-height:40px}.ava-brand{font-size:19px;min-height:40px}.ava-brand svg{width:25px;height:25px}.language-control select{min-height:39px}.lobby-content{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:8px 0;flex:1;width:100%;align-items:center}.lobby-story{text-align:left}.lobby-story>.eyebrow{justify-content:flex-start;font-size:7px;letter-spacing:1.3px}.lobby-story h1{font-size:44px;margin:12px 0 16px}.lobby-story h1>span{display:block}.lobby-story h1 em{font-size:14px;letter-spacing:6px;margin-top:12px}.lobby-tagline{font-size:18px;max-width:260px}.lobby-tagline br{display:block}.lobby-caption,.story-features{display:none}.welcome-card{padding:15px 19px;border-radius:22px;max-width:360px}.welcome-heading{margin-bottom:9px}.welcome-heading h2{font-size:15px;margin-top:3px}.welcome-heading .eyebrow{font-size:7px}.welcome-icon{width:33px;height:37px;font-size:23px}.field-label{font-size:10px;margin-bottom:4px}.welcome-card input{height:44px;min-height:44px}.avatar-picker{margin:7px 0 9px;gap:7px}.avatar-option{min-height:44px;padding:3px 9px;font-size:11px}.avatar-art{font-size:22px}.primary-button{min-height:45px;font-size:12px}.form-divider{font-size:9px;margin:10px 0 7px}.join-button{min-height:44px}.welcome-footnote{display:none}.lobby-footer{font-size:8px;min-height:15px}.lobby-footer .tiny-leaf{font-size:17px}.resume-button{min-height:44px;margin-top:6px}.lobby-footer #boot-progress{display:block}#topbar{top:calc(8px + var(--safe-top))}#resources{top:calc(63px + var(--safe-top))}#connection{top:calc(102px + var(--safe-top))}#goal-card{top:calc(123px + var(--safe-top));width:218px}#goal-open{padding:10px}#goal-subtitle{display:none}#toolbar{bottom:calc(12px + var(--safe-bottom))}#toolbar button{min-height:50px;min-width:63px;font-size:9px}#toolbar button>span:first-child{font-size:21px}#joystick{width:99px;height:99px;left:calc(24px + var(--safe-left));bottom:calc(20px + var(--safe-bottom))}#stick{width:46px;height:46px}.action-controls{bottom:calc(22px + var(--safe-bottom));right:calc(22px + var(--safe-right))}#interact{min-height:63px;min-width:103px;max-width:140px;border-radius:21px}#camera-reset{bottom:calc(112px + var(--safe-bottom));right:calc(23px + var(--safe-right));width:44px;height:44px;min-height:44px}#panel{top:calc(107px + var(--safe-top));bottom:calc(101px + var(--safe-bottom));width:330px;left:auto;right:calc(19px + var(--safe-right))}.panel-header{padding:10px 13px}.panel-header h2{font-size:18px}.panel-header .eyebrow{display:none}#panel-content{padding:12px}.catalog-grid,.build-grid{gap:7px}.catalog-item,.build-item{min-height:90px;padding:10px}#build-hint{bottom:calc(94px + var(--safe-bottom));font-size:10px}#presence{position:static;flex-direction:row;align-items:center}.game-brand{font-size:11px}.game-brand small{font-size:6px}.brand-gem{font-size:24px}.invite-button #code{font-size:11px;letter-spacing:1px}.top-actions .icon-button{width:44px;height:44px;min-height:44px}.top-actions{margin-left:auto}}
/* Shared world UI: the network client supplies these live components. */
#resources .resource{min-width:63px;gap:6px;white-space:nowrap;font-variant-numeric:tabular-nums}
#resources .resource i{display:grid;place-items:center;width:18px;font-size:17px;line-height:1;font-style:normal;color:#748753}
#resources .resource b{font-size:12px;letter-spacing:-.2px;color:#2b4835}
#resources .resource small{font-size:9px;color:#76816c}
#resources .resource:nth-child(2) i{color:#858780}#resources .resource:nth-child(3) i{color:#a48862}#resources .resource:nth-child(4) i{color:#a0754b}#resources .resource:nth-child(5) i{color:#b77e62}#resources .resource:nth-child(6) i{color:#8d865f}#resources .resource:nth-child(7) i{color:#bf7773}
#presence{min-width:0}
#presence .player-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 6px;min-height:33px;max-width:150px;background:#faf7eae8;border:1px solid #fffdf4a6;border-radius:999px;font-size:10px;font-weight:750;box-shadow:0 3px 12px #213f2212}
#presence .player-badge>span:first-child{font-size:20px;line-height:1}
#presence .player-badge>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#presence .player-badge:after{content:"";width:5px;height:5px;flex:none;border-radius:50%;background:#a2a78f}
#presence .player-badge.online:after{background:#76a556;box-shadow:0 0 0 2px #7d9b4720}
#presence .player-badge.offline{opacity:.66}
.waiting-player{font-size:9px;line-height:1.35;color:#fffbe8;max-width:130px;text-shadow:0 1px 5px #15382cb3}
#connection.offline{background:#fff4dff0;color:#8b5c2f;text-shadow:none;padding:5px 8px;border-radius:7px;box-shadow:0 3px 12px #29412815}
#panel-content .panel-intro{font-size:11px;line-height:1.55;margin:0 0 13px;color:#6d785f}
#panel-content .category-title{display:flex;align-items:center;gap:10px;font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#778361;margin:19px 0 10px}
#panel-content .category-title:after{content:"";height:1px;background:#d7dfcc;flex:1}
.build-grid{align-items:stretch;margin-bottom:4px}
#panel-content .build-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-width:0;min-height:133px;padding:12px;background:linear-gradient(135deg,#fffef7,#f7f7ec);border:1px solid #d2dcc3;border-radius:15px;text-align:left;box-shadow:0 3px 8px #5b6e3610;color:#314b34}
.build-card .item-icon{display:grid;place-items:center;min-width:37px;min-height:37px;margin-bottom:9px;padding:3px 7px;background:#edf0dc;border:1px solid #dce3c9;border-radius:11px;font-size:25px;line-height:1}
.build-card strong{font-size:12px;line-height:1.3;letter-spacing:-.1px;font-weight:750;overflow-wrap:anywhere;margin-bottom:9px}
.build-card .costs{margin:auto 0 0;gap:3px}
.costs{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:9px 0 13px;min-width:0}
.costs>span{display:inline-flex;align-items:center;gap:3px;max-width:100%;padding:4px 6px;border:1px solid #e0e6d4;background:#eff3e6;border-radius:6px;font-size:9px;line-height:1.25;font-weight:650;color:#698053;white-space:normal;overflow-wrap:anywhere}
.costs>span.missing{color:#a06b47;background:#fcf0df;border-color:#ecd9bd}
.build-card:disabled{opacity:.62;filter:saturate(.7);cursor:default}
.build-card>small{margin-top:9px;font-size:9px;color:#8a826b;line-height:1.4}
#panel-content .action,#panel-content .quiet{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:11px;font-size:12px;font-weight:750;line-height:1.4;text-align:center}
#panel-content .action{background:#315a40;color:#fffcec;border:1px solid #315a40;box-shadow:0 3px 8px #314b2015}
#panel-content .action:disabled{opacity:.45;cursor:default}
#panel-content .quiet{background:#e8eedc;color:#49613c;border:1px solid #d6dfc6;box-shadow:none}
#panel-content>.quiet{width:100%;margin:0 0 14px}
#panel-content .quiet.danger{color:#965d41;background:#f5ebd9;border-color:#e7d4b7}
.recipe-card{padding:14px;margin-bottom:11px;position:relative;overflow:hidden}
#panel-content .recipe-card h3{font-size:14px;margin-bottom:10px;line-height:1.4}
.button-row{display:flex;gap:7px;margin-top:11px}
.button-row>.action{flex:1;min-width:0}
.muted,#panel-content .muted{color:#8a907b;font-size:10px;line-height:1.5}
.recipe-card>small{display:block;margin-top:10px}
.inventory-row{display:flex;align-items:center;min-height:53px;padding:12px 15px;margin-bottom:7px;border-radius:12px;background:#fffdf4;border:1px solid #dbe2cf;box-shadow:0 2px 5px #41552a08;color:#42603b;font-size:13px;font-weight:700;word-spacing:4px;font-variant-numeric:tabular-nums}
.project-card{position:relative;padding:16px;margin-bottom:13px;border-radius:16px;box-shadow:0 4px 13px #37532408}
#panel-content .project-card h3{font-size:15px;letter-spacing:-.35px;line-height:1.35;margin-bottom:8px}
#panel-content .project-card h4{font-size:12px;letter-spacing:-.2px;line-height:1.4;margin:17px 0 7px;color:#4d6239}
#panel-content .project-card>p{font-size:11px;line-height:1.5;margin:8px 0 12px}
.requirements{display:flex;flex-direction:column;gap:5px;margin:12px 0}
.requirements>span{font-size:10px;font-weight:550;line-height:1.45;color:#889177;padding:3px 0}
.requirements>span.met{color:#4e7c40;font-weight:700}
#panel-content .project-card>.action{width:100%}
.project-card>small{display:block;margin-top:9px;font-size:10px;line-height:1.5;color:#8a8870}
.project-card.locked{background:#f4f5e9;border-style:dashed;border-color:#cdd6bd;opacity:.74}
.project-card.done{background:linear-gradient(120deg,#e6eeda,#f6f7e8);border-color:#bacba2}
#panel-content .project-card.done h3{color:#52773e}
#panel-content .project-card.done>p{margin-bottom:0;color:#789262;font-size:10px}
#panel-content .project-card .funded{display:flex;align-items:center;gap:6px;border-radius:9px;background:#e8efda;color:#618543;padding:8px 10px;font-size:10px;font-weight:750;margin:11px 0 14px}
#panel-content .puzzle-question{font-size:12px!important;line-height:1.6!important;font-weight:550;color:#405b35!important}
.clue{padding:13px 14px;border-radius:12px;background:linear-gradient(130deg,#f4e9c8,#fcf6df);border:1px solid #e7d4a0;box-shadow:inset 0 1px 0 #fffef299}
.clue>strong{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#998048}
.clue>strong:before{content:"✦";font-size:15px;color:#b49143}
#panel-content .clue>p{font-size:13px;line-height:1.55;font-weight:650;letter-spacing:-.2px;color:#68583a;margin:7px 0 0}
.puzzle-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}
#panel-content .puzzle-choices .dial{min-width:0;min-height:53px;font-size:21px;font-weight:750;color:#50663d;background:linear-gradient(135deg,#fffdf0,#e9efd9);border:1px solid #c7d5b2;border-radius:12px;box-shadow:0 3px 0 #bbcaac60,inset 0 1px 0 #ffffffa6;line-height:1}
#panel-content .puzzle-choices .dial:active{transform:translateY(2px);box-shadow:0 1px 0 #bbcaac60}
#panel-content .puzzle-choices .dial:disabled{cursor:default;opacity:.5}
.grow-clock{font:700 32px ui-monospace,"SFMono-Regular",Consolas,monospace;text-align:center;padding:22px 14px;background:#e9efd9;border-radius:14px;color:#698953!important}
#dialog-content .invite-code{font:800 clamp(24px,7vw,34px) ui-monospace,"SFMono-Regular",Consolas,monospace;letter-spacing:4px;text-align:center;color:#41623c;padding:21px 12px;background:linear-gradient(125deg,#e8edda,#f3f3e4);border:1px solid #cdd8b9;border-radius:14px;margin:0 0 18px;-webkit-user-select:text;user-select:text;word-break:break-all}
#dialog-content>.action,#dialog-content>.quiet{display:flex;align-items:center;justify-content:center;width:100%;margin:8px 0;min-height:49px;font-size:12px}
#dialog-content>.quiet{background:#e5edd9;border:1px solid #d4dfc1;color:#557441}
.copy-field{display:block;width:100%;min-height:86px;resize:vertical;margin-top:14px;padding:12px;border:1px solid #bfcea8;border-radius:10px;font:12px/1.5 ui-monospace,Consolas,monospace;color:#4c6840;background:#fffef3;touch-action:pan-y;-webkit-user-select:text;user-select:text}
.version{display:block;text-align:center;font-size:9px;color:#9ca389;letter-spacing:.8px;margin:18px 0 1px}
#toast{opacity:0;visibility:hidden;transform:translate(-50%,-7px);transition:opacity .2s,transform .2s,visibility .2s}
#toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
#stick{margin:-25.5px 0 0 -25.5px;transform:none}
@media(hover:hover){#panel-content .build-card:not(:disabled):hover{background:#edf2e1;border-color:#9cb782;box-shadow:0 5px 14px #4f6b3419;transform:translateY(-1px)}#panel-content .action:not(:disabled):hover{background:#406f4c}#panel-content .quiet:not(:disabled):hover{background:#dce8ca}#panel-content .dial:not(:disabled):hover{background:#e0eacb;border-color:#93ae75;color:#305329}}
@media(max-width:1000px){#presence .player-badge{max-width:110px;gap:4px;padding:5px 7px 5px 5px;font-size:9px}.waiting-player{font-size:8px;max-width:100px}#resources .resource{min-width:56px;padding:6px 8px;gap:5px}#resources .resource small{font-size:8px}}
@media(max-width:700px){#resources .resource{min-width:43px;gap:5px;padding:5px 7px}#resources .resource small{display:none}#resources .resource i{font-size:15px;width:15px}#resources .resource b{font-size:10px}#presence .player-badge{min-height:29px;max-width:128px;font-size:9px;padding:4px 7px 4px 4px}#presence .player-badge>span:first-child{font-size:19px}.waiting-player{background:#213e2b66;border-radius:8px;padding:5px 7px;max-width:113px;text-align:right;font-size:8px}#panel-content .build-card{min-height:124px;padding:11px}.build-card .item-icon{min-height:33px;min-width:33px;font-size:23px;margin-bottom:8px}.build-card strong{font-size:11px}.costs>span{font-size:8px;padding:4px 5px}.project-card{padding:13px}.clue{padding:11px}#panel-content .clue>p{font-size:13px}#stick{margin:-23.5px 0 0 -23.5px}}
@media(max-height:570px) and (orientation:landscape){#presence .player-badge{max-width:98px;font-size:8px;min-height:30px}.waiting-player{display:none}#panel-content .build-card{min-height:113px;padding:10px}.build-card .item-icon{min-width:29px;min-height:29px;font-size:20px;margin-bottom:7px}.build-card strong{font-size:10px}.project-card{padding:12px}.puzzle-choices{gap:7px}#panel-content .puzzle-choices .dial{min-height:49px}#stick{margin:-23px 0 0 -23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.force-touch #joystick{display:block}

/* Together 1.1: wardrobe, powers and a six-tool touch dock. */
.language-control select{font-size:16px}
#panel{z-index:12;pointer-events:auto}
#panel button,#panel a,#panel input,#panel select{pointer-events:auto;touch-action:manipulation}
#panel-content{touch-action:pan-y}
#wardrobe-open.wardrobe-open{display:grid;grid-template-columns:45px 1fr;column-gap:10px;align-items:center;text-align:left;width:100%;min-height:64px;margin:12px 0;padding:9px 12px;border:1px solid #c6cbbd;border-radius:14px;background:linear-gradient(115deg,#e8e1f6,#ecefdd);color:#3e4936;box-shadow:0 3px 11px #65507f0b}
#style-animal{grid-row:1/3;display:grid;place-items:center;font-size:33px;line-height:1.2}
#wardrobe-open strong{font-size:13px;letter-spacing:-.2px;line-height:1.3}
#wardrobe-open small{font-size:10px;color:#858478;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#toolbar{max-width:calc(100% - 28px - var(--safe-left) - var(--safe-right))}
#toolbar button{min-width:64px;flex:1;font-size:9px;max-width:91px}
#panel.wardrobe-panel{width:min(530px,calc(100% - 34px - var(--safe-left) - var(--safe-right)));top:calc(94px + var(--safe-top));bottom:calc(102px + var(--safe-bottom));max-height:780px}
#panel.wardrobe-panel .panel-header{padding:13px 17px 11px}
#panel.wardrobe-panel .panel-header .eyebrow{display:none}
#panel-content.wardrobe-host{display:flex;flex:1;overflow:hidden;padding:0;min-height:0;touch-action:auto}
.wardrobe{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(125px,180px) 65px minmax(80px,1fr) auto;grid-template-areas:"preview" "tabs" "choices" "footer";width:100%;min-height:0;overflow:hidden;background:#f8f7ec;touch-action:auto}
.wardrobe-stage{grid-area:preview;position:relative;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#fff9ea,#e9e7d5 75%);border-bottom:1px solid #d7dfca}
.wardrobe-canvas{display:block;width:100%;height:100%;min-height:0;touch-action:pan-y}
.wardrobe-stage-label{position:absolute;left:14px;top:10px;max-width:50%;font-size:8px;color:#a29a80;font-weight:700;letter-spacing:.8px;pointer-events:none}
.wardrobe-preview-warning{position:absolute;left:16px;right:16px;top:50%;transform:translateY(-65%);margin:0;text-align:center;font-size:12px!important;line-height:1.6!important;color:#92916f!important}
.wardrobe-stage-controls{position:absolute;bottom:9px;left:11px;right:11px;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}
#panel-content .wardrobe-round,#panel-content .wardrobe-random{pointer-events:auto;min-height:48px;border:1px solid #d5dcc8;color:#758356;background:#fffdf0ed;box-shadow:0 3px 12px #50633910}
#panel-content .wardrobe-round{width:48px;min-width:48px;border-radius:50%;font-size:27px}
#panel-content .wardrobe-random{display:flex;align-items:center;gap:8px;margin-left:auto;padding:7px 12px;border-radius:14px;font-size:10px;font-weight:750}
.wardrobe-random>span:first-child{font-size:24px;color:#9781b6}
.wardrobe-tabs{grid-area:tabs;display:flex;align-items:stretch;gap:3px;overflow-x:auto;padding:6px 9px;background:#f4f3e6;border-bottom:1px solid #dce2ce;scrollbar-width:none;touch-action:pan-x;overscroll-behavior:contain}
.wardrobe-tabs::-webkit-scrollbar{display:none}
#panel-content .wardrobe-tab{display:flex;flex:1;min-width:62px;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:51px;padding:5px 7px;background:transparent;color:#8a9279;border:1px solid transparent;border-radius:11px;font-size:9px;font-weight:750;line-height:1.25;white-space:nowrap}
.wardrobe-tab-icon{font-size:23px;line-height:1.05;font-weight:400}
#panel-content .wardrobe-tab[aria-selected=true]{background:#355744;color:#fffde9;border-color:#355744;box-shadow:0 3px 7px #40542915}
.wardrobe-choices{grid-area:choices;min-height:0;padding:11px 15px 18px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#c6d2b7 transparent}
.wardrobe-color-fields{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 8px}
#panel-content .wardrobe-color-field{flex:1 1 calc(50% - 5px);min-height:48px;padding:7px 10px;border:1px solid #d4ddc4;border-radius:11px;background:#edf0e1;color:#7e896b;font-size:10px;font-weight:700}
#panel-content .wardrobe-color-field[aria-pressed=true]{color:#5b5475;border-color:#bcb0d4;background:#ece6f8}
.wardrobe-option-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
#panel-content .wardrobe-option-heading h3{font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:#91a07c;line-height:1.3;margin:0}
#panel-content .wardrobe-reset{min-height:48px;min-width:48px;font-size:21px;border-radius:50%;color:#8e9a79;background:transparent;border:0}
.wardrobe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#panel-content .wardrobe-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:87px;padding:10px 8px;border:1px solid #d8dfca;border-radius:15px;color:#667850;background:#fffff6;box-shadow:0 3px 8px #56683608;text-align:center}
.wardrobe-option-icon{font-size:29px;line-height:1.1;min-height:32px;display:grid;place-items:center;color:#9785b4}
.wardrobe-option-name{font-size:10px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.wardrobe-check{position:absolute;right:6px;top:6px;display:none;width:17px;height:17px;border-radius:50%;background:#547447;color:#fff;font-size:10px;line-height:17px}
#panel-content .wardrobe-option[aria-pressed=true]{border-color:#93ab78;background:#eaf1dc;box-shadow:0 0 0 1px #bbcda373}
.wardrobe-option[aria-pressed=true] .wardrobe-check{display:block}
.wardrobe-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
#panel-content .wardrobe-swatches .wardrobe-option{min-height:83px;gap:7px;padding:8px 4px}
.wardrobe-swatch{width:35px;height:35px;flex:none;border-radius:50%;border:1px solid #2848302b;box-shadow:inset 0 2px 2px #ffffff35,0 3px 6px #40512d10}
.wardrobe-swatches .wardrobe-option-name{font-size:8px;font-weight:650}
.wardrobe-footer{grid-area:footer;display:grid;grid-template-columns:1fr 1.65fr;gap:7px;padding:8px 14px 13px;border-top:1px solid #d5dfc5;background:#f7f5e8;box-shadow:0 -5px 15px #56673505}
.wardrobe-status{grid-column:1/-1;min-height:0;font-size:10px;line-height:1.4;color:#65864f;text-align:center;overflow-wrap:anywhere}
.wardrobe-status:empty{display:none}.wardrobe-status.error{color:#ac7656}
#panel-content .wardrobe-save,#panel-content .wardrobe-back{min-height:51px;padding:9px 12px;border-radius:13px;font-size:12px;font-weight:750;line-height:1.3}
#panel-content .wardrobe-save{background:#315741;color:#fffdeb;border:1px solid #315741;box-shadow:0 3px 8px #40532413}
#panel-content .wardrobe-back{background:#e8eddb;color:#70825b;border:1px solid #d4dec1}
.wardrobe.is-busy button{opacity:.6;cursor:wait}
.power-card,.commission-card{padding:17px;border:1px solid #d3dcc2;border-radius:17px;background:linear-gradient(125deg,#fffdf5,#f0f3e5);margin-bottom:12px;box-shadow:0 3px 12px #4c65300a}
#panel-content .power-card h3,#panel-content .commission-card h3{font-size:15px;letter-spacing:-.35px;margin:8px 0}
#panel-content .power-card p,#panel-content .commission-card p{font-size:11px;line-height:1.55;margin:7px 0 13px;color:#7b8967}
.power-icon{display:grid;place-items:center;width:48px;height:48px;background:#ebe5f5;border:1px solid #d2c7e5;border-radius:14px;color:#9580b3;font-size:29px;line-height:1}
#panel-content .power-action{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;border:1px solid #8e84aa;border-radius:12px;background:#a595c6;color:#fffdf4;font-size:12px;font-weight:750;padding:10px 13px}
#panel-content .power-action:disabled{background:#e8e8d9;border-color:#d5dac5;color:#96a081;opacity:1;cursor:default}
.power-status{display:block;padding:8px 0 0;color:#ac9677;font-size:10px;font-weight:650;line-height:1.4}.power-status.ready{color:#6f944f}
.commission-card .requirements{padding:9px 11px;border-radius:10px;background:#e9efde}.commission-card .action{width:100%}
@media(max-width:1000px){#toolbar button{min-width:56px;font-size:8px;padding:5px 6px}#panel.wardrobe-panel{right:calc(16px + var(--safe-right))}}
@media(max-width:800px) and (orientation:portrait){#toolbar{bottom:calc(13px + var(--safe-bottom));width:min(470px,calc(100% - 28px - var(--safe-left) - var(--safe-right)));gap:2px;padding:6px}#toolbar button{min-width:0;flex:1;font-size:8px;min-height:57px;padding:5px 3px}#toolbar button>span:first-child{font-size:23px}#joystick{bottom:calc(106px + var(--safe-bottom))}.action-controls{bottom:calc(114px + var(--safe-bottom))}#camera-reset{bottom:calc(216px + var(--safe-bottom))}#panel.wardrobe-panel{top:calc(91px + var(--safe-top));bottom:calc(91px + var(--safe-bottom));left:calc(14px + var(--safe-left));right:calc(14px + var(--safe-right));width:auto;max-height:none}.wardrobe{grid-template-rows:minmax(130px,195px) 64px minmax(100px,1fr) auto}}
@media(max-width:700px){#toolbar button{min-width:0}.language-control select{font-size:16px}.wardrobe-stage-label{font-size:7px}.wardrobe-tabs{gap:2px;padding:5px 6px}#panel-content .wardrobe-tab{min-width:56px;padding:5px;font-size:8px}.wardrobe-choices{padding:8px 11px 15px}.wardrobe-grid{gap:7px}#panel-content .wardrobe-option{min-height:85px}.wardrobe-option-name{font-size:9px}.wardrobe-footer{padding:8px 11px 12px}.wardrobe-color-fields{gap:4px}#panel-content .wardrobe-color-field{font-size:9px;padding:7px}.power-card,.commission-card{padding:14px}}
@media(orientation:landscape) and (max-height:700px){#panel.wardrobe-panel{width:min(690px,calc(100% - 34px - var(--safe-left) - var(--safe-right)));top:calc(72px + var(--safe-top));bottom:calc(88px + var(--safe-bottom));left:auto;right:calc(17px + var(--safe-right))}#panel.wardrobe-panel .panel-header{padding:9px 13px}.wardrobe{grid-template-columns:185px minmax(0,1fr);grid-template-rows:61px minmax(60px,1fr) auto;grid-template-areas:"preview tabs" "preview choices" "preview footer"}.wardrobe-stage{border-right:1px solid #d6dec7;border-bottom:0}.wardrobe-stage-label{max-width:90%;font-size:7px;left:10px}.wardrobe-stage-controls{gap:5px;flex-wrap:wrap;left:8px;right:8px;bottom:9px;justify-content:center}#panel-content .wardrobe-round{width:44px;min-width:44px;height:48px;border-radius:12px}#panel-content .wardrobe-random{min-height:48px;font-size:8px;gap:4px;padding:5px 7px;margin-left:0}.wardrobe-random>span:first-child{font-size:20px}.wardrobe-tabs{gap:2px;padding:5px}#panel-content .wardrobe-tab{min-width:49px;font-size:8px;padding:4px}.wardrobe-tab-icon{font-size:21px}.wardrobe-choices{padding:8px 11px 13px}.wardrobe-option-heading{margin-bottom:5px}.wardrobe-grid{gap:6px}#panel-content .wardrobe-option{min-height:74px;padding:7px}.wardrobe-option-icon{font-size:24px;min-height:26px}.wardrobe-option-name{font-size:9px}.wardrobe-swatches .wardrobe-option-name{font-size:8px}.wardrobe-swatch{width:30px;height:30px}.wardrobe-footer{padding:7px 10px 9px}#panel-content .wardrobe-save,#panel-content .wardrobe-back{min-height:48px;font-size:11px}.wardrobe-color-fields{gap:4px}#panel-content .wardrobe-color-field{flex-basis:calc(25% - 4px);font-size:8px;padding:6px 4px}}
@media(orientation:landscape) and (max-height:450px){#panel.wardrobe-panel{top:calc(14px + var(--safe-top));bottom:calc(14px + var(--safe-bottom))}.wardrobe{grid-template-columns:160px minmax(0,1fr)}#panel.wardrobe-panel .panel-header{padding:7px 12px}#panel.wardrobe-panel .panel-header h2{font-size:17px}}
@media(hover:hover){#panel-content .wardrobe-option:not(:disabled):hover{border-color:#a7bb8b;background:#f0f5e5}#panel-content .wardrobe-save:not(:disabled):hover{background:#406a4d}#wardrobe-open:hover{border-color:#a79cc1;background:linear-gradient(115deg,#e5d9f5,#e9eddb)}}

/* Larger avatar fitting area and readable choices on both iPad orientations. */
#panel-content .wardrobe-tab{font-size:11px;min-height:52px}
.wardrobe-option-name{font-size:12px}
.wardrobe-swatches .wardrobe-option-name{font-size:10px}
#panel-content .wardrobe-color-field{font-size:11px}
#panel-content .wardrobe-option-heading h3{font-size:11px}
#panel-content .wardrobe-save,#panel-content .wardrobe-back{font-size:14px;min-height:52px}
#panel-content .wardrobe-random{font-size:11px}
.wardrobe-stage-label{font-size:10px;line-height:1.35}
.wardrobe-status{font-size:11px}
#toolbar{width:max-content;max-width:calc(100% - 28px - var(--safe-left) - var(--safe-right));overflow-x:auto;overflow-y:hidden;gap:3px;touch-action:pan-x;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity}
#toolbar::-webkit-scrollbar{display:none}
#toolbar button{flex:0 0 64px;min-width:64px;max-width:none;min-height:58px;font-size:10px;padding:5px 4px;scroll-snap-align:center}
.island-card{padding:17px;margin-bottom:12px;border:1px solid #c9dcca;border-radius:17px;background:linear-gradient(125deg,#fffff7,#eaf3e5);box-shadow:0 3px 12px #43735a0a}
#panel-content .island-card h3{font-size:16px;letter-spacing:-.3px;line-height:1.4;margin:0 0 9px}
#panel-content .island-card p{font-size:12px;line-height:1.6;color:#779271;margin:8px 0 13px}
#panel-content .island-card .action{width:100%;min-height:50px;background:#467d69;border-color:#467d69;color:#fffdf0}
.island-card>small{display:block;font-size:11px;line-height:1.5;color:#859270}
.island-card .funded{font-size:11px;font-weight:700;color:#689254;padding:7px 0}
.treasure-card{background:linear-gradient(130deg,#fffbed,#f3edd6);border-color:#dfd1a5}
#panel-content .treasure-card .treasure-clue{padding:15px;border:1px solid #e0cb91;border-radius:12px;background:#f9edc7;color:#89723f;font-size:14px;font-weight:700;line-height:1.6;margin:13px 0}
.voyage-progress{padding:28px 20px;margin:18px 0;border:1px solid #c8dbcd;border-radius:18px;background:linear-gradient(125deg,#e5f1e6,#e7f3f2);font-size:17px;line-height:1.65;font-weight:700;color:#628979;text-align:center;box-shadow:inset 0 1px 0 #fffff7}
@media(orientation:portrait) and (max-width:800px){.wardrobe{grid-template-rows:clamp(190px,24dvh,285px) 70px minmax(80px,1fr) auto}.wardrobe-tabs{padding-top:7px;padding-bottom:7px}#toolbar{width:max-content}#toolbar button{flex:0 0 61px;min-width:61px;font-size:10px}.wardrobe-option-name{font-size:12px}.wardrobe-swatches .wardrobe-option-name{font-size:10px}}
@media(orientation:landscape) and (min-width:800px){#panel.wardrobe-panel{left:50%;right:auto;transform:translateX(-50%);top:calc(70px + var(--safe-top));bottom:calc(90px + var(--safe-bottom));width:min(960px,calc(100% - 40px - var(--safe-left) - var(--safe-right)));max-height:none}#panel.wardrobe-panel .panel-header{padding:12px 18px}.wardrobe{grid-template-columns:34% minmax(0,1fr);grid-template-rows:70px minmax(100px,1fr) auto;grid-template-areas:"preview tabs" "preview choices" "preview footer"}.wardrobe-stage{border-right:1px solid #d6dec7;border-bottom:0}.wardrobe-stage-label{left:15px;top:15px;max-width:90%;font-size:10px}.wardrobe-stage-controls{left:13px;right:13px;bottom:15px;flex-wrap:nowrap;gap:8px;justify-content:space-between}#panel-content .wardrobe-round{width:48px;min-width:48px;min-height:48px;border-radius:50%}#panel-content .wardrobe-random{font-size:11px;min-height:48px;padding:8px 12px;gap:8px}.wardrobe-random>span:first-child{font-size:24px}.wardrobe-tabs{padding:7px 9px;gap:4px}#panel-content .wardrobe-tab{min-width:64px;font-size:11px;min-height:54px;padding:5px 7px}.wardrobe-tab-icon{font-size:25px}.wardrobe-choices{padding:11px 17px 19px}.wardrobe-grid{gap:10px}#panel-content .wardrobe-option{min-height:100px;padding:13px 9px}.wardrobe-option-icon{font-size:34px;min-height:38px}.wardrobe-option-name{font-size:12px}.wardrobe-swatches .wardrobe-option-name{font-size:10px}.wardrobe-swatch{width:42px;height:42px}.wardrobe-footer{padding:10px 17px 15px}#panel-content .wardrobe-save,#panel-content .wardrobe-back{font-size:14px;min-height:52px}.wardrobe-color-fields{gap:6px}#panel-content .wardrobe-color-field{flex-basis:calc(25% - 6px);font-size:11px;min-height:48px;padding:7px 6px}}
@media(max-width:430px){#toolbar button{flex-basis:57px;min-width:57px;font-size:9px}.wardrobe-stage-label{font-size:9px;max-width:62%}#panel-content .wardrobe-tab{min-width:57px;font-size:10px}.wardrobe-option-name{font-size:11px}.wardrobe-swatches .wardrobe-option-name{font-size:9px}}
@media(orientation:landscape) and (max-height:450px){#panel.wardrobe-panel{top:calc(12px + var(--safe-top));bottom:calc(12px + var(--safe-bottom))}.wardrobe{grid-template-columns:29% minmax(0,1fr);grid-template-rows:64px minmax(60px,1fr) auto}#panel-content .wardrobe-option{min-height:86px}.wardrobe-option-icon{font-size:27px;min-height:30px}.wardrobe-stage-controls{flex-wrap:wrap;justify-content:center}.wardrobe-stage-label{font-size:9px}.wardrobe-footer{padding:7px 12px 10px}}
/* Gentle island studio · all controls remain native touch targets. */
:root{--pastel-mint:#b9e5d2;--pastel-ink:#315d57;--pastel-lilac:#d5c9ed}
.glass{background:linear-gradient(145deg,#fffdf5f7,#eff8f0f4);border-color:#ffffffbd;box-shadow:0 16px 50px #28696321}
.world-shade{background:linear-gradient(180deg,#497e7b18,transparent 28%,transparent 70%,#39756b12)}
#toolbar{background:#fffdf1f0;border-color:#ffffffbb;box-shadow:0 12px 38px #23544b24}
#toolbar button{border-radius:15px;color:#41685c}#toolbar button:hover,#toolbar button:active{background:#d9eee1}
.follow-button{position:fixed;right:calc(22px + var(--safe-right));top:calc(85px + var(--safe-top));min-height:46px;padding:9px 16px;border:1px solid #ffffffb3;border-radius:999px;background:#fcfff3e8;color:#41675e;display:flex;gap:9px;align-items:center;font-family:inherit;font-size:12px;font-weight:700;box-shadow:0 5px 18px #23544b20;touch-action:manipulation}
.follow-button b{font-size:23px;font-weight:400}.follow-button[aria-pressed=true]{background:#bce8d6;color:#204e43}.follow-button:disabled{opacity:.55}.follow-button[hidden]{display:none}
#easy-action{position:fixed;left:50%;bottom:calc(124px + var(--safe-bottom));transform:translateX(-50%);max-width:calc(100% - 32px);display:flex;align-items:center;gap:13px;padding:7px 8px 7px 17px;border:1px solid #fff;border-radius:24px;background:#f4fff3ed;color:#385f52;font-size:12px;box-shadow:0 8px 26px #2f655b26;pointer-events:auto}
#easy-action[hidden]{display:none}#easy-action-label{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#easy-stop{min-width:68px;min-height:40px;border:0;border-radius:18px;background:#d8e8e0;color:#3a5b50;font-weight:750;touch-action:manipulation}
.atelier-art{margin:0 0 15px;border-radius:17px;overflow:hidden;background:#d8efe5;border:1px solid #fff;aspect-ratio:16/9}.atelier-art img{width:100%;height:100%;object-fit:cover;display:block}
.ready-builds{display:grid;gap:10px}#panel-content .ready-builds .build-card{display:grid;grid-template-columns:112px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;min-height:118px;padding:10px;background:linear-gradient(135deg,#fffdf5,#eaf6ef);border-color:#d1e6da}
.ready-builds .build-preview{grid-row:1/3;width:112px;height:96px;object-fit:contain;border-radius:12px;background:#eef6ed}.ready-builds strong{align-self:end;margin:0 0 8px!important}.ready-builds .costs{align-self:start;margin:0!important}
.all-pieces{margin-top:20px;border-top:1px solid #d0dfd0;padding-top:10px}.all-pieces summary{font-size:13px;font-weight:750;min-height:48px;padding:12px 0;cursor:pointer;color:#426c5e}.all-pieces .build-card{min-height:110px}
.travel-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:13px}.travel-modes .quiet{min-height:49px}.travel-modes [aria-pressed=true]{background:#bce8d5!important;border-color:#7ebea5!important;color:#28574a!important}
#panel-content .island-card{border-radius:18px;border-color:#d6e6d8;background:linear-gradient(135deg,#fffdf4,#eff9f1)}#panel-content .action{background:#74ac94;color:#fffdf4}
@media(max-width:800px){.follow-button{right:calc(16px + var(--safe-right));top:calc(100px + var(--safe-top));padding:8px 13px;font-size:11px}#easy-action{bottom:calc(187px + var(--safe-bottom));font-size:11px;max-width:calc(100% - 44px)}}
@media(max-width:520px){.follow-button{top:calc(190px + var(--safe-top));min-height:44px}.follow-button b{font-size:18px}#easy-action-label{max-width:220px}.ready-builds .build-preview{width:95px;height:86px}#panel-content .ready-builds .build-card{grid-template-columns:95px 1fr}}
@media(max-height:560px){.follow-button{top:calc(79px + var(--safe-top));right:calc(18px + var(--safe-right))}#easy-action{bottom:calc(90px + var(--safe-bottom))}.atelier-art{max-height:120px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Pastel lobby contrast: keep the game palette while making opening copy readable. */
.lobby-story{color:#294e43;text-shadow:0 1px 10px #fff8}
.lobby-story>.eyebrow{color:#516947}.lobby-story h1 em{color:#6e6440}
.lobby-caption{color:#3e6154}.story-features{color:#8b703f}.story-features i{background:#8b703f70}
.lobby-footer,#boot-progress{color:#36584a}.tiny-leaf{color:#8b703f}
.ava-brand{color:#294e43;text-shadow:0 1px 10px #fff8}
.language-control{color:#294e43;background:#fffdf0e8;border-color:#ffffffb3}.language-control select{color:#294e43}

/* Illustrated playroom · v1.3. The world remains visible behind the picture panels. */
:root{--play-ink:#37564d;--play-paper:#fffdf5;--play-mint:#d7f1db;--play-lilac:#e9dffa;--play-yellow:#ffdda1}
body{color:var(--play-ink)}
button{touch-action:manipulation}button:disabled{cursor:default}
.ava-icon{display:inline-block;flex-shrink:0;vertical-align:middle;pointer-events:none;filter:drop-shadow(0 3px 2px #314c3712)}
.glass{background:linear-gradient(145deg,#fffef7fa,#f4f6eefa);border:2px solid #fffdf5;box-shadow:0 18px 50px #284d442b,0 4px 0 #becab594}
.icon-button{border-radius:19px;min-width:48px;min-height:48px;box-shadow:0 4px 0 #b6c9b470,0 8px 18px #23493c18}
#topbar{top:calc(16px + var(--safe-top));left:calc(22px + var(--safe-left));right:calc(22px + var(--safe-right));gap:14px;flex-wrap:nowrap}
.game-brand{color:#365a47;filter:drop-shadow(0 2px 3px #fff7)}.brand-gem{color:#a37b32}
#invite{min-height:48px;background:#fffaf0eb;border-radius:18px;padding:0 15px;box-shadow:0 4px 0 #b6c9b450}
#presence{position:static;flex-direction:row;gap:7px}.player-badge{background:#fffdf0dc!important;border-color:#fff!important;font-size:12px!important;min-height:42px;padding:4px 11px 4px 5px!important;max-width:145px!important}.player-animal{font-size:24px!important}.waiting-player{font-size:10px!important;color:#315642!important;max-width:125px!important;text-shadow:0 1px 3px #fff9}
#fullscreen,#sound{display:none}.top-actions{gap:8px}#settings{width:52px;height:52px;background:#fdfcf0ef}
.follow-button{position:fixed;right:calc(23px + var(--safe-right));top:calc(85px + var(--safe-top));min-height:56px;padding:4px 12px 4px 6px;gap:5px;font-size:11px;background:#fbfff5ec;box-shadow:0 4px 0 #bdd8c570}.follow-button .ava-icon{width:40px!important;height:40px!important}
#resources{top:calc(83px + var(--safe-top));left:calc(23px + var(--safe-left));gap:9px;overflow:visible;max-width:none;padding:0}
#resources .resource{display:flex;position:relative;gap:4px;min-width:76px;min-height:51px;padding:3px 13px 3px 1px;background:#fffdf0eb;border:2px solid #fffef8;border-radius:19px;box-shadow:0 4px 0 #b9cbb979,0 5px 15px #315b4312;color:#3b5f45}
#resources .resource .ava-icon{margin-left:-3px}#resources b{font-size:18px;font-weight:850;letter-spacing:-.7px}#resources .resource:hover{background:#fff5d3}
#connection{left:calc(27px + var(--safe-left));top:calc(142px + var(--safe-top));color:#34573d;text-shadow:0 1px 4px #fff;font-size:9px;opacity:.9}.offline{color:#995b32!important}
#goal-card{top:calc(167px + var(--safe-top));left:calc(23px + var(--safe-left));width:248px}
#goal-open{border:2px solid #fffcf0;border-radius:22px;background:#fff8dde8;padding:8px 11px 8px 4px;gap:7px;box-shadow:0 4px 0 #c8bb8f65,0 8px 24px #4b704018;min-height:73px}.goal-text small{font-size:8px;letter-spacing:1.2px;color:#a0894b}.goal-text strong{font-size:12px;line-height:1.2}.goal-text>span{display:block;font-size:11px;font-weight:800;color:#6b8454}.goal-symbol{display:grid;place-items:center}.goal-arrow{font-size:28px}
#toolbar{left:50%;bottom:calc(18px + var(--safe-bottom));transform:translateX(-50%);width:max-content;max-width:calc(100% - 28px - var(--safe-left) - var(--safe-right));display:flex;overflow:visible;padding:8px;gap:8px;border:2px solid #fffff7;border-radius:29px;background:#fbfff4ee;box-shadow:0 6px 0 #b8cdb580,0 13px 32px #294e4133;backdrop-filter:blur(14px);isolation:isolate}
#toolbar button{position:relative;flex:0 0 92px;min-width:92px;min-height:91px;max-width:none;padding:4px 8px 8px;gap:1px;background:linear-gradient(150deg,#f3f8e8,#e2eddb);border:1px solid #d4e2c7;border-radius:21px;color:#456344;box-shadow:inset 0 1px 0 white,0 3px 0 #bfceb357;font-weight:800;font-size:11px;overflow:visible;transition:transform .22s cubic-bezier(.2,.8,.2,1),background .2s,box-shadow .2s}
#toolbar button:nth-child(2){background:linear-gradient(150deg,#fff5d8,#f5e2b8);border-color:#e4d6b1}#toolbar button:nth-child(3){background:linear-gradient(150deg,#f8efff,#e8d9f5);border-color:#d9c9e5}#toolbar button:nth-child(4){background:linear-gradient(150deg,#fff0d7,#f2d7ab);border-color:#e5cda6}#toolbar button:nth-child(5){background:linear-gradient(150deg,#e9f6fc,#cfe7ed);border-color:#bbd6df}
#toolbar .ava-icon{width:57px!important;height:57px!important;transition:transform .23s cubic-bezier(.2,.8,.2,1)}
#toolbar button[aria-pressed=true]{background:#fff7cc;border-color:#dda658;box-shadow:0 0 0 3px #fff6d4,0 4px 0 #cea564;color:#506145;transform:translateY(-7px)}#toolbar button[aria-pressed=true] .ava-icon{transform:rotate(-5deg) scale(1.1)}
#toolbar button:hover{color:#34513d;transform:translateY(-4px)}#toolbar button:active{transform:translateY(1px) scale(.96)}
#camera-reset{right:calc(28px + var(--safe-right));bottom:calc(224px + var(--safe-bottom));width:50px;height:50px;font-size:26px}
.action-controls{right:calc(26px + var(--safe-right));bottom:calc(40px + var(--safe-bottom))}
#interact{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:98px;max-width:135px;min-height:104px;padding:6px 13px 12px;gap:0;background:linear-gradient(150deg,#fff2bf,#f9cf78);border:3px solid #fff2c6;border-radius:31px;box-shadow:0 6px 0 #cbb574aa,0 11px 26px #3f583f2b;color:#7d6235}
#interact>.action-caption{font-size:12px!important;order:0!important;color:#76592d!important;line-height:1.2;font-weight:850}#interact:disabled{opacity:.52;filter:saturate(.5)}#interact .ava-icon{order:0!important}
#joystick{width:106px;height:106px;left:calc(28px + var(--safe-left));bottom:calc(35px + var(--safe-bottom));background:#edf6d352;border:3px solid #fcfff6c4;box-shadow:0 4px 0 #8daa7e46,inset 0 0 25px #b5c8a749}
#stick{width:49px;height:49px;margin-left:-24.5px;margin-top:-24.5px;transform:none;background:linear-gradient(145deg,#fffce9,#d9e9c7);box-shadow:0 5px 0 #a9bf9870,0 3px 12px #44643c22}
.build-actions{gap:9px}.build-actions .icon-button{width:57px;height:57px;min-height:57px}.build-actions .primary-button{min-height:67px;gap:5px;padding:6px 16px;border:2px solid #e4f4cf;background:#7caf72;box-shadow:0 5px 0 #577c4a88;border-radius:22px;font-size:12px}
#build-hint{bottom:calc(151px + var(--safe-bottom));max-width:350px;width:max-content;background:#fcfff0eb;border:2px solid white;color:#456043;border-radius:18px;padding:12px 16px;box-shadow:0 4px 0 #bbcfb577;line-height:1.5;font-weight:650}
#easy-action{bottom:calc(151px + var(--safe-bottom));font-size:12px;box-shadow:0 4px 0 #b4c9af66,0 6px 15px #294e4121;border:2px solid #fffef4}#easy-stop{min-height:48px;min-width:66px}
#panel{z-index:6;top:calc(80px + var(--safe-top));bottom:calc(151px + var(--safe-bottom));right:calc(23px + var(--safe-right));left:auto;width:min(528px,calc(100% - 46px));border:3px solid #fffff7;border-radius:30px;overflow:hidden;animation:picture-panel-in .36s cubic-bezier(.16,1,.3,1)}
#panel:before{content:'';position:absolute;right:-43px;top:-65px;width:190px;height:190px;background:radial-gradient(circle,#f3d78132,transparent 72%);pointer-events:none}
.panel-header{position:relative;gap:10px;padding:10px 17px 10px 11px;background:linear-gradient(105deg,#f7f3dfdd,#fffdf299);border-bottom:1px solid #dddccb;min-height:88px}.panel-header>div{flex:1}.panel-header h2{font-size:24px;letter-spacing:-.8px;color:#426044}.panel-header .eyebrow{font-size:8px;color:#9c976e;letter-spacing:1.9px}.panel-header .icon-button{width:48px;height:48px;min-height:48px;border-radius:17px;background:#f0e6cf;box-shadow:0 3px 0 #d5cab16e}.panel-header #panel-art{width:60px;height:60px;display:grid;place-items:center}
#panel-content{padding:17px 19px 24px;scrollbar-color:#d2d8be transparent;overflow-x:hidden}#panel-content h3{font-size:15px;font-weight:800;line-height:1.35}#panel-content p{color:#7a8269;font-size:12px;line-height:1.5}.panel-intro{margin:0 0 15px;font-size:12px!important}.picture-button-label{pointer-events:none}
#panel-content .action,#panel-content .quiet{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;border-radius:17px;padding:5px 14px;font-size:13px;line-height:1.3;font-weight:800}
#panel-content .action{color:#fcfff2;background:linear-gradient(135deg,#8ab57c,#76a66e);border:1px solid #67915d;box-shadow:0 4px 0 #b8c8a780}#panel-content .action:hover{background:#77a36b}#panel-content .quiet{color:#668059;background:#edf2de;border:1px solid #d9e1c5;box-shadow:0 3px 0 #cfd9bb5c}
#panel-content .costs{gap:4px;margin:9px 0 0;justify-content:center}.costs>span{padding:0 7px 0 1px;gap:2px;border:0;border-radius:10px;background:#eaf1decc;color:#6a7954;font-size:12px;min-height:29px;white-space:nowrap;box-shadow:inset 0 1px 0 #fff9}.costs>span b{font-size:12px;font-weight:850}.costs>span.missing{color:#b27e53;background:#faecd7}.costs .ava-icon{vertical-align:middle}.reward-costs>span{background:#f4edd3;color:#7f744a}
.build-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding-bottom:15px;margin-bottom:10px;border-bottom:1px solid #e3e5d6}
#panel-content .category-tab{display:flex;align-items:center;flex-direction:column;gap:4px;justify-content:center;min-width:0;min-height:76px;border-radius:18px;border:1px solid #e0e4d0;background:#f5f6e9;color:#748263;font-size:9px;font-weight:750;padding:4px 3px 7px;line-height:1.2}.category-tab .ava-icon{width:40px!important;height:40px!important}.category-tab .picture-button-label{overflow:hidden;text-overflow:ellipsis;max-width:100%}#panel-content .category-tab[aria-pressed=true]{background:#f4dfac;border-color:#d5b974;color:#7a653f;box-shadow:0 3px 0 #d4c09161}
.build-banner{display:flex;justify-content:space-between;margin:0 2px 12px;font-size:11px;font-weight:750;color:#91a17c}.banner-stars{letter-spacing:5px;color:#c5b16d}
.build-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#panel-content .build-card{position:relative;align-items:center;justify-content:flex-start;text-align:center;padding:9px 5px 11px;gap:0;min-height:182px;border:1px solid #dce3c9;border-radius:22px;background:linear-gradient(155deg,#fffff8,#f0f4e4);box-shadow:0 4px 0 #d3ddc38f;transition:transform .18s,box-shadow .18s}
.build-art{width:100%;height:116px;display:grid;place-items:center;margin:0 0 6px;background:radial-gradient(ellipse at 50% 76%,#d5e8cd74,transparent 70%);border-radius:20px}.build-art .ava-icon{width:116px!important;height:116px!important;max-width:100%;aspect-ratio:1;height:auto!important}.build-card strong{font-size:11px;line-height:1.3;min-height:29px;margin:0;display:flex;align-items:center;justify-content:center;font-weight:800}.build-card .costs{margin:5px 0 0!important;gap:3px!important}.build-card .costs>span{font-size:10px;padding-right:5px;min-height:23px}.build-card .costs b{font-size:10px}.build-card .costs .ava-icon{width:23px!important;height:23px!important}.build-card>small{font-size:9px;line-height:1.3}.build-card:disabled{opacity:.65;filter:saturate(.7)}
.featured-build-grid{grid-template-columns:1fr!important;gap:13px}#panel-content .featured-build-grid .build-card{display:grid;grid-template-columns:46% 1fr;grid-template-rows:1fr 1fr;column-gap:10px;min-height:156px;padding:9px 14px 9px 6px;text-align:left;background:linear-gradient(120deg,#eef5d9,#fffdf2)}.featured-build-grid .build-card:nth-child(2){background:linear-gradient(120deg,#e1f0ec,#fffdf2)!important}.featured-build-grid .build-card:nth-child(3){background:linear-gradient(120deg,#eee6f7,#fffdf2)!important}.featured-build-grid .build-art{grid-row:1/3;height:139px;margin:0}.featured-build-grid .build-art .ava-icon{width:152px!important;height:152px!important;max-width:none}.featured-build-grid .build-card strong{justify-content:flex-start;align-self:end;font-size:16px;min-height:0;margin-bottom:7px}.featured-build-grid .costs{align-self:start;justify-content:flex-start!important}.featured-build-grid .costs .ava-icon{width:32px!important;height:32px!important}.featured-build-grid .costs b{font-size:12px}
.build-help,.object-details,.craft-ideas{margin-top:20px;color:#849372}.build-help summary,.object-details summary,.craft-ideas summary{display:flex;align-items:center;gap:8px;min-height:52px;cursor:pointer;font-weight:750;font-size:12px;border-top:1px solid #dee5cb;padding:8px 1px}.build-help summary{font-size:10px;font-weight:600}.object-details .danger{background:#f2e4d5!important;border-color:#e4c9b4!important;color:#a87d61!important}
.bag-heading{display:flex;align-items:center;gap:14px;margin:0 0 21px;padding:0 12px 12px;border-bottom:1px solid #e2e5d4}.bag-heading>div{font-size:12px;line-height:1.6;color:#82936e;max-width:240px}.inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.inventory-tile{position:relative;min-width:0;min-height:147px;display:flex;flex-direction:column;align-items:center;padding:6px 5px 12px;border:1px solid #e3dfc5;border-radius:22px;background:linear-gradient(145deg,#fffefa,#f6f0dc);box-shadow:0 4px 0 #ded7b86b}.inventory-tile:nth-child(4n+2){background:linear-gradient(145deg,#fafef5,#edf3e0)}.inventory-tile:nth-child(4n+3){background:linear-gradient(145deg,#fffafc,#f4e7ed)}.inventory-tile:nth-child(4n){background:linear-gradient(145deg,#f9fcff,#e9eff0)}.inventory-count{font-size:24px;line-height:1.1;font-weight:900;color:#5a7055;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.inventory-name{font-size:10px;margin-top:5px;color:#899272;font-weight:700;max-width:100%;overflow-wrap:anywhere;text-align:center}.inventory-tile .ava-icon{max-width:90%;height:auto!important;aspect-ratio:1}
.craft-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.craft-heading .panel-intro{margin:0;max-width:290px}.recipe-grid{display:grid;grid-template-columns:1fr;gap:13px}.recipe-card{padding:14px 15px 15px;margin:0;border:1px solid #dedfca;border-radius:22px;background:linear-gradient(150deg,#fffef9,#f4f4e5);box-shadow:0 4px 0 #d7dcc38f}.recipe-card h3{text-align:center;font-size:13px!important;margin:0 0 9px!important;color:#7a8665}.recipe-equation{display:flex;align-items:center;justify-content:center;gap:10px;padding:2px 0 9px}.recipe-equation .costs{margin:0!important;gap:6px;flex-wrap:wrap}.recipe-equation .costs>span{position:relative;display:flex;flex-direction:column;gap:0;background:transparent;padding:0;border:0;box-shadow:none}.recipe-equation .costs b{font-size:14px;margin-top:-1px;min-width:25px;padding:2px 5px;border-radius:9px;background:#eaf0d9;color:#758553}.recipe-equation .reward-costs b{background:#f5e6bb;color:#8b793e}.equation-arrow{font-size:27px;color:#c4ccae;font-weight:400}.large-costs .ava-icon{width:54px!important;height:54px!important}.recipe-card .button-row{display:grid;grid-template-columns:1fr 63px;gap:8px;margin-top:10px}.make-five{font-size:16px!important;min-width:0}.recipe-card.locked{opacity:.72}.recipe-card.locked small{display:block;text-align:center;margin-top:11px}.craft-ideas summary{background:#eee9f5;border:1px solid #ded4e8;border-radius:17px;padding:5px 14px;color:#9a86ac}.craft-ideas[open] summary{margin-bottom:14px}.commission-card{margin:0;padding:15px;border-radius:20px;border-color:#ded6e7;background:#f7f3fb}.commission-card>.action{width:100%;margin-top:12px}
.power-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.power-card{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 13px 15px;background:radial-gradient(circle at 50% 28%,#fffeff,#efebf6 75%);border-color:#ded4e7;border-radius:25px;box-shadow:0 4px 0 #d6c7e163}.power-card:nth-child(2){background:radial-gradient(circle at 50% 28%,#fffffc,#e7f1df 75%);border-color:#d4dfc7}.power-card:nth-child(3){background:radial-gradient(circle at 50% 28%,#fffdfb,#fae6e8 75%);border-color:#e8ced1}.power-card:nth-child(4){background:radial-gradient(circle at 50% 28%,#fffef9,#f7efd1 75%);border-color:#e7dcc0}.power-card>.ava-icon{width:124px!important;height:124px!important}.power-card h3{margin:8px 0 0!important;font-size:14px!important}.power-card p{font-size:11px!important;flex:1;margin:8px 0 14px!important}.power-card .power-action{font-size:12px!important;background:#ac98c0!important;border-color:#9480a9!important;gap:4px!important;padding:5px 7px!important;box-shadow:0 3px 0 #d8cde7!important;min-height:52px!important}.power-card .power-action:disabled{background:#e3e3d6!important;border-color:#d7d7c6!important;box-shadow:none!important}.power-card .power-action .ava-icon{width:28px!important;height:28px!important}
.adventure-grid{display:grid;gap:13px;margin-bottom:19px}.adventure-card{display:flex;align-items:center;gap:20px;padding:8px 25px 8px 15px;min-height:139px;border:1px solid #cbdedc;border-radius:26px;background:linear-gradient(135deg,#e2f4ef,#f8fff3);box-shadow:0 4px 0 #c6dbce;color:#628074!important;text-align:left;font-size:21px;font-weight:850}.adventure-card:nth-child(2){background:linear-gradient(135deg,#eee2f8,#faf8ff);border-color:#d8c5e3;box-shadow:0 4px 0 #d8c7e1}.adventure-card:nth-child(3){background:linear-gradient(135deg,#fbefcb,#fff9e8);border-color:#e5d4a6;box-shadow:0 4px 0 #e3d4b1}.adventure-card .ava-icon{width:112px!important;height:112px!important}.adventure-card:hover .ava-icon{transform:rotate(-7deg) scale(1.07);transition:transform .2s}
.project-card{border-radius:24px;padding:15px 17px 18px;background:linear-gradient(145deg,#fffff8,#f4f4e4);box-shadow:0 4px 0 #d7ddc583;margin:14px 0}.project-card.done{background:#edf4df}.project-head{display:flex;align-items:center;gap:10px}.project-head h3{font-size:17px!important}.project-head .ava-icon{flex:none}.project-card>p{margin:4px 0 14px}.requirements{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:flex-start;background:#f0f2e4;border-radius:16px;padding:8px}.requirements>span{display:flex;flex-direction:column;align-items:center;padding:3px!important;min-width:54px}.requirements>span b{font-size:12px;background:#fffaf0;border-radius:7px;padding:2px 8px}.requirements>span.met b{background:#d5e6c3;color:#6d8c4c}.project-card .action{width:100%;margin-top:12px}.project-card .clue{border-radius:16px;background:#f3e8c8;border-color:#e4d4a1}.puzzle-choices{gap:7px;flex-wrap:wrap}.puzzle-choices .dial{min-width:49px;min-height:54px;border-radius:16px;font-size:20px!important;box-shadow:0 3px 0 #d7d9bc}
.object-hero{display:grid;place-items:center;border-radius:30px;margin-bottom:18px;background:radial-gradient(ellipse,#e3eccf55,transparent 72%);min-height:221px}.object-details summary{font-size:11px;color:#a08d73}.travel-modes .quiet{display:flex;flex-direction:column;gap:1px!important;min-height:91px!important;background:#f0f4e6}.travel-modes .quiet .ava-icon{width:53px!important;height:53px!important}.travel-modes [aria-pressed=true]{background:#e2eed4!important;box-shadow:0 3px 0 #baccb0!important}
.island-card{position:relative;overflow:hidden;border:1px solid #d4e1cd!important;border-radius:25px!important;padding:14px 17px 18px!important;margin:15px 0;background:#fffdf2!important;box-shadow:0 4px 0 #d1dfcc88!important;text-align:center}.island-illustration{display:flex;align-items:flex-end;justify-content:center;height:151px;position:relative;margin:-14px -17px 14px;background:radial-gradient(ellipse at 50% 60%,#e7eac1 0 35%,transparent 36%),linear-gradient(0deg,#c5e7df,#e7f5f0);border-bottom:2px solid #f8fff0;overflow:hidden}.island-illustration:after{content:'';position:absolute;left:-20px;right:-20px;bottom:8px;height:25px;opacity:.55;background:repeating-radial-gradient(ellipse at 50% -40%,transparent 0 12px,#f6ffff 13px 14px,transparent 15px 22px);transform:rotate(-3deg);pointer-events:none}.island-illustration .ava-icon{z-index:1;align-self:center;filter:drop-shadow(0 6px 4px #55947f28)}.island-illustration .ava-icon:nth-child(2){margin-left:-16px;transform:translateY(28px)}.island-coral{background:radial-gradient(ellipse at 50% 60%,#f8e1d4 0 36%,transparent 37%),linear-gradient(0deg,#bbdfea,#e5f5f6)}.island-sun{background:radial-gradient(ellipse at 50% 60%,#f4e0a8 0 36%,transparent 37%),linear-gradient(0deg,#bfded1,#eaf7eb)}.island-card .action{background:#83b49e!important;border-color:#78a68f!important;box-shadow:0 3px 0 #c5dacb!important}.island-card h3{font-size:19px!important}.island-card>p{margin:4px 0 14px!important;font-size:11px!important}.treasure-card{background:#fffae8!important}.treasure-card>.ava-icon{margin:0 auto 8px}.treasure-card .costs{justify-content:center}.voyage-progress{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#eaf5ec;border-radius:26px;font-size:18px;min-height:220px}
body.panel-open #goal-card,body.panel-open .follow-button{visibility:hidden}body.panel-open .action-controls,body.panel-open #camera-reset{opacity:.35;pointer-events:none}body.panel-open .action-controls button,body.panel-open #camera-reset{pointer-events:none}
#toast{z-index:16;top:calc(80px + var(--safe-top));border:2px solid #fffef8;border-radius:20px;background:#fffbea;box-shadow:0 5px 0 #b7c8ad59,0 10px 30px #34573d28;font-size:12px;color:#67805b}
#dialog{background:#28473a56;backdrop-filter:blur(5px)}.dialog-card{border-radius:30px}.dialog-card .panel-header{padding:14px 18px}#dialog-content{padding:22px}#dialog-content button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:55px;border-radius:17px;font-size:13px;background:#789f66;color:#fffde9}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:19px}#dialog-content .settings-grid button{background:#e6efd9;color:#6a8158;display:flex;flex-direction:column;gap:5px;padding:9px;font-size:11px;min-height:90px}.settings-grid .ava-icon{width:43px!important;height:43px!important}
@keyframes picture-panel-in{from{opacity:0;translate:36px 10px;scale:.97}to{opacity:1;translate:0 0;scale:1}}
@media(min-width:1100px){#panel[data-panel=bag],#panel[data-panel=build],#panel[data-panel=powers]{width:548px}.inventory-grid{gap:14px}.inventory-tile{min-height:153px}.inventory-tile .ava-icon{width:88px!important;height:88px!important}}
@media(pointer:coarse),(max-width:800px){#joystick{display:block}#toolbar{bottom:calc(19px + var(--safe-bottom))}.action-controls{bottom:calc(158px + var(--safe-bottom));right:calc(26px + var(--safe-right))}#joystick{bottom:calc(159px + var(--safe-bottom))}#camera-reset{bottom:calc(286px + var(--safe-bottom))}#easy-action{bottom:calc(157px + var(--safe-bottom))}#build-hint{bottom:calc(276px + var(--safe-bottom))}}
@media(max-width:800px) and (orientation:portrait){
 #topbar{left:calc(17px + var(--safe-left));right:calc(17px + var(--safe-right));top:calc(15px + var(--safe-top));gap:10px}.game-brand{font-size:12px}.game-brand small{font-size:6px;letter-spacing:3px}.brand-gem{font-size:25px}.invite-button #code{font-size:12px;letter-spacing:1px}#presence{position:absolute;top:119px;right:0;gap:5px;flex-direction:column;align-items:flex-end}.player-badge{font-size:10px!important;min-height:35px;max-width:130px!important}.waiting-player{font-size:9px!important;max-width:135px!important;text-align:right}#settings{width:49px;height:49px}.follow-button{top:calc(218px + var(--safe-top));right:calc(18px + var(--safe-right));font-size:10px;min-height:53px;padding-right:11px}
 #resources{left:calc(18px + var(--safe-left));top:calc(83px + var(--safe-top));gap:8px}#resources .resource{min-width:73px;min-height:50px;padding-right:10px}#resources b{font-size:17px}#connection{top:calc(143px + var(--safe-top));left:calc(21px + var(--safe-left))}#goal-card{top:calc(172px + var(--safe-top));left:calc(17px + var(--safe-left));width:239px}#goal-open{min-height:75px}
 #toolbar{gap:7px;padding:8px;border-radius:28px}#toolbar button{flex-basis:85px;min-width:85px;min-height:89px;font-size:11px;padding:4px 7px 8px}#toolbar .ava-icon{width:55px!important;height:55px!important}
 #panel,#panel.wardrobe-panel{top:calc(79px + var(--safe-top));left:calc(17px + var(--safe-left));right:calc(17px + var(--safe-right));bottom:calc(150px + var(--safe-bottom));width:auto;max-height:none;border-radius:29px;transform:none}#panel:not(.wardrobe-panel){max-width:610px;margin-left:auto;margin-right:auto}#panel-content{padding:17px 20px 24px}.panel-header h2{font-size:23px}.panel-header{padding:10px 17px 10px 11px}.build-categories{gap:7px}.build-grid{gap:12px}.build-art{height:127px}.build-art .ava-icon{width:127px!important;height:127px!important}.build-card strong{font-size:12px}.inventory-grid{gap:14px}.inventory-tile{min-height:159px}.inventory-tile .ava-icon{width:92px!important;height:92px!important}.inventory-count{font-size:27px}.inventory-name{font-size:11px}.power-card{padding-top:18px}.power-card>.ava-icon{width:148px!important;height:148px!important}.power-card h3{font-size:16px!important}.power-card p{max-width:200px}.power-grid{gap:18px}.featured-build-grid .build-art .ava-icon{width:165px!important;height:165px!important}.featured-build-grid .build-art{height:150px}#panel-content .featured-build-grid .build-card{min-height:169px}.featured-build-grid .build-card strong{font-size:18px}.recipe-equation{gap:20px}.large-costs .ava-icon{width:61px!important;height:61px!important}.recipe-card h3{font-size:15px!important}.recipe-card{padding:15px 21px}.island-illustration{height:167px}.adventure-card{min-height:151px}
 body.panel-open #joystick{opacity:.2;pointer-events:none}
}
@media(max-width:520px){
 #topbar{top:calc(10px + var(--safe-top));left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));gap:7px}.game-brand{font-size:10px;gap:4px}.game-brand small{font-size:5px;letter-spacing:2.5px}.brand-gem{font-size:21px}.top-actions{margin-left:0}#settings{width:48px;height:48px}#invite{margin-left:auto;padding:0 10px;min-height:48px}.invite-button #code{font-size:11px;letter-spacing:1px}.invite-label{display:none}
 #resources{left:calc(13px + var(--safe-left));top:calc(76px + var(--safe-top));gap:7px}#resources .resource{min-width:66px;min-height:46px;border-radius:16px;padding-right:8px;gap:1px}#resources .ava-icon{width:36px!important;height:36px!important}#resources b{font-size:16px}#connection{left:calc(16px + var(--safe-left));top:calc(133px + var(--safe-top));font-size:8px}#presence{top:139px;gap:5px}.player-badge{min-height:32px;font-size:9px!important;padding:3px 8px 3px 4px!important;max-width:109px!important}.player-animal{font-size:20px!important}.waiting-player{max-width:115px!important;font-size:8px!important}.follow-button{top:calc(240px + var(--safe-top));right:calc(14px + var(--safe-right));min-height:50px;padding:3px 8px 3px 4px}.follow-button .ava-icon{width:34px!important;height:34px!important}
 #goal-card{top:calc(156px + var(--safe-top));left:calc(12px + var(--safe-left));width:218px;max-width:calc(100% - 137px)}#goal-open{padding:6px 7px 6px 1px;gap:3px;min-height:74px;border-radius:20px}.goal-symbol .ava-icon{width:43px!important;height:43px!important}.goal-text strong{font-size:10px}.goal-text small{font-size:6px;letter-spacing:.6px}.goal-text>span{font-size:10px}.goal-arrow{font-size:20px}
 #toolbar{bottom:calc(16px + var(--safe-bottom));width:calc(100% - 24px - var(--safe-left) - var(--safe-right));max-width:420px;gap:4px;padding:6px;border-radius:25px}#toolbar button{flex:1 1 0;min-width:0;min-height:81px;padding:3px 2px 7px;border-radius:19px;font-size:9px}#toolbar .ava-icon{width:49px!important;height:49px!important}.dock-caption{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#toolbar button[aria-pressed=true]{transform:translateY(-5px)}
 #joystick{width:99px;height:99px;left:calc(24px + var(--safe-left));bottom:calc(140px + var(--safe-bottom))}#stick{width:47px;height:47px;margin-left:-23.5px;margin-top:-23.5px}.action-controls{right:calc(21px + var(--safe-right));bottom:calc(140px + var(--safe-bottom))}#interact{min-width:93px;min-height:99px;border-radius:29px;padding:5px 10px 9px}#interact .ava-icon{width:49px!important;height:49px!important}#camera-reset{bottom:calc(259px + var(--safe-bottom));right:calc(23px + var(--safe-right));width:48px;height:48px;min-height:48px}#build-hint{bottom:calc(260px + var(--safe-bottom));font-size:10px;max-width:calc(100% - 35px)}.build-actions{gap:6px}.build-actions .icon-button{width:49px;height:54px;min-height:54px}.build-actions .primary-button{padding:5px 12px;min-height:64px;font-size:11px;max-width:158px}#easy-action{bottom:calc(255px + var(--safe-bottom));padding-left:12px;gap:8px;max-width:calc(100% - 28px);font-size:10px}#easy-action-label{max-width:210px}
 #panel,#panel.wardrobe-panel{top:calc(72px + var(--safe-top));bottom:calc(127px + var(--safe-bottom));left:calc(11px + var(--safe-left));right:calc(11px + var(--safe-right));border-radius:27px;border-width:2px;width:auto}.panel-header{min-height:82px;padding:9px 12px 9px 8px;gap:6px}.panel-header h2{font-size:21px}.panel-header .eyebrow{font-size:7px;letter-spacing:1.3px}.panel-header #panel-art{width:55px;height:55px}.panel-header #panel-art .ava-icon{width:55px!important;height:55px!important}.panel-header .icon-button{width:48px;height:48px;min-height:48px}#panel-content{padding:14px 13px 22px}
 .build-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-bottom:13px;margin-bottom:11px}#panel-content .category-tab{min-height:60px;flex-direction:row;gap:3px;border-radius:15px;font-size:9px;padding:4px 5px}.category-tab .ava-icon{width:33px!important;height:33px!important}.category-tab .picture-button-label{max-width:calc(100% - 35px);white-space:normal;overflow:visible}.build-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}#panel-content .build-card{min-height:179px;padding:8px 6px 11px}.build-art{height:121px}.build-art .ava-icon{width:121px!important;height:121px!important}.build-card strong{font-size:11px;min-height:29px}.featured-build-grid .build-art{height:123px}.featured-build-grid .build-art .ava-icon{width:132px!important;height:132px!important}#panel-content .featured-build-grid .build-card{min-height:140px;padding:6px 10px 6px 1px;grid-template-columns:44% 1fr;gap:7px}.featured-build-grid .build-card strong{font-size:14px}.featured-build-grid .costs .ava-icon{width:27px!important;height:27px!important}.featured-build-grid .costs b{font-size:11px}.build-banner{font-size:10px;margin-bottom:10px}
 .inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.inventory-tile{min-height:140px;border-radius:21px;padding:6px 4px 11px}.inventory-tile .ava-icon{width:79px!important;height:79px!important}.inventory-count{font-size:24px}.inventory-name{font-size:10px}.bag-heading{padding:0 5px 13px;margin-bottom:17px;gap:10px}.bag-heading>.ava-icon{width:76px!important;height:76px!important}.bag-heading>div{font-size:11px;max-width:220px}
 .recipe-card{padding:13px 12px}.recipe-card h3{font-size:13px!important}.recipe-equation{gap:10px}.large-costs .ava-icon{width:49px!important;height:49px!important}.recipe-equation .costs{gap:5px}.recipe-equation .costs b{font-size:12px}.equation-arrow{font-size:22px}.recipe-card .button-row{grid-template-columns:1fr 60px}.craft-heading .ava-icon{width:54px!important;height:54px!important}.craft-heading .panel-intro{font-size:11px!important}.craft-heading{gap:9px;margin-bottom:14px}
 .power-grid{gap:11px}.power-card{padding:10px 8px 12px;border-radius:23px}.power-card>.ava-icon{width:117px!important;height:117px!important;max-width:100%}.power-card h3{font-size:12px!important}.power-card p{font-size:10px!important;line-height:1.5!important;margin:7px 0 12px!important}.power-card .power-action{font-size:10px!important;min-height:51px!important;padding:4px!important}.power-card .power-action .ava-icon{width:26px!important;height:26px!important}
 .adventure-card{min-height:137px;padding:8px 20px 8px 8px;gap:17px;font-size:18px}.adventure-card .ava-icon{width:109px!important;height:109px!important}.adventure-grid{gap:13px}.project-head h3{font-size:15px!important}.project-head .ava-icon{width:66px!important;height:66px!important}.project-card{padding:13px 13px 17px}.project-card .requirements{gap:4px}.puzzle-choices .dial{min-width:48px;min-height:52px}.island-illustration{height:150px}.island-card h3{font-size:17px!important}.island-card>p{font-size:11px!important}.treasure-card .treasure-clue{font-size:13px!important}
 .wardrobe{grid-template-rows:clamp(175px,24dvh,245px) 69px minmax(70px,1fr) auto}.wardrobe-option-name{font-size:11px}.wardrobe-stage-label{font-size:9px}
}
@media(orientation:landscape) and (max-height:700px){
 #topbar{top:calc(9px + var(--safe-top));left:calc(18px + var(--safe-left));right:calc(18px + var(--safe-right))}.game-brand{font-size:11px}#presence{position:static;flex-direction:row;align-items:center}.player-badge{font-size:10px!important;min-height:34px}#settings{width:48px;height:48px}.follow-button{top:calc(74px + var(--safe-top));right:calc(19px + var(--safe-right));min-height:48px}#resources{top:calc(73px + var(--safe-top));left:calc(20px + var(--safe-left));gap:6px}#resources .resource{min-height:43px;min-width:63px;padding-right:7px;border-radius:15px}#resources .resource .ava-icon{width:33px!important;height:33px!important}#resources b{font-size:15px}#connection{top:calc(126px + var(--safe-top));left:calc(22px + var(--safe-left))}#goal-card{top:calc(149px + var(--safe-top));left:calc(18px + var(--safe-left));width:230px}#goal-open{min-height:65px;padding:5px 9px 5px 2px}.goal-symbol .ava-icon{width:46px!important;height:46px!important}.goal-text strong{font-size:11px}
 #toolbar{bottom:calc(13px + var(--safe-bottom));padding:6px;gap:5px;border-radius:25px}#toolbar button{flex-basis:75px;min-width:75px;min-height:75px;font-size:9px;padding:3px 5px 6px;border-radius:18px}#toolbar .ava-icon{width:47px!important;height:47px!important}.action-controls{bottom:calc(24px + var(--safe-bottom));right:calc(26px + var(--safe-right))}#interact{min-height:88px;min-width:91px;border-radius:26px}#interact .ava-icon{width:44px!important;height:44px!important}#interact>.action-caption{font-size:11px!important}#joystick{width:96px;height:96px;bottom:calc(22px + var(--safe-bottom));left:calc(25px + var(--safe-left))}#camera-reset{bottom:calc(133px + var(--safe-bottom));right:calc(28px + var(--safe-right));width:48px;height:48px}#easy-action{bottom:calc(119px + var(--safe-bottom));font-size:10px}#build-hint{bottom:calc(124px + var(--safe-bottom));font-size:10px}
 #panel{top:calc(70px + var(--safe-top));bottom:calc(112px + var(--safe-bottom));right:calc(20px + var(--safe-right));left:auto;width:min(510px,calc(100% - 290px));border-radius:25px}.panel-header{min-height:73px;padding:7px 12px 7px 9px}.panel-header #panel-art{width:51px;height:51px}.panel-header #panel-art .ava-icon{width:51px!important;height:51px!important}.panel-header h2{font-size:21px}#panel-content{padding:12px 15px 21px}.build-categories{gap:4px;padding-bottom:10px}#panel-content .category-tab{font-size:8px;min-height:64px;border-radius:14px;padding:3px}.category-tab .ava-icon{width:32px!important;height:32px!important}.build-grid{gap:9px}.build-art{height:92px}.build-art .ava-icon{width:96px!important;height:96px!important}.build-card strong{font-size:10px}#panel-content .build-card{min-height:151px}.featured-build-grid .build-art{height:105px}.featured-build-grid .build-art .ava-icon{width:118px!important;height:118px!important}#panel-content .featured-build-grid .build-card{min-height:125px}.featured-build-grid .build-card strong{font-size:14px}.inventory-grid{gap:9px}.inventory-tile{min-height:128px}.inventory-tile .ava-icon{width:67px!important;height:67px!important}.inventory-count{font-size:21px}.bag-heading{margin-bottom:14px;padding-bottom:10px}.bag-heading>.ava-icon{width:62px!important;height:62px!important}.bag-heading>div{font-size:10px}.power-card>.ava-icon{width:108px!important;height:108px!important}.power-card h3{font-size:12px!important}.power-card p{font-size:10px!important}.adventure-card{min-height:117px;font-size:18px}.adventure-card .ava-icon{width:91px!important;height:91px!important}.island-illustration{height:130px}#panel.wardrobe-panel{top:calc(70px + var(--safe-top));bottom:calc(112px + var(--safe-bottom));width:min(920px,calc(100% - 40px));left:50%;right:auto;transform:translateX(-50%)}
}
@media(orientation:landscape) and (max-height:450px){#panel{top:calc(11px + var(--safe-top));bottom:calc(106px + var(--safe-bottom));width:min(470px,calc(100% - 275px));border-radius:21px}#panel.wardrobe-panel{top:calc(10px + var(--safe-top));bottom:calc(107px + var(--safe-bottom))}.panel-header{min-height:63px}.panel-header h2{font-size:18px}.panel-header #panel-art,.panel-header #panel-art .ava-icon{width:44px!important;height:44px!important}.panel-header .icon-button{width:48px;min-height:48px}.build-categories{grid-template-columns:repeat(3,minmax(0,1fr))}#panel-content .category-tab{flex-direction:row;min-height:48px;gap:4px}.category-tab .ava-icon{width:29px!important;height:29px!important}.build-grid{grid-template-columns:1fr 1fr}.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.power-grid{grid-template-columns:1fr 1fr}.power-card>.ava-icon{width:90px!important;height:90px!important}}
@media(prefers-reduced-motion:reduce){#panel,#toolbar button,#toolbar .ava-icon,.build-card{animation:none!important;transition:none!important}.adventure-card:hover .ava-icon{transform:none}}

.settings-help{margin:16px 0;color:#82916e}.settings-help summary{min-height:48px;display:flex;align-items:center;cursor:pointer;font-size:12px;font-weight:750}.settings-help p{font-size:11px!important}#dialog-content>.action,#dialog-content>.quiet{width:100%;margin-bottom:12px}#dialog-content>.version{display:block;margin-top:15px;text-align:center}