*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{color:#2f2a25;background:#b7e3ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input,textarea,select{font:inherit}.app-shell{width:100%;height:100%;position:relative}.app-shell--tool-active .hud,.app-shell--tool-active .inventory-dock,.app-shell--tool-active .touch-zoom-controls,.app-shell--tool-active .sea-tuning{pointer-events:none}.splash-screen{z-index:10;color:#2f2a25;opacity:1;background:radial-gradient(circle at 50% 46%,#fffdee47,#b7e3ef00 34%),#b7e3ef;place-items:center;transition:opacity .48s,visibility .48s;display:grid;position:absolute;inset:0}.splash-screen--hidden{visibility:hidden;opacity:0;pointer-events:none}.splash-screen__content{text-align:center;justify-items:center;gap:0;padding:24px;display:grid}.splash-screen__content span{font-size:clamp(2.4rem,8vw,5.6rem);font-weight:900;line-height:.92}.splash-screen__content strong{color:#5f704f;letter-spacing:.14em;text-transform:uppercase;margin-top:clamp(56px,12vh,112px);font-size:.82rem;font-weight:850;line-height:1}.splash-screen__progress{background:#5f704f2e;border-radius:999px;width:min(260px,62vw);height:6px;margin-top:10px;position:relative;overflow:hidden}.splash-screen__progress div{border-radius:inherit;background:#6f9b6f;width:42%;animation:1.2s ease-in-out infinite splash-progress;position:absolute;inset:0 auto 0 0}@keyframes splash-progress{0%{transform:translate(-100%)}to{transform:translate(240%)}}.creator-shell{background:#cbe7df;grid-template-rows:auto 1fr;width:100%;height:100%;display:grid;overflow:hidden}.creator-toolbar{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdeeb8;border-bottom:1px solid #3f39311f;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.creator-toolbar h1,.creator-panel h2{margin:0}.creator-panel h2{overflow-wrap:anywhere;font-size:1.25rem;line-height:1.1}.creator-actions,.preview-controls{align-items:center;gap:10px;display:flex}.creator-layout{grid-template-columns:minmax(260px,320px) 1fr minmax(280px,360px);min-height:0;display:grid}.creator-panel{background:#fffdeea8;border-right:1px solid #3f39311f;flex-direction:column;gap:12px;min-height:0;padding:16px;display:flex;overflow:auto}.export-panel{border-left:1px solid #3f39311f;border-right:0}.creator-preview{min-width:0;min-height:0;position:relative}.preview-controls{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdeec7;border:1px solid #3f39311f;border-radius:8px;justify-content:space-between;padding:10px;font-weight:750;position:absolute;bottom:16px;left:16px;right:16px;box-shadow:0 12px 32px #34515021}.segmented-control{background:#ffffff75;border:1px solid #3f393124;border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.segmented-control button{min-height:34px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;font-weight:800}.segmented-control button[aria-pressed=true]{color:#6a5523;background:#ffeea6c7}.creator-field{gap:6px;font-size:.9rem;font-weight:760;display:grid}.creator-field span{justify-content:space-between;align-items:center;gap:8px;display:flex}.creator-field input,.creator-field select,.creator-panel textarea{width:100%;color:inherit;background:#ffffffb3;border:1px solid #342e2729;border-radius:6px}.creator-field input,.creator-field select{min-height:34px;padding:0 9px}.creator-field input[type=range]{accent-color:#8c9e52;padding:0}.creator-field input[type=color]{min-height:36px;padding:3px}.creator-field.compact{grid-template-columns:auto minmax(120px,180px);align-items:center}.color-field{grid-template-columns:1fr 48px;align-items:center}.creator-panel textarea{resize:none;flex:1;min-height:280px;padding:10px;font-family:SFMono-Regular,Consolas,monospace;font-size:.82rem;line-height:1.45}.creator-panel p{color:#5d5248;margin:0;font-size:.9rem;font-weight:700}canvas{display:block}.hud{z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:absolute;top:18px;left:18px;right:18px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#667b47;margin:.1rem 0 1px;font-size:.75rem;font-weight:800;display:block;transform:translateY(2px)}h1{margin:0;font-size:2rem;line-height:.95}.stat-row{pointer-events:auto;background:#fff8dc80;border:1px solid #5d4a3024;border-radius:8px;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;max-width:none;padding:10px;display:flex;position:relative;box-shadow:0 12px 30px #475c4324,inset 0 1px #fffff8ad}.stat-row span,.icon-button,.mode-button{background:#fffef085;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:.9rem;font-weight:750;display:inline-flex}.clock-stat{font-variant-numeric:tabular-nums;min-width:82px}.icon-button{width:38px;color:inherit;cursor:pointer;border:0}.mode-button{color:inherit;cursor:pointer;border:0}.help-popover{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff8dceb;border:1px solid #5d4a3024;border-radius:8px;gap:8px;min-width:150px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #475c4329}.help-popover div{justify-content:space-between;align-items:center;gap:12px;font-size:.9rem;font-weight:750;display:flex}.icon-button[aria-pressed=true],.mode-button[aria-pressed=true]{color:#675123;background:#f2d680c2}kbd{text-align:center;background:#ffffffbf;border:1px solid #342e272e;border-radius:6px;min-width:42px;padding:5px 8px;font-weight:850}.frame-rate-indicator{z-index:2;color:#443c32;text-align:center;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdeebd;border:1px solid #3f39311f;border-radius:7px;min-width:72px;padding:7px 9px;font-family:SFMono-Regular,Consolas,monospace;font-size:.76rem;font-weight:850;line-height:1;position:absolute;bottom:12px;left:14px;box-shadow:0 10px 26px #3451501f}.frame-rate-indicator:hover,.frame-rate-indicator[aria-expanded=true]{background:#fff8dcf0}.debug-panel{z-index:6;color:#443c32;pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdeef0;border:1px solid #3f393124;border-radius:8px;gap:12px;width:min(360px,100vw - 28px);max-height:min(680px,100vh - 88px);padding:12px;font-size:.78rem;font-weight:760;display:grid;position:absolute;bottom:52px;left:14px;overflow:auto;box-shadow:0 18px 42px #34515033}.debug-panel section,.sea-tuning{gap:8px;display:grid}.debug-panel h2{letter-spacing:0;margin:0;font-size:.82rem}.debug-panel label,.sea-tuning label{gap:4px;display:grid}.debug-panel label:has(input[type=checkbox]){grid-template-columns:auto 1fr;align-items:center}.debug-panel select,.debug-panel input[type=range]{width:100%}.sea-tuning__readout{background:#fff8dcb8;border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;padding:8px;display:grid}.inventory-dock{z-index:4;pointer-events:auto;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:18px;right:18px}.backpack-button,.hand-button,.clear-hand-button,.backpack-item,.viewfinder__controls button{color:#443c32;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff8dcd1;border:1px solid #5d4a3024;border-radius:8px;box-shadow:0 12px 30px #475c4324,inset 0 1px #fffff8ad}.backpack-button{place-items:center;width:54px;height:54px;display:grid}.hand-button{place-items:center;width:68px;height:68px;display:grid}.hand-button[aria-pressed=true],.backpack-item[aria-pressed=true]{color:#675123;background:#f2d680e6}.clear-hand-button{border-radius:999px;place-items:center;width:24px;height:24px;padding:0;display:grid;position:absolute;top:-7px;left:54px}.backpack-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff8dceb;border:1px solid #5d4a3024;border-radius:8px;grid-template-columns:repeat(2,minmax(112px,1fr));gap:8px;width:min(286px,100vw - 36px);padding:10px;display:grid;position:absolute;bottom:78px;right:0;box-shadow:0 14px 34px #34515029}.backpack-item{text-align:left;grid-template-columns:28px 1fr;align-items:center;gap:8px;min-height:46px;padding:8px 10px;font-size:.86rem;font-weight:800;display:grid}.viewfinder{z-index:3;pointer-events:none;position:absolute;inset:0}.viewfinder__mask{border:2px solid #fffdeec7;position:absolute;inset:0;box-shadow:inset 0 0 0 9999px #131b1c24}.viewfinder__flash{background:#fffdeed1;animation:.26s ease-out forwards viewfinder-flash;position:absolute;inset:0}@keyframes viewfinder-flash{0%{opacity:1}to{opacity:0}}.viewfinder--camera .viewfinder__mask:before,.viewfinder--camera .viewfinder__mask:after{content:"";background:#fffdeebd;position:absolute}.viewfinder--camera .viewfinder__mask:before{height:1px;top:50%;left:18%;right:18%}.viewfinder--camera .viewfinder__mask:after{width:1px;top:18%;bottom:18%;left:50%}.viewfinder--binoculars .viewfinder__mask{-webkit-backdrop-filter:blur(20px)brightness(.45)saturate(.58);backdrop-filter:blur(20px)brightness(.45)saturate(.58);-webkit-mask-composite:source-in;background:#080c0c9e;border:0;box-shadow:inset 0 0 110px #050808ad;-webkit-mask-image:radial-gradient(circle at calc(50% - 18vmin),#0000 0 24.5vmin,#000 calc(24.5vmin + 1px)),radial-gradient(circle at calc(50% + 18vmin),#0000 0 24.5vmin,#000 calc(24.5vmin + 1px));mask-image:radial-gradient(circle at calc(50% - 18vmin),#0000 0 24.5vmin,#000 calc(24.5vmin + 1px)),radial-gradient(circle at calc(50% + 18vmin),#0000 0 24.5vmin,#000 calc(24.5vmin + 1px));-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.viewfinder__binocular-rim{pointer-events:none;filter:drop-shadow(0 0 16px #0000008f);width:100vmin;height:64vmin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.viewfinder__binocular-rim rect{fill:#020505f5}.viewfinder__controls{pointer-events:auto;align-items:center;gap:10px;display:flex;position:absolute;bottom:100px;right:18px}.viewfinder__controls button{min-height:42px;padding:0 14px;font-weight:850}.viewfinder__controls label{color:#443c32;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff8dcd1;border-radius:8px;gap:4px;min-width:150px;padding:8px 10px;font-size:.72rem;font-weight:850;display:grid;box-shadow:0 12px 30px #475c4324}.viewfinder__controls input{accent-color:#8c9e52;width:100%}.frame-rate-indicator--detailed{min-width:300px;box-shadow:none;text-align:right;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffdeeeb;grid-template-columns:repeat(3,auto);gap:5px 10px;padding:8px 10px;line-height:1.15;display:grid}.frame-rate-indicator--detailed strong{grid-column:1/-1;font-size:.82rem}.target-panel{z-index:2;color:#443c32;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdeed1;border:1px solid #3f393124;border-radius:8px;min-width:min(320px,100vw - 36px);padding:10px 18px;display:grid;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #34515029}.target-panel strong{font-size:1rem;line-height:1.1}.target-panel span{color:#675d52;text-transform:lowercase;margin-top:3px;font-size:.82rem;font-weight:750;line-height:1.1}.touch-zoom-controls{z-index:3;pointer-events:auto;gap:8px;display:none;position:absolute;bottom:18px;left:16px}.touch-zoom-controls button{color:#443c32;touch-action:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff8dcc7;border:1px solid #5d4a3024;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;box-shadow:0 12px 30px #475c4324,inset 0 1px #fffff8ad}.touch-zoom-controls button:active{color:#675123;background:#f2d680d1}.sea-tuning{color:#443c32;gap:6px;display:grid}.sea-tuning strong{font-size:.8rem}.sea-tuning__readout{background:#3f393114;border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px;padding:6px 7px;font-size:.66rem;font-weight:700;line-height:1.2;display:grid}.sea-tuning label{gap:2px;font-size:.72rem;font-weight:700;display:grid}.sea-tuning input[type=range]{width:100%}@media (hover:none),(pointer:coarse){.touch-zoom-controls{display:flex}}@media (width<=720px){.hud{flex-direction:column;align-items:stretch}.stat-row{justify-content:flex-start;overflow-x:auto}h1{font-size:2rem}.target-panel{bottom:18px}.inventory-dock{bottom:12px;right:12px}.backpack-panel{grid-template-columns:1fr}.viewfinder__controls{justify-content:flex-end;bottom:88px;left:12px;right:12px}.touch-zoom-controls{bottom:16px}.creator-toolbar{flex-direction:column;align-items:flex-start}.creator-layout{grid-template-columns:1fr;overflow:auto}.creator-panel{border-bottom:1px solid #3f39311f;border-right:0;max-height:none}.creator-preview{min-height:420px}.export-panel{border-left:0}.preview-controls{margin:12px;position:static}}@media (width<=1040px) and (width>=721px){.creator-layout{grid-template-columns:minmax(240px,300px) minmax(320px,1fr)}.export-panel{border-top:1px solid #3f39311f;border-left:0;grid-column:1/-1;min-height:260px}}@media (hover:none),(pointer:coarse){.target-panel{bottom:82px}}