:root{color:#f4f7ff;background:#03060b;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}body{min-height:100vh;overflow:hidden}button,input,textarea{font:inherit}.app-shell{position:relative;height:100vh;width:100vw;background:radial-gradient(circle at top,rgba(81,120,196,.35),transparent 40%),linear-gradient(180deg,#081019,#04060b)}.game-canvas{height:100%;width:100%}.game-canvas canvas{display:block;height:100%;width:100%}.hud-shell{pointer-events:none;position:absolute;inset:0 0 auto;display:flex;gap:14px;align-items:flex-start;padding:20px;flex-wrap:wrap}.hud-panel{display:flex;flex-direction:column;gap:4px;min-width:190px;padding:12px 14px;border:1px solid rgba(177,207,255,.2);border-radius:12px;background:#040a12bd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-panel--compact{min-width:220px}.hud-label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#8ea6cf}.hud-subtle{color:#d3ddf3;font-size:.88rem}.health-bar{position:relative;height:10px;border-radius:999px;background:#ffffff14;overflow:hidden}.health-bar__fill{height:100%;background:linear-gradient(90deg,#ff8556,#ffd05f)}.dev-panel{position:absolute;right:20px;bottom:20px;display:flex;gap:12px;padding:10px 14px;border:1px solid rgba(159,196,255,.15);border-radius:12px;background:#040a12d1;font-size:.85rem}.modal-backdrop{position:absolute;inset:0;display:grid;place-items:center;background:#03070b94}.modal{width:min(92vw,420px);padding:24px;border-radius:20px;border:1px solid rgba(255,255,255,.09);background:#080f18f0;box-shadow:0 20px 60px #00000052}.modal h1{margin:0 0 10px;font-size:1.35rem}.modal p{margin:0 0 14px;color:#c5d1ea}.name-input{width:100%;margin-bottom:12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff08;color:inherit}.primary-button{width:100%;padding:12px 14px;border:0;border-radius:12px;background:linear-gradient(90deg,#65a8ff,#ff9557);color:#041018;font-weight:700;cursor:pointer}.error-toast{position:absolute;left:20px;bottom:20px;max-width:min(90vw,420px);padding:12px 14px;border-radius:12px;background:#982d1deb;color:#fff5f3}.chat-panel{position:absolute;left:20px;bottom:22px;z-index:4;display:flex;flex-direction:column;width:min(340px,calc(100vw - 40px));border:1px solid rgba(180,204,238,.16);border-radius:18px;background:linear-gradient(180deg,#0c131feb,#060b12eb),radial-gradient(circle at top,rgba(132,171,226,.12),transparent 52%);box-shadow:0 20px 56px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.chat-panel--open{z-index:7}.chat-panel__tabs{display:flex;gap:6px;padding:10px 10px 0}.chat-panel__tab{flex:1;border:1px solid rgba(180,204,238,.12);border-radius:10px;padding:8px 10px;background:#ffffff05;color:#bfd2f3;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.chat-panel__tab--active{border-color:#ffba7861;background:linear-gradient(90deg,#65a8ff33,#ff955733);color:#f3f7ff}.chat-panel__messages{display:flex;flex-direction:column;gap:6px;min-height:112px;max-height:200px;padding:12px 12px 10px;overflow-y:auto;scrollbar-width:thin}.chat-panel--open .chat-panel__messages{max-height:260px}.chat-panel__message{color:#e8f0ff;font-size:.92rem;line-height:1.35;word-break:break-word;white-space:pre-wrap}.chat-panel__message--system{color:#9fb3d8;font-style:italic}.chat-panel__message--error{color:#ffb0a0}.chat-panel__message--faded{opacity:.52}.chat-panel__sender{color:#ffd089;font-weight:700}.chat-panel__separator{color:#b8c9e6}.chat-panel__error{margin:0 12px 10px;padding:8px 10px;border-radius:10px;background:#8e261ec7;color:#fff4f1;font-size:.84rem}.chat-panel__input-row{display:flex;align-items:center;gap:10px;padding:0 12px 12px}.chat-panel__input{width:100%;min-width:0;border-radius:12px;border:1px solid rgba(180,204,238,.16);padding:10px 12px;background:#ffffff09;color:inherit}.chat-panel__counter{color:#9fb3d8;font-size:.8rem;white-space:nowrap}.chat-panel__counter--warning{color:#ff9d74}.chat-panel__hint{padding:0 12px 12px;color:#8ea6cf;font-size:.84rem}.hotbar{position:absolute;left:50%;bottom:22px;z-index:4;display:grid;gap:10px;grid-template-columns:repeat(6,62px);padding:12px;border:1px solid rgba(180,204,238,.18);border-radius:18px;background:linear-gradient(180deg,#0e1622f5,#070c13f5),radial-gradient(circle at top,rgba(142,180,235,.14),transparent 50%);box-shadow:0 18px 52px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-50%);pointer-events:none}.hotbar--interactive{pointer-events:auto}.hotbar .inventory-slot{width:62px}.inventory-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#03060b7a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.inventory-panel,.death-bag-panel{width:min(92vw,460px);padding:16px 18px 18px;border:1px solid rgba(180,204,238,.18);border-radius:20px;background:linear-gradient(180deg,#0e1622f5,#070c13f5),radial-gradient(circle at top,rgba(142,180,235,.14),transparent 50%);box-shadow:0 22px 80px #00000052}.inventory-panel{display:flex;flex-direction:column;gap:14px}.death-bag-panel{position:absolute;left:50%;top:calc(50% - 220px);z-index:6;display:flex;flex-direction:column;gap:14px;transform:translate(-50%)}.inventory-panel__header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:#e4efff;font-family:Georgia,Times New Roman,serif}.inventory-panel__header small{color:#8ea6cf;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}.inventory-panel__grid{display:flex;flex-direction:column;gap:12px}.inventory-panel__row{display:grid;gap:10px;grid-template-columns:repeat(6,minmax(0,1fr))}.inventory-slot{position:relative;aspect-ratio:1;border:1px solid rgba(189,208,235,.16);border-radius:16px;background:linear-gradient(180deg,#131c2af0,#0a1018f0);box-shadow:inset 0 1px #ffffff0a;color:inherit}.inventory-slot--interactive{cursor:pointer}.inventory-slot--active{border-color:#ffd46eeb;box-shadow:0 0 0 1px #ffd46e38,inset 0 0 0 1px #ffd46e33}.inventory-slot__swatch{position:absolute;inset:12px;border-radius:12px;border:1px solid rgba(255,255,255,.14)}.inventory-slot__quantity{position:absolute;right:9px;bottom:6px;font-size:.82rem;font-weight:700;color:#f2f7ff;text-shadow:0 1px 4px rgba(0,0,0,.9)}.inventory-slot__footer{position:absolute;left:8px;bottom:6px;font-size:.75rem;color:#9bb2d8}.cursor-item{pointer-events:none;position:fixed;z-index:8;width:58px;height:58px;transform:translate(-50%,-50%)}.cursor-item .inventory-slot__swatch{inset:5px;box-shadow:0 18px 24px #00000047}.inventory-toast{position:absolute;left:50%;bottom:112px;z-index:7;padding:10px 16px;border-radius:999px;background:#111823e6;border:1px solid rgba(255,186,120,.34);color:#ffd7a4;transform:translate(-50%)}@media(max-width:720px){.hud-shell{gap:10px;padding:14px}.hud-panel{min-width:0;flex:1 1 0}.inventory-panel,.death-bag-panel{width:min(96vw,380px);padding:14px}.inventory-panel__row{gap:8px}.hotbar{bottom:14px;gap:8px;grid-template-columns:repeat(6,50px);padding:10px}.hotbar .inventory-slot{width:50px}}.asset-workbench{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr) minmax(320px,380px);height:100vh;width:100vw;overflow:hidden;align-items:stretch;color:#eef4ff;background:radial-gradient(circle at top left,rgba(180,140,72,.18),transparent 28%),radial-gradient(circle at top right,rgba(102,148,209,.22),transparent 34%),linear-gradient(180deg,#060a10,#09111a)}.asset-workbench__sidebar,.asset-workbench__inspector{display:flex;flex-direction:column;gap:16px;min-height:0;padding:18px;overflow-y:auto;background:#060a10c7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.asset-workbench__main{display:flex;flex-direction:column;gap:18px;min-width:0;min-height:0;padding:18px;overflow:hidden}.asset-workbench__brand,.asset-workbench__hero,.asset-workbench__panel{border:1px solid rgba(207,221,244,.1);border-radius:18px;background:linear-gradient(180deg,#0e151ff5,#070c13f5),radial-gradient(circle at top,rgba(96,138,194,.15),transparent 56%);box-shadow:0 18px 44px #0000003d}.asset-workbench__brand,.asset-workbench__panel{padding:16px}.asset-workbench__hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:18px 20px}.asset-workbench__eyebrow{margin:0 0 6px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#c9a86d}.asset-workbench__brand h1,.asset-workbench__hero h2,.asset-workbench__panel h3{margin:0}.asset-workbench__brand{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.asset-workbench__backlink{align-self:center;color:#c9ddff}.asset-workbench__hero-copy{max-width:56ch;margin:10px 0 0;color:#b7c7de}.asset-workbench__toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.asset-workbench__toolbar-group{display:flex;gap:8px;flex-wrap:wrap}.asset-workbench__toolbar-button,.asset-workbench__copy-button,.asset-workbench__asset-button,.asset-workbench__clip-button{border:1px solid rgba(198,215,241,.12);border-radius:14px;background:#ffffff08;color:inherit}.asset-workbench__toolbar-button,.asset-workbench__copy-button{padding:10px 14px}.asset-workbench__toolbar-button--active{border-color:#72a9eb70;background:#72a9eb1f}.asset-workbench__label{display:block;margin-bottom:8px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#9fb4d2}.asset-workbench__input,.asset-workbench__select{width:100%;border-radius:14px;border:1px solid rgba(198,215,241,.12);padding:12px 14px;background:#ffffff0a;color:inherit}.asset-workbench__meta-row,.asset-workbench__pack-list,.asset-workbench__button-row,.asset-workbench__panel-heading{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}.asset-workbench__meta-row{margin-top:10px;color:#94a8c7;font-size:.84rem}.asset-workbench__pack-list{margin-top:12px;justify-content:flex-start}.asset-workbench__pill{border:1px solid rgba(201,168,109,.18);padding:6px 10px;border-radius:999px;background:#c9a86d24;color:#efd9b4;font-size:.8rem;cursor:pointer}.asset-workbench__pill--active{border-color:#ffd28b85;background:#c9a86d47;color:#fff5dc}.asset-workbench__list{display:flex;flex:1;flex-direction:column;gap:10px;min-height:0;padding-right:2px;overflow-y:auto}.asset-workbench__group{display:flex;flex-direction:column;gap:8px}.asset-workbench__group-heading{display:flex;justify-content:space-between;gap:8px;width:100%;border:0;background:transparent;padding:2px 4px 0;color:#9fb3d8;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-align:left}.asset-workbench__group-heading-main{display:flex;align-items:center;gap:8px}.asset-workbench__group-chevron{display:inline-block;color:#c9a86d;transition:transform .12s ease}.asset-workbench__group-chevron--open{transform:rotate(90deg)}.asset-workbench__asset-button{display:flex;flex-direction:column;gap:5px;width:100%;padding:13px 14px;text-align:left}.asset-workbench__asset-button--active{border-color:#c9a86d75;background:linear-gradient(135deg,#c9a86d29,#5884be29),#ffffff0d}.asset-workbench__asset-name{font-weight:700}.asset-workbench__asset-path,.asset-workbench__asset-meta,.asset-workbench__status,.asset-workbench__toggle,.asset-workbench__recipe p{color:#9fb4d2}.asset-workbench__asset-path{font-size:.82rem}.asset-workbench__asset-meta{font-size:.78rem}.asset-workbench__viewer-shell{position:relative;min-height:0;flex:1;overflow:hidden;border:1px solid rgba(207,221,244,.1);border-radius:24px;background:radial-gradient(circle at top,rgba(62,96,142,.22),transparent 46%),linear-gradient(180deg,#080e16fa,#05080dfa);box-shadow:inset 0 1px #ffffff08,0 20px 56px #00000047}.asset-workbench__viewport{height:100%;width:100%}.asset-workbench__viewport canvas{display:block;height:100%;width:100%}.asset-workbench__detail-grid{display:grid;grid-template-columns:minmax(0,108px) minmax(0,1fr);gap:8px 12px;margin-top:12px}.asset-workbench__detail-grid span{color:#8ea3c4;font-size:.82rem}.asset-workbench__detail-grid strong{min-width:0;overflow-wrap:anywhere;font-size:.88rem}.asset-workbench__vector{font-family:Cascadia Code,Fira Code,monospace;font-size:.78rem;line-height:1.35}.asset-workbench__button-row{margin-top:14px;justify-content:flex-start}.asset-workbench__copied{margin-top:12px;color:#f0d1a0;font-size:.82rem}.asset-workbench__diagnostic-note{margin:12px 0 0;color:#a9bad7;font-size:.84rem;line-height:1.45}.asset-workbench__clip-list,.asset-workbench__recipes{display:flex;flex-direction:column;gap:10px;margin-top:12px}.asset-workbench__clip-button{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;font-size:.88rem}.asset-workbench__clip-button--active{border-color:#72a9eb70;background:#72a9eb1f}.asset-workbench__recipe{padding:12px;border-radius:14px;background:#ffffff08}.asset-workbench__recipe p{margin:8px 0;font-size:.88rem}.asset-workbench__recipe code{display:block;padding:10px 11px;border-radius:12px;background:#00000040;color:#dde9ff;font-size:.8rem;white-space:pre-wrap;word-break:break-word}.asset-workbench__empty,.asset-workbench__error{padding:14px;border-radius:14px;background:#ffffff0a;color:#b7c7de}.asset-workbench__error{background:#92291f6b;color:#ffe3dd}.asset-workbench__speed{display:grid;gap:4px;min-width:180px;color:#b7c7de;font-size:.84rem}.asset-workbench__toggle{display:inline-flex;gap:8px;align-items:center;font-size:.82rem}.camera-tool{position:relative;height:100vh;width:100vw;overflow:hidden;color:#eef4ff;background:radial-gradient(circle at top left,rgba(191,143,81,.18),transparent 28%),radial-gradient(circle at top right,rgba(92,138,196,.18),transparent 32%),linear-gradient(180deg,#050910,#081019)}.camera-tool__viewport{position:absolute;inset:0}.camera-tool__canvas{height:100%;width:100%}.camera-tool__viewport-bar,.camera-tool__panel-section{border:1px solid rgba(202,216,241,.12);border-radius:18px;background:linear-gradient(180deg,#0e151ff0,#070c13f0),radial-gradient(circle at top,rgba(96,138,194,.14),transparent 54%);box-shadow:0 18px 48px #0000003d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.camera-tool__viewport-bar{pointer-events:none;position:absolute;left:20px;top:20px;display:flex;justify-content:space-between;gap:16px;align-items:flex-start;width:min(calc(100vw - 440px),880px);padding:16px 18px}.camera-tool__viewport-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.camera-tool__viewport-meta span,.camera-tool__viewport-hint{border:1px solid rgba(198,213,238,.12);border-radius:999px;background:#ffffff0a;color:#dbe7fb;font-size:.82rem}.camera-tool__viewport-meta span{padding:6px 10px}.camera-tool__viewport-hint{pointer-events:none;position:absolute;left:20px;bottom:20px;padding:8px 12px}.camera-tool__eyebrow{margin:0 0 6px;color:#d5b37a;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.camera-tool__viewport-bar h1,.camera-tool__panel-section h2,.camera-tool__panel-section h3{margin:0}.camera-tool__panel{position:absolute;top:18px;right:18px;bottom:18px;width:min(380px,calc(100vw - 36px));display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding-right:2px}.camera-tool__panel-section{padding:16px}.camera-tool__panel-section--header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.camera-tool__backlink{color:#dce7fb;white-space:nowrap}.camera-tool__copy{margin:10px 0 0;color:#b7c7de;line-height:1.45;font-size:.9rem}.camera-tool__button-row{display:flex;gap:10px;flex-wrap:wrap}.camera-tool__button,.camera-tool__number,.camera-tool__text-input{border:1px solid rgba(198,214,238,.14);border-radius:14px;background:#ffffff0a;color:inherit}.camera-tool__button{padding:10px 12px;cursor:pointer}.camera-tool__button--primary{background:linear-gradient(90deg,#67a1ed3d,#e6a2563d)}.camera-tool__status{margin-top:12px;color:#d8e5fb;font-size:.84rem}.camera-tool__status--error{color:#ffd2c8}.camera-tool__json{margin:12px 0 0;padding:12px;border-radius:14px;background:#0000003d;color:#e4efff;font-size:.78rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}.camera-tool__detail-grid{display:grid;gap:8px 12px;grid-template-columns:minmax(0,120px) minmax(0,1fr);margin-top:8px}.camera-tool__detail-grid span{color:#8ea6cf;font-size:.82rem}.camera-tool__detail-grid strong{min-width:0;color:#eef4ff;font-size:.9rem;overflow-wrap:anywhere}.camera-tool__control-list{display:flex;flex-direction:column;gap:14px}.camera-tool__control{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;background:#ffffff08}.camera-tool__control-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.camera-tool__control-header span{display:block;font-weight:600}.camera-tool__coupled{display:inline-block;margin-top:4px;color:#f0c787;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase}.camera-tool__range{width:100%}.camera-tool__number,.camera-tool__text-input{width:100%;padding:10px 12px}.camera-tool__description{color:#aebfd9;font-size:.82rem;line-height:1.4}@media(max-width:1280px){.asset-workbench{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}.asset-workbench__inspector{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media(max-width:920px){body{overflow:auto}.asset-workbench{height:auto;grid-template-columns:1fr;overflow:visible}.asset-workbench__main{min-height:60vh;overflow:visible}.asset-workbench__inspector{grid-template-columns:1fr}.asset-workbench__hero{flex-direction:column}.camera-tool{overflow:auto}.camera-tool__viewport{position:relative;height:58vh;min-height:420px}.camera-tool__viewport-bar{width:calc(100vw - 28px);left:14px;top:14px;flex-direction:column}.camera-tool__viewport-meta{justify-content:flex-start}.camera-tool__viewport-hint{left:14px;bottom:14px}.camera-tool__panel{position:relative;inset:auto;width:auto;padding:14px}.camera-tool__panel-section--header{flex-direction:column}}@media(max-width:640px){.camera-tool__viewport{min-height:340px}.camera-tool__viewport-bar{width:calc(100vw - 20px);left:10px;top:10px;padding:14px}.camera-tool__viewport-hint{left:10px;bottom:10px}.camera-tool__panel{padding:10px}.camera-tool__button-row{flex-direction:column}}