:root{--ink:#f6efe0;--ink-dim:#f6efe09e;--panel:#141820cc;--panel-solid:#161a22eb;--line:#ffffff1a;--amber:#f0a93b;--amber-hi:#ffcf6e;--danger:#d9573f;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;background:#e9b98a;margin:0;font-family:Chakra Petch,system-ui,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:none}.hidden{display:none!important}#view{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#view[hidden]{display:none}svg{display:block}.backdrop{background:linear-gradient(#3c75b9 0%,#86b5dd 36%,#f2d0a2 63%,#e9b98a 100%);position:fixed;inset:0;overflow:hidden}.backdrop[hidden]{display:none}.backdrop svg{width:100%;height:62%;position:absolute;bottom:0;left:0}.sun{border-radius:50%;position:absolute}.sun.s1{background:radial-gradient(circle,#fffbea 0 26%,#fff0c88c 30%,#ffe2aa00 70%);width:150px;height:150px;top:14%;left:20%}.sun.s2{background:radial-gradient(circle,#ffd7a0 0 22%,#ffbe7873 28%,#ffaa6400 70%);width:96px;height:96px;top:22%;left:29%}.logo{letter-spacing:.08em;color:#fff7e6;text-shadow:0 5px #b4733e,0 10px 28px #50280a59;margin:0;font-size:clamp(44px,7vw,92px);font-weight:700;line-height:1}.logo.small{text-align:center;text-shadow:0 4px #b4733e;margin-bottom:6px;font-size:40px}.screen{padding:calc(6vh + var(--safe-t)) 24px calc(24px + var(--safe-b));flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow:auto}.cards{flex-wrap:wrap;justify-content:center;gap:22px;max-width:1120px;margin-top:6vh;display:flex}.card{-webkit-backdrop-filter:blur(6px);border:2px solid var(--line);cursor:pointer;background:#161a22b8;border-radius:22px;flex-direction:column;align-items:center;width:190px;height:262px;padding:10px 10px 16px;transition:transform .15s,border-color .15s;display:flex;position:relative}.card:hover{border-color:var(--amber);transform:translateY(-4px)}.card:active{transform:translateY(0)scale(.98)}.card.last{border-color:#f0a93b8c}.card .portrait{object-fit:contain;pointer-events:none;width:170px;height:200px}.card .name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:20px;font-weight:600;overflow:hidden}.card .online{background:#6fe07a;border-radius:50%;width:11px;height:11px;position:absolute;top:16px;left:16px;box-shadow:0 0 10px #6fe07a}.card .edit{position:absolute;top:8px;right:8px}.card.add{background:#161a2252;border:2px dashed #fff6;justify-content:center}.card.add .plus svg{width:64px;height:64px}.error{background:var(--panel);border-radius:16px;padding:16px 24px;font-size:20px;font-weight:600}.icon-btn{background:#ffffff17;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.icon-btn:hover{background:#ffffff29}.icon-btn svg{width:22px;height:22px}.btn{background:#ffffff1a;border-radius:14px;justify-content:center;align-items:center;gap:10px;height:52px;padding:0 22px;font-size:18px;font-weight:600;display:inline-flex}.btn:hover{background:#ffffff29}.btn svg{width:20px;height:20px}.btn.primary{color:#2a1a08;background:linear-gradient(#ffc75f,#ee9a2f);box-shadow:0 4px #a8621c}.btn.primary:active{transform:translateY(2px);box-shadow:0 2px #a8621c}.btn.big{width:100%;height:66px;font-size:24px}.btn.danger{color:#ffb3a3}.btn:disabled{opacity:.6}.hud{pointer-events:none;z-index:10;position:fixed;inset:0}.crosshair{width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";background:#ffffffeb;border-radius:1px;position:absolute;box-shadow:0 0 0 1px #00000059}.crosshair:before{width:2px;height:18px;top:2px;left:10px}.crosshair:after{width:18px;height:2px;top:10px;left:2px}.hotbar{left:50%;bottom:calc(14px + var(--safe-b));-webkit-backdrop-filter:blur(6px);pointer-events:auto;background:#12161e99;border-radius:18px;gap:6px;padding:8px;display:flex;position:absolute;transform:translate(-50%)}.slot{background:#ffffff0f;border:3px solid #0000;border-radius:12px;place-items:center;width:58px;height:58px;padding:0;transition:transform .1s;display:grid;position:relative}.slot img{pointer-events:none;width:78%;height:78%}.slot.sel{border-color:var(--amber-hi);background:#ffcf6e33;transform:translateY(-4px)}.slot .key{color:#ffffff8c;font-size:11px;font-weight:600;position:absolute;top:1px;left:5px}.slot.more svg{width:28px;height:28px}.hud.touch .slot{width:clamp(44px,10vw - 34px,66px);height:clamp(44px,10vw - 34px,66px)}.roster{top:calc(14px + var(--safe-t));right:calc(14px + var(--safe-r));flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute}.chip{background:#12161e8c;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:15px;font-weight:600;display:flex}.chip i{border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 2px #ffffff4d}.chip.me{background:#12161eb8}.status{top:calc(16px + var(--safe-t));background:#12161ebf;border-radius:999px;padding:8px 16px 8px 30px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.status:before{content:"";background:var(--amber);border-radius:50%;width:9px;height:9px;margin-top:-4.5px;animation:1s ease-in-out infinite alternate pulse;position:absolute;top:50%;left:12px}@keyframes pulse{to{opacity:.25}}.loading{pointer-events:auto;background:linear-gradient(#3c75b9 0%,#86b5dd 40%,#f2d0a2 70%,#e9b98a 100%);flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:fixed;inset:0}.loading .bar{background:#12161e59;border-radius:6px;width:240px;height:10px;overflow:hidden}.loading .bar i{background:var(--amber-hi);border-radius:6px;width:40%;height:100%;animation:1s ease-in-out infinite alternate slide;display:block}.loading .bar.known i{transform-origin:0;width:100%;transform:scaleX(var(--p,0));transition:transform .25s ease-out;animation:none}@keyframes slide{0%{transform:translate(-10%)}to{transform:translate(160%)}}.overlay{-webkit-backdrop-filter:blur(3px);pointer-events:auto;background:#0a0c126b;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.panel{background:var(--panel-solid);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 20px 60px #00000059}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel-head h2{letter-spacing:.06em;margin:0;font-size:22px}.picker .panel{width:min(900px,94vw);max-height:86vh;overflow:auto}.picker .panel-head{flex-wrap:wrap;gap:12px}.picker-tabs{margin-left:auto}.picker-search{border:1px solid var(--line);width:140px;height:40px;color:inherit;font:inherit;background:#00000040;border-radius:12px;padding:0 12px}.block-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px;margin-top:16px;display:grid}.block{aspect-ratio:1;background:#ffffff0f;border:3px solid #0000;border-radius:16px;place-items:center;padding:0;display:grid}.block:hover{border-color:var(--amber)}.block img{pointer-events:none;width:78%}.menu{flex-direction:column;gap:14px;width:min(440px,92vw);display:flex}.menu-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mixer{flex-direction:column;gap:8px;padding:4px 6px;display:flex}.mixer.off{opacity:.4}.mix-row{align-items:center;gap:14px;height:40px;display:flex}.mix-row svg{width:24px;height:24px;color:var(--ink-dim);flex:none}.mix-row input[type=range]{height:40px;accent-color:var(--amber);cursor:pointer;flex:1;margin:0}.keys{color:var(--ink-dim);grid-template-columns:repeat(3,1fr);gap:6px 10px;margin-top:4px;font-size:13px;display:grid}.keys b{color:var(--ink)}.tbtn{pointer-events:auto;touch-action:none;background:#12161e7a;border:2px solid #fff3;border-radius:50%;place-items:center;width:84px;height:84px;display:grid;position:absolute}.tbtn svg{width:40px;height:40px}.tbtn.down,.tbtn.on{border-color:var(--amber-hi);background:#f0a93b8c}.tbtn.jump{right:calc(16px + var(--safe-r));bottom:calc(18px + var(--safe-b));width:100px;height:100px}.tbtn.jump svg{width:48px;height:48px}.tbtn.flyb{right:calc(24px + var(--safe-r));bottom:calc(134px + var(--safe-b));width:76px;height:76px}.tbtn.downb{right:calc(128px + var(--safe-r));bottom:calc(18px + var(--safe-b))}.tbtn.mode{left:calc(16px + var(--safe-l));bottom:calc(18px + var(--safe-b));width:100px;height:100px}.tbtn.mode svg{width:50px;height:50px}.tbtn.mode.breaking{background:#d9573fa6;border-color:#ffb3a3}.tbtn.cam{top:calc(16px + var(--safe-t));left:calc(88px + var(--safe-l));width:60px;height:60px}.tbtn.menub{top:calc(16px + var(--safe-t));left:calc(16px + var(--safe-l));width:60px;height:60px}.tbtn.cam svg,.tbtn.menub svg{width:28px;height:28px}.stick{background:#12161e38;border:3px solid #ffffff59;border-radius:50%;width:136px;height:136px;margin:-68px 0 0 -68px;position:absolute;top:0;left:0}.stick .knob{background:#fff9;border-radius:50%;width:56px;height:56px;position:absolute;top:37px;left:37px;box-shadow:0 2px 10px #00000040}.hold{opacity:0;border:4px solid #ffffffd9;border-radius:50%;width:70px;height:70px;margin:-35px 0 0 -35px;animation:.32s linear .1s forwards holdIn;position:absolute;top:0;left:0}.hold.active{opacity:1;border-color:#ff9b78;animation:.32s ease-in-out infinite alternate dig}@keyframes holdIn{0%{opacity:0;scale:1.7}to{opacity:.9;scale:1}}@keyframes dig{0%{scale:1}to{scale:.82}}.toast{top:calc(70px + var(--safe-t));background:#12161ed1;border-radius:999px;align-items:center;gap:10px;padding:8px 18px 8px 8px;font-size:22px;font-weight:700;display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast img{background:#ffffff1f;border-radius:50%;width:52px;height:52px}.toast .toast-icon svg{width:34px;height:34px;margin:8px 0 8px 10px}.toast.pop{animation:.36s wiggle}@keyframes wiggle{0%,to{translate:0}20%{translate:-8px}40%{translate:8px}60%{translate:-5px}80%{translate:4px}}.frozen-pill{top:calc(16px + var(--safe-t));background:#3c78becc;border-radius:999px;padding:8px 14px;position:absolute;left:50%;transform:translate(-50%)}.frozen-pill svg{width:22px;height:22px}.mode-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--amber-hi);background:#f0a93b4d;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700}.tbtn.undob{left:calc(16px + var(--safe-l));bottom:calc(134px + var(--safe-b));width:76px;height:76px}.parent-btn{right:calc(16px + var(--safe-r));bottom:calc(16px + var(--safe-b));background:#161a228c;border-radius:14px;place-items:center;width:52px;height:52px;display:grid;position:fixed}.parent-btn svg{width:24px;height:24px}.screen.parent{align-items:center}.parent-panel{flex-direction:column;gap:16px;width:min(860px,100%);display:flex}.parent-panel h2{margin:0;font-size:26px}.gate{flex-direction:column;align-items:stretch;gap:14px;width:min(380px,92vw);margin-top:8vh;display:flex}.gate .q{text-align:center;font-size:34px;font-weight:700}.gate input{text-align:center;height:60px;color:var(--ink);-webkit-user-select:text;user-select:text;background:#0000004d;border:2px solid #ffffff24;border-radius:14px;outline:none;font:700 28px Chakra Petch,system-ui,sans-serif}.prow{background:#ffffff0d;border-radius:16px;flex-wrap:wrap;align-items:center;gap:14px;padding:10px 12px;display:flex}.prow img{background:#ffffff14;border-radius:12px;width:56px;height:56px}.prow .pname{min-width:120px;font-size:19px;font-weight:700}.seg{background:#00000040;border-radius:12px;display:inline-flex;overflow:hidden}.seg button{background:0 0;height:40px;padding:0 14px;font-weight:600}.seg button.sel{background:var(--amber);color:#2a1a08}.prow .spacer{flex:1}.btn.small{border-radius:12px;height:40px;padding:0 14px;font-size:15px}.prow.deleted{opacity:.6}.worlds-head{align-items:center;gap:14px;width:min(1120px,100%);display:flex}.worlds-head .who{text-shadow:0 2px #78461e80;font-size:26px;font-weight:700}.card.world{width:240px;height:230px}.card.world .wpic{border-radius:14px;width:216px;height:150px;margin-bottom:10px;overflow:hidden}.wpic svg,.wthumb svg{width:100%;height:100%}.wthumb{border-radius:10px;flex:none;width:84px;height:52px;overflow:hidden}.wtypes{gap:12px}.wtype{background:#ffffff0f;border:3px solid #0000;border-radius:16px;flex-direction:column;gap:6px;width:150px;padding:6px 6px 10px;font-weight:600;display:flex}.wtype .wpic{border-radius:10px;height:84px;overflow:hidden}.wtype.sel{border-color:var(--amber)}.pblock{background:#ffffff0d;border-radius:16px;flex-direction:column;gap:10px;padding:10px 12px;display:flex}.pblock .prow{background:0 0;padding:0}.switches{flex-direction:column;gap:10px;padding:4px 0 4px 70px;display:flex}.srow{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.slabel{min-width:120px;color:var(--ink-dim);font-size:14px;font-weight:600}.toggles{flex-wrap:wrap;gap:8px;display:flex}.tog{background:#00000040;border-radius:999px;align-items:center;gap:8px;height:38px;padding:0 12px 0 8px;font-size:14px;font-weight:600;display:inline-flex}.tog i{background:#fff3;border-radius:999px;width:30px;height:18px;position:relative}.tog i:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:left .12s;position:absolute;top:2px;left:2px}.tog.on i{background:var(--amber)}.tog.on i:after{left:14px}.parent-panel{max-height:calc(100vh - 48px);overflow:auto}.slot .count,.islot .count,.inv-cursor .count,.book-item .count,.pick .count{color:#fff;text-shadow:0 1px #000,0 0 3px #000;pointer-events:none;font-size:15px;font-weight:700;position:absolute;bottom:2px;right:5px}.vitals{left:50%;bottom:calc(100px + var(--safe-b));flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;transform:translate(-50%)}.hearts,.bubbles{gap:3px;display:flex}.heart,.bubble{width:22px;height:22px;-webkit-mask:var(--shape) center / contain no-repeat;-webkit-mask:var(--shape) center / contain no-repeat;mask:var(--shape) center / contain no-repeat;background:#141012a6}.heart{--shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 8' shape-rendering='crispEdges'%3E%3Cpath d='M1 0h2v1h1v1h1V1h1V0h2v1h1v3H8v1H7v1H6v1H5v1H4V7H3V6H2V5H1V4H0V1h1z'/%3E%3C/svg%3E")}.heart.full{background:#e8413a}.heart.half{background:linear-gradient(90deg,#e8413a 50%,#141012a6 50%)}.hearts.shake{animation:.3s wiggle}.bubble{--shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath d='M2 0h4v1h1v1h1v4H7v1H6v1H2V7H1V6H0V2h1V1h1z'/%3E%3C/svg%3E");background:0 0;width:18px;height:18px}.bubble.full{background:#7fd0ff}.hurt-flash{opacity:0;background:radial-gradient(#0000 45%,#c8140a8c);position:absolute;inset:0}.hurt-flash.on{animation:.5s ease-out hurt}@keyframes hurt{0%{opacity:1}to{opacity:0}}.pickup{left:50%;bottom:calc(150px + var(--safe-b));align-items:center;gap:4px;font-size:24px;display:flex;position:absolute;transform:translate(-50%)}.pickup img{width:44px;height:44px}.pickup.pop{animation:.9s ease-out forwards pickup}@keyframes pickup{0%{opacity:0;translate:0 10px;scale:.6}20%{opacity:1;translate:0;scale:1.1}70%{opacity:1}to{opacity:0;translate:0 30px;scale:.7}}.down{background:#78140a66}.down-panel{flex-direction:column;gap:14px;width:min(320px,90vw);display:flex}.tbtn.bagb{right:calc(116px + var(--safe-r));bottom:calc(126px + var(--safe-b));width:92px;height:92px}.tbtn.bagb svg{width:46px;height:46px}.tbtn.bagb.full{background:#d9573fa6}.inv-panel{flex-direction:column;gap:14px;max-height:94vh;display:flex;overflow:auto}.islot{touch-action:none;background:#ffffff12;border:2px solid #ffffff0f;border-radius:10px;place-items:center;width:56px;height:56px;padding:0;display:grid;position:relative}.islot:hover{border-color:#ffcf6e99}.islot.sel{border-color:var(--amber-hi)}.islot img{pointer-events:none;width:80%;height:80%}.inv-bag,.inv-bar{grid-template-columns:repeat(9,56px);gap:6px;display:grid}.inv-bar{border-top:1px solid var(--line);padding-top:10px}.inv-top{align-items:flex-start;gap:18px;min-height:130px;display:flex}.craft{align-items:center;gap:14px;display:flex}.craft-grid{gap:6px;display:grid}.craft-arrow{color:var(--ink-dim);font-size:30px}.islot.out{width:72px;height:72px}.islot.out.ready{border-color:var(--amber);background:#f0a93b2e}.book{background:#0003;border-radius:12px;flex:1;grid-template-columns:repeat(auto-fill,52px);align-content:start;gap:6px;max-height:200px;padding:6px;display:grid;overflow:auto}.book-item{background:#ffffff14;border-radius:10px;place-items:center;width:52px;height:52px;padding:0;display:grid;position:relative}.book-item img{pointer-events:none;width:78%}.book-item.dim,.pick.dim{opacity:.38}.picks{flex:1;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;max-height:min(296px,36vh);display:grid;overflow:auto}.pick{text-align:left;background:#ffffff12;border-radius:12px;align-items:center;gap:10px;min-height:60px;padding:6px 10px 6px 6px;display:flex;position:relative;overflow:hidden}.pick:not(.dim):hover{background:#f0a93b38}.pick>img{flex:none;width:48px;height:48px}.pick .count{left:38px;right:auto}.pick-name{flex:1;font-size:15px;font-weight:600}.pick-need{align-items:center;gap:1px;display:flex}.pick-need img{width:24px;height:24px}.pick-need em{color:var(--ink-dim);margin-right:4px;font-size:12px;font-style:normal}.pick-station{opacity:.9;width:26px;height:26px}.picks.big{grid-template-columns:repeat(auto-fill,112px);max-height:none}.picks.big .pick{justify-content:center;width:112px;height:112px;padding:0}.picks.big .pick>img{width:84px;height:84px}.picks.big .pick .count{font-size:20px;left:auto;right:10px}.picks-empty{opacity:.3}.picks-empty svg{width:60px;height:60px}.pick.smelt .craft-arrow{font-size:20px}.smelt-bar{background:var(--amber-hi);height:4px;position:absolute;bottom:0;left:0}.inv-cursor{pointer-events:none;z-index:5;width:52px;height:52px;margin:-26px 0 0 -26px;position:fixed;top:0;left:0}.inv-cursor img{width:100%;height:100%}.inv-panel.little .inv-bag{display:none}.hud.touch .islot,.hud.touch .inv-bag,.hud.touch .inv-bar{--s:clamp(44px, calc((100vw - 120px) / 9 - 6px), 64px)}.hud.touch .islot{width:var(--s);height:var(--s)}.hud.touch .inv-bag,.hud.touch .inv-bar{grid-template-columns:repeat(9, var(--s))}.slot .wear,.islot .wear{pointer-events:none;border-radius:2px;max-width:76%;height:4px;position:absolute;bottom:5px;left:12%;box-shadow:0 0 0 1px #0009}.pickup.need b{color:#ff6a55;font-size:30px}.pickup.need img{opacity:.85}.panel-head h2 .storage{color:var(--ink-dim);margin-left:12px;font-size:14px;font-weight:600}.chest-panel{width:min(560px,94vw);max-height:86vh;overflow:auto}.chest-panel h2{margin:4px 0 8px;font-size:18px}.chest-grid{grid-template-columns:repeat(9,1fr);gap:6px;margin-bottom:12px;display:grid}.chest-grid .islot{aspect-ratio:1;background:#ffffff12;border-radius:10px;place-items:center;padding:0;display:grid;position:relative}.chest-grid .islot img{width:76%}.vital-row{gap:28px;display:flex}.foods{gap:3px;display:flex}.food{width:22px;height:22px;-webkit-mask:var(--shape) center / contain no-repeat;-webkit-mask:var(--shape) center / contain no-repeat;mask:var(--shape) center / contain no-repeat;--shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 9' shape-rendering='crispEdges'%3E%3Cpath d='M4 0h1v1h2v1h1v5H7v1H6v1H3V8H2V7H1V2h1V1h2z'/%3E%3C/svg%3E");background:#141012a6}.food.full{background:#e8a33a}.food.half{background:linear-gradient(270deg,#e8a33a 50%,#141012a6 50%)}.furnace-slots{gap:18px}.fur-left{flex-direction:column;align-items:center;gap:6px;display:flex}.fur-flame{background:linear-gradient(0deg, #ff8a2a calc(var(--burn) * 100%), #ffffff1f calc(var(--burn) * 100%));width:22px;height:22px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' shape-rendering='crispEdges'%3E%3Cpath d='M3 0h1v1h1v1h1v2h1v4H6v1H2V8H1V4h1V2h1z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' shape-rendering='crispEdges'%3E%3Cpath d='M3 0h1v1h1v1h1v2h1v4H6v1H2V8H1V4h1V2h1z'/%3E%3C/svg%3E") 50%/contain no-repeat}.fur-arrow{background:#ffffff1a;border-radius:7px;width:64px;height:14px;position:relative;overflow:hidden}.fur-arrow i{background:var(--amber-hi);position:absolute;top:0;bottom:0;left:0}.mode-badge{pointer-events:auto;color:#fff;border:2px solid #ffffff40;border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 9px;font-size:14px;font-weight:700;display:flex}.mode-badge svg{width:18px;height:18px}.mode-badge.build{background:#2f6fb8d9}.mode-badge.survive{background:#b8452fd9}.mode-badge.locked{opacity:.8}.mode-card{color:#fff;opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:12px;padding:14px 28px 14px 20px;font-size:34px;font-weight:800;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.mode-card svg{width:40px;height:40px}.mode-card.build{background:#2f6fb8e6}.mode-card.survive{background:#b8452fe6}.mode-card.pop{animation:2.6s forwards mode-card}@keyframes mode-card{0%{opacity:0;scale:.7}12%{opacity:1;scale:1.06}20%{scale:1}80%{opacity:1}to{opacity:0}}.menu-head{align-items:center;gap:12px;display:flex}.menu-head h2{margin:0;font-size:22px}.btn.icon{flex:none;place-items:center;width:48px;height:48px;padding:0;display:grid}.menu-field{flex-direction:column;gap:10px;display:flex}.menu-label{color:var(--ink-dim);font-size:13px;font-weight:600}.seg{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.seg .btn.on{background:var(--amber);color:#1b1408;border-color:var(--amber)}.seg .btn:disabled{opacity:.5;cursor:default}.mode-why{color:var(--ink-dim);text-align:center;margin-top:6px;font-size:13px}.menu-controls{width:min(760px,94vw);max-height:88vh;overflow:auto}.controls-cols{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (max-width:640px){.controls-cols{grid-template-columns:1fr}}.controls{grid-template-columns:auto 1fr;gap:8px 16px;margin:10px 0 0;font-size:15px;display:grid}.controls dt{white-space:nowrap;font-weight:700}.controls dd{color:var(--ink-dim);margin:0}.inv-gear{align-items:center;gap:6px;display:flex}.islot.gear.empty:after{content:attr(data-hint);color:var(--ink-dim);font-size:10px}.attune-lvl{color:#dff7ff;background:radial-gradient(circle,#7fd8ff8c,#2f6fb859);border-radius:50%;place-items:center;min-width:40px;height:40px;margin-left:auto;font-size:18px;font-weight:800;display:grid;box-shadow:0 0 14px #7fd8ff80}.attune-lvl.big{min-width:64px;height:64px;font-size:26px}.meditate{flex:1;align-items:flex-start}.islot.med{border-color:#7fd8ff99;width:72px;height:72px}.lvl-chip{background:#7fd8ff59;border-radius:50%;place-items:center;min-width:22px;height:22px;margin-right:6px;font-size:12px;display:grid}.islot.attuned img,.slot.attuned img{filter:drop-shadow(0 0 4px #7fd8fff2)}.attune-bar{left:50%;bottom:calc(92px + var(--safe-b));background:#00000059;border-radius:3px;width:min(560px,60vw);height:5px;position:absolute;transform:translate(-50%)}.attune-bar i{background:linear-gradient(90deg,#4fb8e8,#bff0ff);border-radius:3px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 8px #7fd8ffcc}.attune-bar b{color:#bff0ff;text-shadow:0 0 4px #000;font-size:13px;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.gfx-toggles{flex-direction:column;gap:8px;display:flex}.btn.toggle{justify-content:space-between}.btn.toggle i{background:#ffffff29;border-radius:12px;flex:none;width:40px;height:24px;position:relative}.btn.toggle i:after{content:"";background:var(--ink-dim);border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}.btn.toggle.on i{background:var(--amber)}.btn.toggle.on i:after{background:#1b1408;transform:translate(16px)}.view-row span{white-space:nowrap;font-size:15px;font-weight:600}.menu-settings{max-height:92vh;overflow:auto}.overlay.pause{z-index:20}.controls-cols.touch-first>:first-child{order:2}body:has(.overlay.pause:not(.hidden)) .cre-ui{visibility:hidden}.craft-all{height:44px;color:var(--amber-hi);background:#f0a93b4d;border-radius:12px;padding:0 14px;font-size:20px;font-weight:800}.hud.touch{--slot:clamp(32px, calc((100vw - var(--safe-l) - var(--safe-r) - 260px) / 10 - 3px), 56px)}.hud.touch .tbtn{background:#00000047;border:1px solid #ffffff4d;border-radius:12px;width:56px;height:56px}.hud.touch .tbtn svg{width:28px;height:28px}.hud.touch .tbtn.down,.hud.touch .tbtn.on{background:#ffffff4d;border-color:#ffffffbf}.hud.touch .tbtn.jump{right:calc(20px + var(--safe-r));bottom:calc(20px + var(--safe-b));width:72px;height:72px}.hud.touch .tbtn.jump svg{width:34px;height:34px}.hud.touch .tbtn.downb{right:calc(28px + var(--safe-r));bottom:calc(104px + var(--safe-b))}.hud.touch .tbtn.menub{top:calc(10px + var(--safe-t));border-radius:10px;width:44px;height:44px;left:calc(50% - 22px)}.hud.touch .tbtn.menub svg{width:22px;height:22px}.hud.touch .stick-hint{width:100px;height:100px;left:calc(66px + var(--safe-l));top:calc(100% - 70px - var(--safe-b));opacity:.5;pointer-events:none;margin:-50px 0 0 -50px}.hud.touch.sticking .stick-hint,.hud.touch.modal .stick-hint,.hud.touch .roster{display:none}.hud.touch .hotbar{bottom:calc(6px + var(--safe-b));background:#0006;border-radius:8px;gap:3px;padding:4px}.hud.touch .slot{width:var(--slot);height:var(--slot);border-radius:4px}.hud.touch .vitals{bottom:calc(var(--slot) + 18px + var(--safe-b))}.cre-ui.touch .cre-btn,.hud.touch.modal .tbtn{display:none}@media (max-height:520px) and (orientation:landscape){.hud.touch .islot,.hud.touch .inv-bag,.hud.touch .inv-bar{--s:clamp(30px, min(calc((100vh - var(--safe-t) - var(--safe-b) - 130px) / 5 - 6px), calc((100vw - var(--safe-l) - var(--safe-r) - 300px) / 9 - 6px)), 48px)}.hud.touch .inv-panel{width:calc(100vw - var(--safe-l) - var(--safe-r) - 16px);max-width:none;max-height:calc(100vh - var(--safe-t) - var(--safe-b) - 12px);grid-template-rows:auto auto 1fr auto;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:10px 14px;display:grid;overflow:hidden}.hud.touch .inv-panel>.panel-head{grid-column:1/-1}.hud.touch .inv-panel>.inv-top{grid-area:2/1/5;min-height:0;overflow:auto}.hud.touch .inv-panel>.inv-gear,.hud.touch .inv-panel>.inv-bag,.hud.touch .inv-panel>.inv-bar{grid-column:2}}@media (orientation:portrait){.hud.touch .islot,.hud.touch .inv-bag,.hud.touch .inv-bar{--s:clamp(28px, calc((100vw - var(--safe-l) - var(--safe-r) - 56px) / 9 - 6px), 56px)}.hud.touch{--slot:clamp(30px, calc((100vw - var(--safe-l) - var(--safe-r) - 24px) / 10 - 3px), 56px)}.hud.touch .tbtn.jump{bottom:calc(var(--slot) + 30px + var(--safe-b))}.hud.touch .tbtn.downb{bottom:calc(var(--slot) + 114px + var(--safe-b))}.hud.touch .vitals{bottom:calc(var(--slot) + 18px + var(--safe-b));left:calc(16px + var(--safe-l));align-items:flex-start;transform:none}.hud.touch .stick-hint{top:calc(100% - var(--slot) - 90px - var(--safe-b))}}.inv-panel{overflow:hidden}:is(.inv-panel>.inv-top,.inv-panel>.inv-top:has(.recipe-browser)){flex:auto;min-height:0;overflow:auto}.inv-panel>:not(.inv-top){flex-shrink:0}.cre-ui{pointer-events:none;z-index:11;position:fixed;inset:0}.cre-btn{right:calc(16px + var(--safe-r));pointer-events:auto;touch-action:none;background:#12161e80;border:2px solid #fff3;border-radius:50%;place-items:center;width:62px;height:62px;display:grid;position:absolute}.cre-btn svg{width:32px;height:32px}.cre-btn.treat{top:calc(40% - 72px)}.cre-btn.pets{top:40%}.cre-btn.on{background:#ff5f8f80;border-color:#ffc2d4;transform:scale(1.06)}.cre-ui.touch .cre-btn{width:72px;height:72px}.cre-count{background:var(--amber);color:#2a1a08;text-align:center;border-radius:12px;min-width:24px;height:24px;font-size:14px;font-weight:800;line-height:24px;position:absolute;top:-4px;right:-4px}.cre-count:empty{display:none}.cre-ui .overlay{pointer-events:auto}.cre-pets .panel,.cre-namer .panel{width:min(620px,94vw);max-height:84vh;overflow:auto}.cre-list{flex-direction:column;gap:10px;margin-top:16px;display:flex}.cre-row{background:#ffffff0f;border-radius:16px;align-items:center;gap:12px;padding:10px 12px;display:flex}.cre-row .spacer{flex:1}.cre-row .btn.small,.cre-row .seg button{min-width:52px;height:48px;padding:0 12px}.cre-row .seg{background:#ffffff14;border-radius:14px;display:flex;overflow:hidden}.cre-row .seg button.sel{background:var(--amber);color:#2a1a08}.cre-row svg{width:22px;height:22px}.cre-swatch{border:2px solid #ffffff59;border-radius:12px;flex:none;width:40px;height:40px}.cre-swatch.big{width:56px;height:56px}.cre-name{font-size:20px;font-weight:700}.cre-kind{color:var(--ink-dim);font-size:14px}.cre-foods{flex-wrap:wrap;justify-content:center;gap:12px;padding:12px 0 4px;display:flex}.cre-food{background:#ffffff0f;border-radius:14px;align-items:center;gap:6px;padding:8px 10px;display:flex}.cre-instructions{margin:4px 0 12px;line-height:1.5}.cre-foods .cre-food{text-align:left;flex:230px;min-width:0}.cre-food .cre-txt{overflow-wrap:anywhere;flex-direction:column;gap:4px;display:flex}.cre-food .cre-swatch,.cre-food .cre-berry{flex-shrink:0}.cre-berry{border:2px solid #fff;border-radius:50%;width:22px;height:22px}.cre-namerow{align-items:center;gap:14px;display:flex}.cre-namerow .name-input{height:60px;color:var(--ink);background:#ffffff1a;border:2px solid #ffffff26;border-radius:14px;flex:1;padding:0 16px;font-size:26px;font-weight:700}.cre-chips{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.chip-btn{background:#ffffff1a;border-radius:22px;height:44px;padding:0 16px;font-size:17px;font-weight:600}.chip-btn:hover{background:#ffffff2e}.cre-hearts{left:50%;bottom:calc(96px + var(--safe-b));gap:3px;display:flex;position:absolute;transform:translate(-50%)}.cre-heart svg{fill:#ff4d6a;stroke:#fff;stroke-width:1.6px;width:22px;height:22px;display:block}.cre-heart.half svg{fill:#ff9fb0}.cre-heart.empty svg{fill:#00000059}.cre-ui.hurt:after{content:"";animation:.45s ease-out forwards cre-hurt;position:absolute;inset:0;box-shadow:inset 0 0 120px #ff3c508c}@keyframes cre-hurt{to{opacity:0}}.cre-trade .panel{width:min(560px,94vw);max-height:84vh;overflow:auto}.cre-offer{cursor:pointer;width:100%}.cre-offer:hover{background:#ffffff1f}.cre-offer.off{opacity:.45}.cre-stack{background:#00000040;border-radius:12px;place-items:center;width:52px;height:52px;display:grid;position:relative}.cre-stack img{width:36px;height:36px;image-rendering:pixelated}.cre-stack b{text-shadow:0 1px 2px #000;font-size:15px;position:absolute;bottom:2px;right:4px}.cre-arrow svg{width:26px;height:26px;color:var(--amber)}.cre-have{color:var(--ink-dim);font-size:15px}.recipe-browser{flex:1;width:100%;min-width:0}.recipe-tools{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.recipe-tools input[type=search],.recipe-tools select,.recipe-details select{border:1px solid var(--line);background:var(--panel,#24272c);min-width:0;max-width:100%;min-height:40px;color:var(--ink);font:inherit;border-radius:6px;padding:6px 8px;font-size:14px}.recipe-tools input[type=search]{flex:150px;width:100%}.recipe-tools label{align-items:center;gap:6px;min-height:40px;font-size:14px;display:flex}.recipe-tools input[type=checkbox]{width:20px;height:20px}.recipe-results{min-width:0}.recipe-browser .picks{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));width:100%}.recipe-entry{gap:4px;min-width:0;display:flex}.recipe-entry>.pick{flex:1;min-width:0}.recipe-info{min-height:44px;color:var(--ink);background:0 0;border-radius:6px;flex:0 0 40px;font-size:18px}.recipe-browser .pick.dim,.recipe-browser .book-item.dim{opacity:.7}.recipe-browser .pick-need{display:none}.recipe-details{border-bottom:1px solid var(--line);overflow-wrap:anywhere;margin-bottom:8px;padding:8px 0;font-size:14px}.recipe-details ul{margin:8px 0;padding-left:20px}.recipe-details p{margin:6px 0}.recipe-details>button{float:right;min-width:40px;min-height:40px;color:var(--ink);background:0 0}.recipe-details .missing{color:#ffcf86}.recipe-empty{padding:14px 4px;font-size:14px}.recipe-details:empty{display:none}.survival-guide{margin-bottom:8px;font-size:14px}.survival-guide summary{cursor:pointer;padding:8px 0}.survival-guide p{margin:6px 0}.survival-guide ol{padding-left:22px}.inv-top:has(.recipe-browser){flex-wrap:wrap;flex-shrink:0}.inv-top>.recipe-browser{flex-basis:240px}.recipe-tools :focus-visible,.recipe-details :focus-visible,.recipe-info:focus-visible{outline:2px solid var(--amber-hi);outline-offset:2px}.screen.cc{--tile:clamp(96px, 8.6vw, 136px);padding:calc(14px + var(--safe-t)) calc(18px + var(--safe-r)) calc(14px + var(--safe-b)) calc(18px + var(--safe-l));grid-template:"bar bar""tabs stage"minmax(0,1fr)"tabs tray"/116px minmax(0,1fr);align-items:stretch;gap:12px 16px;display:grid;overflow:hidden}.cc-bar{grid-area:bar;align-items:center;gap:10px;display:flex}.cc-gap{flex:1}.cc-round{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);border-radius:18px;flex:none;place-items:center;width:56px;height:56px;transition:transform .1s,background .15s;display:grid;position:relative}.cc-round svg{width:28px;height:28px}.cc-round:active{transform:scale(.92)}.cc-round.small{border-radius:14px;width:48px;height:48px}.cc-round.small svg{width:24px;height:24px}.cc-round.on{color:#2a1a08;background:#f0a93bd9}.cc-round:disabled{opacity:.35}.cc-round.undo{width:68px}.cc-round.undo svg{width:34px;height:34px}.cc-round.dice-big svg{width:32px;height:32px}.cc-round.del.armed{background:var(--danger);width:auto;padding:0 14px;font-weight:700}.cc-round.cc-hold:after{content:"";background:var(--amber-hi);border-radius:3px;width:0;height:5px;position:absolute;bottom:6px;left:8px}.cc-round.cc-hold.holding:after{width:calc(100% - 16px);transition:width 1.2s linear}.cc-done{color:#2a1a08;background:linear-gradient(#ffd27a,#f0a93b);border-radius:22px;flex:none;align-items:center;gap:10px;height:64px;padding:0 26px 0 18px;font-size:26px;font-weight:700;display:flex;box-shadow:0 5px #b06d1c,0 10px 24px #783c0a59}.cc-done svg{width:34px;height:34px}.cc-done:active{transform:translateY(3px);box-shadow:0 2px #b06d1c}.cc-done:disabled{opacity:.6}.cc-name{align-items:center;gap:8px;width:min(380px,30vw);min-width:0;display:flex}.name-input{min-width:0;height:56px;color:var(--ink);background:var(--panel);border:2px solid var(--line);-webkit-user-select:text;user-select:text;border-radius:18px;outline:none;flex:1;padding:0 18px;font:600 24px Chakra Petch,system-ui,sans-serif}.name-input:focus{border-color:var(--amber)}.cc-tabs{flex-direction:column;grid-area:tabs;justify-content:center;gap:12px;display:flex}.cc-tab{height:104px;color:var(--ink);background:var(--panel);border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:17px;font-weight:700;transition:transform .12s,background .15s;display:flex}.cc-tab i{font-size:38px;font-style:normal;line-height:1}.cc-tab.on{color:#1d1a16;background:#f6efe0}.cc-stage{grid-area:stage;min-height:0;position:relative}.cc-stage canvas{touch-action:none;cursor:grab;width:100%;height:100%;position:absolute;inset:0}.cc-stage canvas:active{cursor:grabbing}.pedestal{aspect-ratio:4;background:radial-gradient(#5a321461,#5a321400 70%);border-radius:50%;width:40%;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.cc-tray{background:var(--panel-solid);border-radius:28px;flex-direction:column;grid-area:tray;gap:10px;min-width:0;padding:12px 14px 14px;display:flex}.cc-cats{gap:8px;display:flex;overflow:hidden}.cc-cat{white-space:nowrap;background:#ffffff12;border-radius:16px;align-items:center;gap:8px;height:48px;padding:0 16px 0 10px;font-size:16px;font-weight:600;display:flex}.cc-cat i{font-size:24px;font-style:normal}.cc-cat.on{color:#1d1a16;background:#f6efe0}.cc-row{align-items:center;gap:10px;min-width:0;display:flex}.cc-tiles{grid-template-columns:repeat(var(--n,8), minmax(0, 1fr));flex:1;gap:10px;min-width:0;display:grid}.cc-tile{aspect-ratio:1/1.08;max-height:calc(var(--tile) * 1.08);background:radial-gradient(circle at 50% 40%,#ffffff29,#ffffff0a 70%);border:4px solid #0000;border-radius:22px;padding:0;transition:transform .1s;position:relative;overflow:hidden}.cc-tile:active{transform:scale(.94)}.cc-tile.ghost{background:0 0}.cc-tile img{object-fit:contain;width:100%;height:calc(100% - 18px);position:absolute;inset:0 0 18px}.cc-tile .cc-label{text-align:center;color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.1;position:absolute;bottom:4px;left:4px;right:4px;overflow:hidden}.cc-tile.sel{background:radial-gradient(circle at 50% 40%,#ffffff4d,#ffffff14 70%);border-color:#fff}.cc-tile.sel .cc-label{color:var(--ink)}.cc-check{color:#1d1a16;background:#f6efe0;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:6px;right:6px}.cc-check svg{stroke-width:3.4px;width:18px;height:18px}.cc-tile.none img{opacity:.35}.cc-tile.none:after{content:"";aspect-ratio:1;background:linear-gradient(45deg,#0000 46%,#ffffff8c 46% 54%,#0000 54%);border:5px solid #ffffff8c;border-radius:50%;width:46%;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.cc-pal{z-index:1;gap:3px;display:flex;position:absolute;top:8px;left:8px}.cc-pal i{border-radius:4px;width:14px;height:14px;box-shadow:0 0 0 1px #0000004d}.cc-tdice,.cc-more{background:#ffffff1a;border-radius:20px;flex:none;place-items:center;width:60px;height:60px;display:grid}.cc-tdice{background:#ffffff29}.cc-tdice svg{width:30px;height:30px}.cc-more svg{stroke-width:3px;width:30px;height:30px}.cc-more[hidden]{display:none}.cc-more.prev{width:44px}.cc-colors{flex-wrap:wrap;align-items:center;gap:14px;min-height:52px;display:flex}.cc-colors.empty{display:none}.cc-chans{gap:6px;display:flex}.cc-chan{background:#ffffff12;border-radius:14px;align-items:center;gap:8px;height:44px;padding:0 12px 0 8px;font-size:15px;font-weight:600;display:flex}.cc-chan i{border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 2px #ffffff80}.cc-chan.on{color:#1d1a16;background:#ffffffeb}.cc-swatches,.cc-patterns{gap:8px;display:flex}.cc-swatch{background:var(--c);color:#fff;border:3px solid #ffffff2e;border-radius:50%;place-items:center;width:46px;height:46px;transition:transform .1s;display:grid}.cc-swatch svg{stroke-width:3.6px;filter:drop-shadow(0 1px 1px #0009);width:24px;height:24px}.cc-swatch.sel{border:5px solid #fff;transform:scale(1.1);box-shadow:0 0 0 3px #1d1a16}.cc-pattern{width:46px;height:46px;image-rendering:pixelated;color:#fff;background-size:cover;border:3px solid #ffffff2e;border-radius:12px;place-items:center;display:grid}.cc-pattern svg{stroke-width:3.6px;filter:drop-shadow(0 1px 1px #000000b3);width:24px;height:24px}.cc-pattern.sel{border:5px solid #fff;box-shadow:0 0 0 3px #1d1a16}.cc-heroes{z-index:5;-webkit-backdrop-filter:blur(6px);background:#1e140c59;place-items:center;display:none;position:absolute;inset:0}.cc-heroes.open{display:grid}.cc-hero-panel{background:var(--panel-solid);border-radius:32px;flex-direction:column;gap:16px;width:min(1180px,100vw - 40px);padding:20px 24px 22px;display:flex}.cc-hero-head{align-items:center;gap:14px;display:flex}.cc-hero-head h2{letter-spacing:.02em;flex:1;margin:0;font-size:40px;font-weight:700}.cc-hero-dice{color:#2a1a08;background:linear-gradient(#ffd27a,#f0a93b);border-radius:26px;place-items:center;width:84px;height:84px;display:grid;box-shadow:0 5px #b06d1c}.cc-hero-dice svg{width:50px;height:50px}.cc-hero-dice:active{transform:translateY(3px)rotate(-12deg);box-shadow:0 2px #b06d1c}.cc-modes{gap:8px;display:flex}.cc-mode{background:#ffffff14;border-radius:16px;height:52px;padding:0 22px;font-size:20px;font-weight:700}.cc-mode.on{color:#1d1a16;background:#f6efe0}.cc-hero-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.cc-hero{background:radial-gradient(circle at 50% 35%,#fff3,#ffffff0a 70%);border:4px solid #0000;border-radius:26px;height:clamp(170px,26vh,250px);transition:transform .12s,border-color .12s;position:relative;overflow:hidden}.cc-hero:hover{border-color:#ffffff80}.cc-hero:active{transform:scale(.95)}.cc-hero img{object-fit:contain;width:100%;height:calc(100% - 34px);position:absolute;inset:0 0 34px}.cc-hero span{text-align:center;font-size:20px;font-weight:700;position:absolute;bottom:8px;left:0;right:0}.cc-hero-pager{justify-content:center;align-items:center;gap:12px;display:flex}.cc-dot{background:#ffffff40;border-radius:50%;width:18px;height:18px}.cc-dot.on{background:var(--amber)}@media (max-width:900px){.screen.cc{grid-template-columns:84px minmax(0,1fr)}.cc-tab{height:84px;font-size:14px}.cc-tab i{font-size:30px}.cc-name{width:220px}.cc-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px) and (orientation:portrait),(max-height:500px) and (orientation:landscape){.screen.cc{padding:calc(8px + var(--safe-t)) calc(10px + var(--safe-r)) calc(8px + var(--safe-b)) calc(10px + var(--safe-l));gap:8px}.cc-bar{gap:6px}.cc-round{border-radius:14px;width:44px;height:44px}.cc-round svg{width:22px;height:22px}.cc-round.undo{width:52px}.cc-round.undo svg,.cc-round.dice-big svg{width:26px;height:26px}.cc-round.small{width:40px;height:40px}.cc-name{flex:120px;width:auto;min-width:0}.name-input{border-radius:14px;height:44px;padding:0 12px;font-size:18px}.cc-done{border-radius:16px;height:44px;padding:0 14px 0 10px;font-size:18px;box-shadow:0 3px #b06d1c}.cc-done svg{width:24px;height:24px}.cc-tray{border-radius:20px;gap:8px;padding:8px}.cc-cats,.cc-colors{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.cc-cats::-webkit-scrollbar{display:none}.cc-colors::-webkit-scrollbar{display:none}.cc-cat{flex:none;height:40px;padding:0 12px 0 8px;font-size:14px}.cc-cat i{font-size:20px}.cc-row{gap:6px}.cc-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.cc-tile{aspect-ratio:1;border-width:3px;border-radius:16px}.cc-tile img{height:calc(100% - 14px);inset:0 0 14px}.cc-tile .cc-label{font-size:11px;bottom:2px}.cc-check{width:22px;height:22px;top:4px;right:4px}.cc-tdice,.cc-more{border-radius:14px;width:44px;height:44px}.cc-more.prev{width:36px}.cc-colors{gap:8px;min-height:44px}.cc-chan{flex:none;height:40px;font-size:13px}.cc-swatch,.cc-pattern{flex:none;width:40px;height:40px}.cc-swatches,.cc-patterns{flex:none}.cc-hero-panel{background:#1d222b;border-radius:24px;gap:10px;width:calc(100vw - 16px);max-height:calc(100% - 16px);padding:12px 14px;overflow-y:auto}.cc-hero-head h2{font-size:26px}.cc-hero-dice{border-radius:18px;width:56px;height:56px}.cc-hero-dice svg{width:34px;height:34px}.cc-mode{height:44px;padding:0 14px;font-size:16px}.cc-hero-grid{gap:8px}.cc-hero span{font-size:15px;bottom:6px}.cc-hero img{height:calc(100% - 26px);inset:0 0 26px}}@media (max-width:600px) and (orientation:portrait){.screen.cc{grid-template:"bar""stage"minmax(0,1fr)"tabs""tray"/minmax(0,1fr)}.cc-bar{flex-wrap:wrap}.cc-gap{display:none}.cc-bar>.cc-right,.cc-bar>.del{margin-left:auto}.cc-bar>.del+.cc-right{margin-left:0}.cc-bar>.cc-round{width:40px;height:40px}.cc-bar>.cc-round.undo{width:44px}.cc-name{order:20}.cc-done{order:21}.cc-tabs{flex-direction:row;gap:6px}.cc-tab{border-radius:16px;flex-direction:row;flex:1;gap:4px;height:52px;font-size:13px}.cc-tab i{font-size:20px}.cc-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-hero{height:180px}}@media (max-height:500px) and (orientation:landscape){.screen.cc{grid-template:"bar bar bar""tabs stage tray"minmax(0,1fr)/64px minmax(0,.8fr) minmax(0,1.25fr)}.cc-tabs{justify-content:stretch;gap:6px}.cc-tab{border-radius:14px;flex:1;gap:2px;height:auto;font-size:11px}.cc-tab i{font-size:22px}.cc-tray{min-height:0;overflow:hidden}.cc-row{flex:1;align-items:center;min-height:0}.cc-tile{max-height:calc(50vh - 115px)}.cc-hero-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cc-hero{height:132px}}