@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url('fonts/archivo-var.woff2') format('woff2-variations')}

:root{
  --bg:#070B16;--app:#0B1020;--panel:#0F1528;--raise:#1B2440;--line:#2B3752;--rule:#E7EBF5;
  --text:#E7EBF5;--text2:#B9C2D8;--text3:#8B96B0;
  --accent:#5B8CFF;--teal:#14B8A6;--teal-ink:#0B1020;--ring:#2DD4BF;--slot:#A9C8FF;--gold:#F2C94C;
  --font:'Archivo',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --hdr-h:58px;--status-h:44px;--frame:1280px;--gutter:14px;--tray-h:clamp(96px,21%,200px);--tray-w:clamp(128px,24%,280px);--hs:1;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;line-height:1.4;-webkit-text-size-adjust:100%;user-select:none;-webkit-user-select:none}
button{font-family:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}

.app{height:100%;max-width:none;margin:0;background:var(--app);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}

.screen{flex:1;min-height:0;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--hdr-h) minmax(0,1fr) auto;grid-template-areas:"hdr" "scene" "status"}

.hdr{grid-area:hdr;display:flex;align-items:center;gap:10px;padding:0 max(var(--gutter),calc((100% - var(--frame)) / 2));border-bottom:2px solid var(--rule)}
.hdr h1{margin:0;flex:1 1 auto;font-size:clamp(13px,3.6vw,16px);font-weight:900;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.hdr .right{flex:0 0 auto}
.ibtn{width:42px;height:42px;min-width:42px;border-radius:10px;background:var(--raise);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;padding:0}
.ibtn svg{width:20px;height:20px}
.ibtn[aria-pressed="true"]{background:var(--rule);color:var(--teal-ink)}
.hdr .right{margin-left:auto;display:flex;gap:8px;align-items:center}
.lang{display:flex;gap:4px;padding:3px;border-radius:10px;background:var(--raise);border:1px solid var(--line)}
.lang button{height:34px;min-width:42px;padding:0 8px;border-radius:7px;border:0;background:transparent;color:var(--text2);font-size:11px;font-weight:800;display:flex;align-items:center;gap:5px}
.lang button[aria-pressed="true"]{background:var(--rule);color:var(--teal-ink)}
.lang svg{width:18px;height:12px;border-radius:2px}

.pills{grid-area:pills;display:flex;align-items:center;justify-content:center;gap:5px;padding:9px var(--gutter);flex-wrap:wrap}
.pills i{display:block;width:22px;height:8px;border-radius:4px;background:var(--line);transition:background .25s}
.pills i.on{background:var(--teal)}

.scene{grid-area:scene;position:relative;min-height:0;min-width:0;overflow:hidden;background:#0E1538;container-type:size}
.scene>svg{display:block;width:100%;height:100%;touch-action:none}
.scene .slot{pointer-events:none;fill:rgba(11,16,32,.42);stroke:var(--slot);stroke-width:1.5;stroke-dasharray:5 3;transition:stroke-width .15s,fill .15s}
.scene .ghost{opacity:.5;filter:brightness(1.35) saturate(.9);pointer-events:none}
.scene .slot.with-ghost{fill:rgba(255,255,255,.05);stroke-width:1.6}
.scene .slot.hint{stroke:var(--accent);stroke-width:2;stroke-dasharray:none;animation:slot-hint .8s ease-in-out infinite alternate}
.scene .slot.near{fill:rgba(45,212,191,.3);stroke:var(--ring);stroke-width:3;stroke-dasharray:none;animation:none}
@keyframes slot-hint{from{fill:rgba(91,140,255,.12);stroke-opacity:.6}to{fill:rgba(91,140,255,.36);stroke-opacity:1}}
.scene #h-preview,.scene #h-back-preview{opacity:0;pointer-events:none;transition:opacity .35s}
.scene #h-preview.on,.scene #h-back-preview.on{opacity:.55}
.scene .part{cursor:pointer;transform-box:view-box}
.scene .dragging{pointer-events:none;will-change:transform}
.scene .dragging use{transform-box:view-box;transform-origin:0 0;filter:brightness(1.06) drop-shadow(0 16px 16px rgba(0,0,0,.5)) drop-shadow(0 3px 4px rgba(0,0,0,.35))}
.scene .slot.snap-glow{fill:rgba(91,140,255,.2);stroke:var(--accent);stroke-width:2;stroke-dasharray:none;animation:snap-glow .5s ease-out forwards}
@keyframes snap-glow{0%{filter:drop-shadow(0 0 2px var(--accent));opacity:1}40%{filter:drop-shadow(0 0 14px var(--accent));opacity:1}100%{filter:none;opacity:0}}
.name{position:absolute;left:0;top:0;z-index:5;pointer-events:none;padding:7px 12px;border-radius:10px;background:var(--panel);color:var(--text);border:1.5px solid var(--accent);box-shadow:0 6px 18px rgba(0,0,0,.35);font:800 15px/1 var(--font);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;will-change:transform}
.scene .label{pointer-events:none;transform-box:view-box;transform-origin:0 0;font-weight:800;font-size:11px}
.scene .label rect{fill:rgba(11,16,32,.74)}
.scene .label text{fill:var(--text);text-anchor:middle;dominant-baseline:central}
.scene .bubble{pointer-events:none;font-weight:900;font-size:17px;transform-box:view-box;transform-origin:0 0}
.scene .bubble rect{fill:var(--teal);stroke:var(--rule);stroke-width:2}
.scene .bubble path.tail{fill:var(--teal)}
.scene .bubble text{fill:var(--teal-ink);text-anchor:middle;dominant-baseline:central}
.scene .bubble .ic{fill:var(--teal-ink);color:var(--teal-ink)}
.scene .ring{fill:none;stroke:var(--ring);stroke-width:3;pointer-events:none}

.done{position:absolute;left:10px;right:10px;bottom:10px;margin-inline:auto;max-width:1260px;display:flex;justify-content:center;pointer-events:none;z-index:5}
.done .card{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 18px;max-height:var(--tray-h);border-radius:18px;background:rgba(15,21,40,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(231,235,245,.5);box-shadow:0 20px 50px rgba(0,0,0,.55);max-width:360px;width:100%}
.done .word{font-size:clamp(22px,4.2vh,34px);font-weight:900;color:var(--teal);line-height:1}
.done .sub{font-size:13px;font-weight:600;color:var(--text2);text-align:center}
.done .row{display:flex;gap:8px;width:100%}
.btn{height:48px;flex:1;border-radius:12px;border:1.5px solid var(--rule);background:transparent;color:var(--text);font-size:12px;font-weight:800;letter-spacing:.06em;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px}
.btn svg{width:18px;height:18px}
.btn.primary{background:var(--teal);border-color:var(--teal);color:var(--teal-ink);font-weight:900;flex:1.3}

.hint{position:absolute;left:0;right:0;top:4px;margin:0;text-align:center;font-size:10px;font-weight:600;color:var(--text3);padding:0 var(--gutter);pointer-events:none}

.tray{position:absolute;left:10px;right:10px;bottom:10px;margin-inline:auto;max-width:1260px;height:var(--tray-h);z-index:4;border:1.5px solid rgba(231,235,245,.35);border-radius:18px;background:rgba(15,21,40,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 -10px 30px rgba(0,0,0,.35);padding:20px 10px 10px}
.cells{display:flex;gap:8px;height:100%}
.cell{flex:1;min-width:0;min-height:0;border-radius:12px;background:rgba(27,36,64,.45);border:1px solid rgba(43,55,82,.9);display:flex;align-items:center;justify-content:center;padding:6px;touch-action:none;overflow:hidden}
.cell svg{display:block;max-width:100%;max-height:100%;pointer-events:none;animation:bob 3.4s cubic-bezier(.37,0,.63,1) infinite}
.cell:nth-child(2) svg{animation-delay:-.85s}.cell:nth-child(3) svg{animation-delay:-1.7s}.cell:nth-child(4) svg{animation-delay:-2.55s}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.cell.empty{visibility:hidden}
.cell.lifted{background:rgba(27,36,64,.3);border:2px dashed var(--slot)}
.cell.lifted svg{visibility:hidden;animation:none}
.tray{transition:transform .45s cubic-bezier(.4,0,.2,1),opacity .4s ease}
.tray.gone{transform:translateY(130%);opacity:0;pointer-events:none}
.tray.gone.still{transition:none}
.scene .triumph{pointer-events:none;mix-blend-mode:screen}

.placeholder{grid-area:scene;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;color:var(--text2)}
.placeholder h2{margin:0;font-size:22px;font-weight:900;color:var(--text)}

.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,12px);z-index:950;max-width:min(440px,92vw);padding:12px 16px;background:var(--app);border:2px solid var(--rule);border-radius:10px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
.toast.show{opacity:1;transform:translate(-50%,0)}

@media (max-width:479px){
  :root{--gutter:12px}
  .lang button span{display:none}
  .lang button{justify-content:center;padding:0 10px}
  .lang svg{width:22px;height:15px}
}

@media (orientation:landscape) and (max-height:520px){
  .tray{left:auto;top:10px;bottom:10px;right:0;width:var(--tray-w);height:auto;border:1.5px solid rgba(231,235,245,.35);border-right:0;border-radius:18px 0 0 18px;box-shadow:-10px 0 30px rgba(0,0,0,.35)}
  .cells{flex-direction:column}
  .tray{padding:10px}
  .hint{display:none}
}

@media (orientation:landscape) and (max-height:520px){
  .app{max-width:none}
  :root{--hdr-h:46px}
  :root{--status-h:30px}
  .hdr h1{font-size:14px}
  .ibtn{width:36px;height:36px;min-width:36px}
  .tray{top:6px;bottom:6px;padding:6px}
}

@media (min-width:768px){
  .hdr h1{font-size:18px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}
  .cell svg{animation:none}
}

.inside .scene{background:#A9CBEA}
.scene .room{fill:rgba(255,255,255,0);stroke:rgba(255,255,255,0);stroke-width:4;cursor:pointer;transition:fill .2s,stroke .2s}
.scene .room:hover,.scene .room:focus-visible{fill:rgba(45,212,191,.12);stroke:var(--ring)}
.scene .room.soon{cursor:default}
.scene .room.built{stroke:rgba(45,212,191,.55)}
.scene .room-label{font-size:16px;font-weight:900}
.scene .room-label rect{fill:rgba(11,16,32,.78)}
.scene .room-label.built rect{fill:var(--teal)}
.scene .room-label.built text{fill:var(--teal-ink)}
.rooms-hint{position:absolute;left:0;right:0;bottom:12px;top:auto;font-size:12px;color:var(--text);text-shadow:0 1px 3px rgba(0,0,0,.7)}

.scene .zone{fill:rgba(255,255,255,.06);stroke:var(--slot);stroke-width:2;stroke-dasharray:6 4;pointer-events:none}
.scene .zone.next{stroke:var(--accent);fill:rgba(91,140,255,.1);animation:slot-hint .9s ease-in-out infinite alternate}
.scene .zone.hint{stroke:var(--ring);fill:rgba(45,212,191,.18);animation:none}
.scene .water{stroke-dasharray:5 4;animation:flow .35s linear infinite}
.scene #c-water.water-off{display:none}
@keyframes flow{to{stroke-dashoffset:-9}}
.scene .cutline{stroke:#FFF;stroke-width:2.2;stroke-linecap:round;opacity:.9;pointer-events:none}
.scene .knife-cursor{pointer-events:none}
.scene #s-knifeRest.glow{filter:drop-shadow(0 0 6px var(--ring))}
.scene .item{cursor:grab}
.scene .shine{fill:#FFF;opacity:.9;pointer-events:none}
@media (prefers-reduced-motion:reduce){.scene .water{animation:none}.scene .zone.next{animation:none}}
.scene .item .grab{fill:transparent;pointer-events:all}
.scene #c-ghost{opacity:.3;filter:saturate(.8)}
.scene .cut-guide{stroke:#FFF;stroke-width:2;stroke-dasharray:4 3;opacity:.9;pointer-events:none;animation:slot-hint .7s ease-in-out infinite alternate}
.scene #c-knifeIdle.glow,.scene .tool.glow{filter:drop-shadow(0 0 6px var(--ring)) drop-shadow(0 0 2px var(--ring))}
.scene .tool{cursor:grab}
.scene .tool .grab{fill:transparent;pointer-events:all}
.scene .oil-stream{fill:none;stroke:#E8C838;stroke-width:3.2;stroke-linecap:round;opacity:.85}
.scene #c-water,.scene #c-guide{pointer-events:none}
.cell.glow{border:2px solid var(--ring);box-shadow:0 0 12px rgba(45,212,191,.55)}

.map{grid-template-rows:var(--hdr-h) 1fr;grid-template-areas:"hdr" "scene"}
.map .scene{background:#A9CBEA}
.map .hdr h1{display:flex;flex-direction:column;line-height:1.05;flex:0 1 auto}
.map .hdr h1 small{font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--ring)}
.map .hdr h1 span{overflow:hidden;text-overflow:ellipsis}
.total{display:flex;align-items:center;gap:5px;height:34px;padding:0 10px 0 8px;border-radius:17px;background:var(--raise);border:1px solid var(--line);font-weight:900;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
.total svg{width:16px;height:16px;fill:var(--gold)}
.total em{font-style:normal;font-weight:600;font-size:11px;color:var(--text3)}
.scene .dim{opacity:0;pointer-events:none;transition:opacity .3s}
.scene .dim.on{opacity:.4}
.scene .pl.todo *{fill:rgba(169,200,255,.08);stroke:var(--slot);stroke-width:1.2px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}
.scene .pl.next *{fill:rgba(45,212,191,.14);stroke:var(--ring);stroke-width:1.8px;stroke-dasharray:none;vector-effect:non-scaling-stroke}
.scene .pl.next{animation:next-glow 1.1s ease-in-out infinite alternate}
@keyframes next-glow{from{opacity:.6}to{opacity:1}}
.scene .place-hit{fill:rgba(255,255,255,0);stroke:rgba(45,212,191,0);stroke-width:3px;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .2s,stroke .2s}
.scene .place-hit:hover{fill:rgba(45,212,191,.1);stroke:var(--ring)}
.scene .badge{cursor:pointer;transform-box:view-box}
.scene .badge rect{fill:rgba(11,16,32,.88);stroke:var(--rule);stroke-width:1.5}
.scene .badge.todo rect{stroke:var(--line)}
.scene .badge.next rect{fill:var(--teal);stroke:var(--rule);stroke-width:2}
.scene .badge .n{fill:var(--rule)}
.scene .badge.todo .n{fill:var(--line)}
.scene .badge.next .n{fill:var(--teal-ink)}
.scene .badge text{font-weight:900;dominant-baseline:central}
.scene .badge .nt{font-size:12px;text-anchor:middle;fill:var(--teal-ink)}
.scene .badge.todo .nt{fill:var(--text2)}
.scene .badge.next .nt{fill:var(--rule)}
.scene .badge .nm{font-size:13px;letter-spacing:.02em;fill:var(--text)}
.scene .badge.todo .nm{fill:var(--text2)}
.scene .badge.next .nm{fill:var(--teal-ink)}
.scene .badge .st{fill:none;stroke:var(--text3);stroke-width:2.2}
.scene .badge .st.on{fill:var(--gold);stroke:var(--gold)}
.scene .badge.next .st{stroke:var(--teal-ink)}

.mapbar{position:absolute;z-index:4;left:10px;right:10px;bottom:10px}
.mapbar .nx{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 16px;border-radius:18px;background:rgba(15,21,40,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid var(--ring);box-shadow:0 0 0 5px rgba(45,212,191,.16),0 12px 30px rgba(0,0,0,.4)}
.mapbar .t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.1}
.mapbar small{font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--ring)}
.mapbar b{font-size:17px;font-weight:900;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mapbar .btn{flex:0 0 auto;min-width:104px;letter-spacing:.1em}
.mapbar .btn svg{width:14px;height:14px}

@media (min-width:600px) and (min-height:521px){
  .mapbar{left:auto;right:16px;bottom:auto;top:14px;width:320px}
}
@media (orientation:landscape) and (max-height:520px){
  .mapbar{left:auto;top:6px;bottom:6px;right:0;width:var(--tray-w);display:flex;flex-direction:column;justify-content:flex-end;padding:8px;border-radius:18px 0 0 18px;border:1.5px solid rgba(231,235,245,.35);border-right:0;background:rgba(15,21,40,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .mapbar .nx{flex-direction:column;align-items:stretch;gap:8px;padding:10px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
  .mapbar b{font-size:15px;white-space:normal}
  .mapbar .btn{min-width:0;height:42px}
  .map .total{height:30px}
}
@media (max-width:479px){
  .map .hdr{gap:8px}
  .total{padding:0 8px 0 6px}
  .total em{display:none}
}
@media (prefers-reduced-motion:reduce){.scene .pl.next{animation:none}}
.pan-arrow{position:absolute;z-index:3;left:10px;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:rgba(15,21,40,.82);border:1.5px solid var(--rule);color:var(--text);box-shadow:0 6px 16px rgba(0,0,0,.35)}
.pan-arrow.r svg{transform:scaleX(-1)}
.pan-arrow[hidden]{display:none}

.ibtn[hidden]{display:none}
.prompt{position:absolute;z-index:3;top:6px;left:0;right:0;margin-inline:auto;width:max-content;max-width:calc(100% - 20px);display:flex;align-items:center;gap:10px;height:44px;padding:0 20px 0 5px;border-radius:22px;background:var(--teal);color:var(--teal-ink);border:2px solid var(--rule);box-shadow:0 8px 22px rgba(0,0,0,.35)}
.prompt[hidden]{display:none}
.prompt.read{padding:0 24px}
.prompt b{font-size:clamp(17px,4.6vw,22px);font-weight:900;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prompt .say{flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:0;background:var(--teal-ink);color:var(--teal);display:flex;align-items:center;justify-content:center;padding:0}
.prompt .say svg{width:24px;height:18px}
.prompt .say[hidden]{display:none}
.done .stars{display:flex;gap:4px}
.st{fill:none;stroke:var(--text3);stroke-width:1.8}
.st.on{fill:var(--gold);stroke:var(--gold)}
.done .stars .st{width:24px;height:24px}
.btn.again{flex:0 0 48px;padding:0}
.mapbar .sheet{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:18px;background:var(--panel);border:1.5px solid var(--line);box-shadow:0 14px 34px rgba(0,0,0,.45)}
.mapbar .sheet .h{display:flex;align-items:center;gap:10px}
.mapbar .sheet .t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.1}
.mapbar .sheet .stars{display:flex;gap:2px}
.mapbar .sheet .stars .st{width:20px;height:20px}
.mapbar .sheet .x{width:36px;height:36px;min-width:36px}
.mapbar .sheet .x svg{width:18px;height:18px;fill:none}
.mapbar .tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.mapbar .tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px;border-radius:12px;border:1.5px solid var(--line);background:transparent;text-align:left;font-size:11px;font-weight:600;line-height:1.25;color:var(--text2)}
.mapbar .tile b{font-size:12px;font-weight:900;color:var(--text);letter-spacing:.06em}
.mapbar .tile.got{border-color:var(--teal)}
.mapbar .tile.cur{border-color:var(--ring);background:rgba(45,212,191,.12);color:var(--text)}
.mapbar .tile[disabled]{opacity:.45;cursor:default}
.mapbar .sheet .btn{width:100%;justify-content:center}
@media (orientation:landscape) and (max-height:520px){
  .mapbar.has-sheet{justify-content:flex-start;overflow:auto}
  .mapbar .sheet{padding:8px;gap:6px;background:transparent;border:0;box-shadow:none}
  .mapbar .sheet .stars .st{width:15px;height:15px}
  .mapbar .tiles{grid-template-columns:1fr}
  .mapbar .tile{flex-direction:row;align-items:center;padding:6px 8px}
  .mapbar .tile span{display:none}
  .prompt{right:var(--tray-w);height:38px}
}
.drag-layer{position:absolute;inset:0;z-index:6;pointer-events:none}
.drag-layer svg{display:block;width:100%;height:100%;overflow:visible}

.brand{flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 10px 0 4px;margin-left:-4px;border:0;border-radius:12px;background:transparent}
.brand:hover{background:var(--raise)}
.brand .mark{width:38px;height:38px;filter:drop-shadow(0 0 1px rgba(231,235,245,.55))}
.brand-text{font-size:22px;font-weight:800;letter-spacing:-.4px;white-space:nowrap;color:var(--text)}
.brand-text b{color:var(--accent);font-weight:800}
.hdr-div{flex:0 0 auto;width:1px;height:28px;background:var(--line)}
.status{grid-area:status;display:flex;align-items:center;gap:14px;height:var(--status-h);padding:0 max(var(--gutter),calc((100% - var(--frame)) / 2));border-top:2px solid var(--rule);background:var(--app);min-width:0}
.status .micro{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--text3);white-space:nowrap}
.status .count{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.status .track{flex:1;min-width:40px;height:4px;border-radius:2px;background:var(--line);overflow:hidden}
.status .track i{display:block;height:100%;width:0;border-radius:2px;background:var(--teal);transition:width .35s ease}
.status .stars{display:flex;gap:3px}
.status .stars[hidden]{display:none}
.status .st{width:16px;height:16px}
@media (max-width:767px){
  :root{--status-h:36px}
  .brand-text{font-size:18px}
  .brand .mark{width:32px;height:32px}
}
@media (max-width:559px){
  .brand-text,.hdr-div{display:none}
  .brand{padding:0 4px;height:42px}
}
@media (orientation:landscape) and (max-height:520px){
  .brand .mark{width:30px;height:30px}
  .brand-text{font-size:16px}
  .brand{height:38px}
}
@media (min-width:1440px) and (min-height:521px){
  .screen{background-color:var(--app);background-image:linear-gradient(to right,rgba(231,235,245,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(231,235,245,.05) 1px,transparent 1px);background-size:44px 44px}
  .screen>.scene{justify-self:center;width:min(calc(100% - 32px),var(--frame));margin:16px 0;border:2px solid var(--rule);border-radius:18px}
}
@media (max-width:479px){.build .brand,.inside .brand{display:none}}
@media (max-width:399px){.hdr{gap:6px}.hdr .right{gap:6px}.hdr h1{font-size:13px}}
.credits-link{position:absolute;z-index:3;left:10px;top:10px;padding:5px 10px;border-radius:12px;background:rgba(11,16,32,.6);color:var(--text2);font-size:10px;font-weight:800;letter-spacing:.12em;text-decoration:none}
.credits-link:hover,.credits-link:focus-visible{color:var(--text);background:rgba(11,16,32,.85)}