dialog {
  position: absolute;
  left: 0; right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  margin: auto;
  border: solid;
  padding: 1em;
  background: white;
  color: black;
  display: block;
}

dialog:not([open]) {
  display: none;
}

dialog + .backdrop {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  background: rgba(0,0,0,0.1);
}

._dialog_overlay {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
}

dialog.fixed {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
}
@charset "UTF-8";
:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:#e7f3ee;background:#102b3a;font-synthesis:none;--gold:#efce8c;--mint:#b4e6d5;--line:#d1ecdf30;--panel:#153744f2;--safe:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}body{margin:0;overscroll-behavior:none}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f8dc9b;outline-offset:3px}a{color:var(--mint)}p{line-height:1.8}button:active{transform:translateY(1px)}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.loading{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.loading h1{letter-spacing:.1em;font-size:32px}.loading .star{font-size:60px;color:var(--gold);animation:pulse 2s ease-in-out infinite}.loading a{margin-top:24px}.lobby{min-height:100dvh;background:linear-gradient(90deg,#102d3b70,#102b3ad9),url('./art/valley.webp') center/cover fixed;padding:24px max(24px,calc((100vw - 1260px)/2)) 50px}.lobby-header{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:14px}.lobby-brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;letter-spacing:.05em}.lobby-brand img{width:36px;height:36px}.lobby-main{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:start;margin-top:70px}.intro{padding-top:18px}.eyebrow{font-size:12px;letter-spacing:.25em;color:var(--gold);font-weight:800}.intro h1{font-family:"Yu Mincho",serif;font-size:clamp(36px,4.4vw,64px);line-height:1.5;letter-spacing:.08em;margin:15px 0 22px;text-shadow:0 4px 30px #102d3b}.intro p{max-width:460px;color:#d5e8e4;font-size:16px;line-height:2}.pills{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}.pill{border:1px solid #e6f4e14a;background:#123c4c80;border-radius:30px;padding:9px 14px;font-size:13px}.entry-panel{background:#123240eb;border:1px solid #d8e8d535;border-radius:25px;padding:25px;box-shadow:0 20px 80px #091d324d;backdrop-filter:blur(14px)}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-heading h2{font-size:22px;margin:0 0 16px}.primary{min-height:50px;width:100%;padding:12px 20px;border-radius:13px;background:linear-gradient(#f2d69c,#d7b77c);color:#183847;font-weight:800;box-shadow:0 4px 0 #a88750;line-height:1.5}.secondary{min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:12px;background:#d3ede614;font-weight:650;line-height:1.5}.secondary:hover{background:#d3ede627}.small{font-size:13px}.muted{color:#a9c2c6;font-size:14px}.world-list{display:grid;gap:10px;margin:16px 0}.world-card{position:relative;text-align:left;border:1px solid var(--line);border-radius:15px;background:#d9f3df08;padding:16px;color:#e8f1e8;min-height:88px;width:100%;display:flex;align-items:center;gap:14px}.world-card:hover{background:#d9f3df16}.world-icon{display:flex;align-items:center;justify-content:center;background:#6ba89d22;border-radius:12px;width:48px;height:48px;font-size:27px;color:var(--gold);flex-shrink:0}.world-card .copy{flex:1;min-width:0}.world-card strong{display:block;font-size:16px;word-break:break-word;margin-bottom:6px}.world-card small{display:block;font-size:12px;color:#b2cccd}.empty{padding:18px;border:1px dashed var(--line);border-radius:15px;color:#bfd0d0;font-size:14px;line-height:1.8}.lobby-tabs{display:flex;gap:6px;background:#071f2e55;border-radius:12px;padding:5px;margin-bottom:16px}.lobby-tabs button{flex:1;min-height:40px;background:transparent;border-radius:9px;color:#b6cfd0}.lobby-tabs .active{background:#517e7c55;color:white;font-weight:800}.entry-footer{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.entry-footer button{font-size:13px;background:none;text-decoration:underline;text-underline-offset:4px}.lobby-note{max-width:840px;margin:44px auto 0;border:1px solid var(--line);background:#102b3ac9;border-radius:18px;padding:18px 24px;font-size:14px;color:#b8d4d3}.lobby-note summary{cursor:pointer;color:#e0e9dd;font-size:15px}.lobby-note p:last-child{margin-bottom:0}
.game{position:fixed;inset:0;overflow:hidden;background:#132b3c;touch-action:none;user-select:none}.game canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;image-rendering:auto}.hud{position:absolute;inset:0;pointer-events:none}.hud button,.hud input,.hud a{pointer-events:auto}.hud-top{position:absolute;top:max(12px,env(safe-area-inset-top));left:14px;right:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.hud-left{max-width:min(350px,48vw)}.world-badge{display:flex;align-items:center;gap:10px;background:#112f3be8;border:1px solid #d9e8db38;padding:7px 12px 7px 7px;border-radius:16px;box-shadow:0 3px 12px #0002;max-width:100%}.world-badge strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.world-badge small{display:block;font-size:11px;color:#adc8c6;margin-top:2px}.round{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d9e8db38;background:#102d3de8;border-radius:13px;min-width:43px;min-height:43px;padding:8px;font-size:19px;line-height:1;box-shadow:0 3px 12px #0002}.hud-right{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end;max-width:50vw}.hud-right button{font-size:14px;font-weight:700}.hud-right button.on{border-color:#a1e6c4;color:#bff3d5}.health{display:flex;align-items:center;gap:8px;margin:10px 4px;text-shadow:0 1px 4px #0008}.health .bar{width:145px;height:9px;border-radius:10px;background:#13292dcc;border:1px solid #dbe9d946;overflow:hidden}.health .bar i{display:block;height:100%;background:linear-gradient(90deg,#c77966,#efba89);transition:width .2s}.health span{font-size:13px;color:#fff3de}.quest{margin-top:8px;max-width:300px;padding:12px 15px;background:#0d2e3ce6;border:1px solid #dbe9d933;border-radius:14px;pointer-events:auto}.quest summary{cursor:pointer;font-size:13px;font-weight:750;list-style:none;color:#ead49e}.quest summary:before{content:'✦ ';color:var(--gold)}.quest p{font-size:12px;line-height:1.75;color:#c6dbd7;margin:7px 0 0}.quest button{font-size:12px;background:none;color:#dfd3a6;margin-top:7px;text-decoration:underline}.hud-status{position:absolute;top:max(68px,calc(env(safe-area-inset-top) + 56px));right:17px;text-align:right;font-size:12px;text-shadow:0 1px 5px #000c;color:#d9eee1}.chat-preview{position:absolute;left:16px;bottom:calc(100px + var(--safe));max-width:min(370px,44vw);padding:9px 13px;background:#102b3ac9;border:1px solid #c5e5db20;border-radius:12px;font-size:12px;line-height:1.6;color:#dbe9dc;pointer-events:auto;text-align:left}.chat-preview b{color:#b3e1d0}.chat-preview .unread{background:#e9c585;color:#173548;border-radius:10px;padding:2px 6px;margin-left:5px}.chat-preview:empty{display:none}.bottom-center{position:absolute;bottom:calc(17px + var(--safe));left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:auto}.tools{display:flex;gap:5px;background:#112d3de8;border:1px solid #d6e8df35;border-radius:12px;padding:4px}.tools button{font-size:13px;min-height:34px;padding:5px 13px;background:transparent;border-radius:8px;white-space:nowrap}.tools .active{background:#e4c68b;color:#173545;font-weight:800}.hotbar{display:flex;gap:5px;padding:6px;background:#102b3ade;border:1px solid #d9e8db38;border-radius:15px;box-shadow:0 4px 18px #0002}.slot{position:relative;width:52px;height:52px;border:1px solid #b3d1cb40;background:#4a716b42;border-radius:10px;padding:4px;color:#e6f1df;display:flex;align-items:center;justify-content:center}.slot.selected{border:2px solid #f6d591;background:#7f876c66;box-shadow:0 0 12px #edd39724}.slot .count{position:absolute;bottom:3px;right:5px;font-size:12px;text-shadow:0 1px 4px #000;font-weight:800}.slot .key{position:absolute;top:2px;left:4px;font-size:9px;color:#b9d1c5}.item-art{display:inline-flex;width:38px;height:38px;background-image:url('./art/tiles.webp');background-size:400% 400%;background-position:var(--ix) var(--iy);align-items:center;justify-content:center;font-size:29px;font-weight:900;color:var(--item-color,#e8daae);image-rendering:auto;flex-shrink:0}.item-art.symbol{background:none}.touch-pad{position:absolute;pointer-events:auto;display:flex;gap:10px}.move-pad{bottom:calc(28px + var(--safe));left:20px}.action-pad{bottom:calc(30px + var(--safe));right:20px;align-items:end}.pad{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-width:66px;height:66px;border:1px solid #e6edcf70;border-radius:50%;background:#17394bba;box-shadow:0 5px 0 #0c293c80,0 3px 22px #081d2e40;font-size:24px;font-weight:800;touch-action:none;user-select:none}.pad small{font-size:10px;font-weight:500}.pad.held{background:#ead399d9;color:#17394b;transform:translateY(3px)}.pad.jump{height:76px;width:76px;background:#e9d195ce;color:#143344}.pad-stack{display:flex;flex-direction:column;gap:10px}.pad.mini{height:51px;min-width:51px;font-size:20px}.keyboard-hint{position:absolute;bottom:18px;left:18px;font-size:12px;color:#d3e8e0;text-shadow:0 1px 4px #0009;pointer-events:none}.connection{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #dbc58d80;background:#132f40f2;padding:22px 28px;border-radius:18px;text-align:center;max-width:85%;pointer-events:auto;box-shadow:0 20px 60px #0004}.connection strong{font-size:18px}.connection p{font-size:14px;color:#bcd4d2;margin:10px 0 0}.boss{position:absolute;top:15px;left:50%;transform:translateX(-50%);width:min(340px,28vw);text-align:center;font-size:13px;text-shadow:0 1px 4px #000}.boss .bar{height:8px;background:#22394bd9;border:1px solid #dfcaae80;border-radius:7px;margin-top:6px;overflow:hidden}.boss i{display:block;height:100%;background:#b79cda;transition:width .15s}.boss .warning{color:#f8da95;font-size:12px;margin-top:6px}.floating-tip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#143240e6;border:1px solid #e7d39680;border-radius:18px;max-width:min(420px,85vw);padding:25px;text-align:center;pointer-events:auto}.floating-tip h2{font-size:22px;color:var(--gold);margin:0 0 12px}.floating-tip p{font-size:14px}.floating-tip button{margin-top:8px}.death-title{color:#eebc9d;font-size:26px}
dialog{width:min(600px,calc(100vw - 24px));max-height:calc(100dvh - 36px);background:linear-gradient(#173e4a,#102f3f);color:#e3eee4;border:1px solid #dbdec76b;border-radius:23px;padding:0;box-shadow:0 24px 90px #0008;overscroll-behavior:contain}dialog::backdrop{background:#081d2bc9;backdrop-filter:blur(8px)}.dialog-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 22px 12px;background:#173d49}.dialog-head h2{font-size:22px;margin:0;color:#ecd7a8}.dialog-body{padding:8px 22px 24px;line-height:1.75}.dialog-body p{font-size:14px;color:#c0d5d0}.dialog-body input[type=text],.dialog-body textarea{background:#092b3b;color:#eff2dd;border:1px solid #d4e3c950;border-radius:10px;min-height:46px;padding:11px 12px;width:100%;font-size:16px}.dialog-body label{display:block;font-size:14px;margin:13px 0}.dialog-body label small{display:block;color:#afc6c4;font-size:12px;margin:5px 0}.dialog-body .primary{margin-top:17px}.check-line{display:flex!important;align-items:center;gap:10px}.check-line input{width:20px;height:20px;accent-color:#d8c48a}.rule{display:flex;gap:12px;margin:18px 0}.rule>span{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:#c2a26b30;color:#f5dca6;font-weight:800}.rule b{display:block;font-size:15px}.rule p{margin:4px 0;font-size:14px}.inventory{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:15px 0}.inventory .slot{width:100%;height:auto;aspect-ratio:1}.item-info{border-top:1px solid var(--line);padding:16px 0}.item-info h3{font-size:17px;margin:0 0 6px}.item-info p{margin:0}.dialog-actions{display:flex;gap:8px;margin-top:16px}.dialog-actions>*{flex:1}.recipe-list{display:grid;gap:10px}.recipe{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#d7ecdb08;border-radius:14px;padding:13px}.recipe .copy{flex:1;min-width:0}.recipe strong{font-size:15px}.recipe p{margin:4px 0 0;font-size:12px;line-height:1.7}.recipe .missing{color:#edb5a4}.recipe button{font-size:13px;min-width:61px;min-height:42px;background:#e2c78a;color:#173544;border-radius:9px;font-weight:800}.recipe .station{color:#9bcbbf;font-size:11px;display:block}.chat-log{height:min(43dvh,360px);overflow:auto;padding:8px 0;overscroll-behavior:contain;user-select:text}.chat-row{margin:10px 0;font-size:14px;line-height:1.65;overflow-wrap:anywhere}.chat-row strong{font-size:12px;color:#a5d5c3;display:block;margin-bottom:2px}.chat-row.mine{padding-left:15%;text-align:right}.chat-row span{display:inline-block;padding:9px 13px;border-radius:12px;background:#d5e3c513;text-align:left;max-width:100%;white-space:pre-wrap}.chat-row.mine span{background:#73a99b38}.chat-form{display:flex;gap:8px;align-items:end;margin-top:12px}.chat-form textarea{min-height:48px;max-height:115px;resize:vertical;line-height:1.4}.chat-form button{min-height:48px;flex-shrink:0}.quick-chat{display:flex;gap:6px;overflow-x:auto;margin:10px 0}.quick-chat button{font-size:12px;white-space:nowrap;background:#d3e9dc14;border:1px solid var(--line);padding:7px 10px;border-radius:20px}.voice-person{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.voice-person span{flex:1}.voice-person input{max-width:110px;accent-color:#b7d6bd}.speaking{color:#b0f1c7}.settings-row{display:flex!important;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.settings-row input[type=checkbox]{width:22px;height:22px;accent-color:#dfc688}.chest-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chest-columns h3{font-size:15px}.chest-item{width:100%;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#daeacb0d;border-radius:10px;padding:9px;text-align:left;margin:6px 0;font-size:12px}.chest-item .item-art{width:30px;height:30px}.chest-item b{margin-left:auto;color:#e4d5a3}.map-canvas{position:relative!important;width:100%!important;height:auto!important;aspect-ratio:2.5;background:#0b2535;border-radius:12px;border:1px solid var(--line)}.achievement{text-align:center;padding:14px 0}.achievement .star{font-size:60px;color:var(--gold)}.achievement h3{font-size:26px;color:var(--gold);margin:10px 0}.achievement p{line-height:1.9}.share-links{display:flex;gap:9px;margin:15px 0}.share-links a{flex:1;display:block;text-align:center;padding:10px;background:#d6e9c814;border-radius:10px;text-decoration:none;font-size:14px}#toast{position:fixed;bottom:calc(145px + var(--safe));left:50%;transform:translate(-50%,10px);max-width:min(440px,90vw);width:max-content;background:#0e2b3bef;border:1px solid #e3d1a159;box-shadow:0 8px 30px #0003;padding:12px 18px;border-radius:14px;color:#e5efdf;font-size:14px;line-height:1.7;z-index:100;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes pulse{50%{opacity:.6;transform:scale(.93)}}
@media(pointer:fine){.touch-pad{display:none}.keyboard-hint{display:block}}@media(pointer:coarse){.keyboard-hint{display:none}}
@media(max-width:800px){.lobby{padding:18px 18px 35px;background-position:60% center}.lobby-main{grid-template-columns:1fr;gap:20px;margin-top:24px}.intro{padding:0}.intro h1{font-size:36px;margin:10px 0}.intro p{font-size:14px;margin:10px 0}.pills{margin:15px 0}.entry-panel{padding:20px}.lobby-note{margin-top:22px}.lobby-header>a{font-size:12px}.hud-top{left:10px;right:10px;top:max(8px,env(safe-area-inset-top))}.hud-right{gap:5px}.hud-right button{font-size:12px;min-height:38px;min-width:38px;padding:7px}.world-badge{padding:5px 9px 5px 5px;border-radius:13px;gap:7px}.world-badge .round{min-width:33px;min-height:33px;font-size:16px}.world-badge strong{font-size:12px}.health{margin-top:8px}.health .bar{width:105px}.quest{max-width:235px;padding:10px 12px}.quest summary{font-size:12px}.quest p{font-size:11px}.boss{top:100px;width:min(260px,60vw)}.hud-status{top:57px;font-size:11px}.move-pad{left:14px;bottom:calc(31px + var(--safe));gap:8px}.action-pad{right:14px;bottom:calc(29px + var(--safe));gap:8px}.pad{min-width:58px;height:58px;font-size:22px}.pad.jump{width:65px;height:65px}.pad.mini{min-width:45px;height:45px}.bottom-center{bottom:calc(106px + var(--safe));gap:6px}.slot{width:43px;height:43px}.item-art{width:32px;height:32px}.hotbar{padding:5px;gap:4px;border-radius:12px}.tools button{font-size:12px;padding:4px 12px;min-height:30px}.chat-preview{bottom:calc(205px + var(--safe));left:12px;max-width:63vw;font-size:11px}.inventory{grid-template-columns:repeat(5,1fr)}.dialog-head{padding:16px 17px 10px}.dialog-body{padding:6px 17px 20px}.dialog-head h2{font-size:20px}#toast{bottom:calc(225px + var(--safe))}}
@media(orientation:landscape) and (max-height:550px){.hud-left{max-width:260px}.quest{margin-top:5px;padding:7px 10px;max-width:235px}.quest p{font-size:11px}.health{margin:5px 3px}.boss{top:12px;max-width:190px;width:25vw}.bottom-center{bottom:calc(10px + var(--safe))}.move-pad{bottom:calc(18px + var(--safe))}.action-pad{bottom:calc(16px + var(--safe))}.chat-preview{bottom:92px;max-width:28vw}.slot{width:42px;height:42px}.tools{padding:3px}.tools button{min-height:26px}.hud-right{max-width:34vw}.lobby-main{grid-template-columns:1fr 1fr;gap:30px}.intro h1{font-size:32px}.hud-status{top:54px}#toast{bottom:120px}.dialog-head h2{font-size:18px}}
@media(max-width:370px){.hud-right button{font-size:11px;padding:6px;min-width:34px}.slot{width:39px;height:39px}.world-badge strong{max-width:103px}.health .bar{width:90px}.pad{min-width:52px;height:52px}.pad.jump{height:61px;width:61px}.quest{max-width:185px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

@media(orientation:portrait) and (max-width:600px){.hud-status{top:104px;right:12px;max-width:120px;text-align:right}.quest{max-width:185px}.hud-right{max-width:48vw}}
@media(orientation:landscape) and (max-height:550px) and (pointer:fine){.keyboard-hint{bottom:95px;max-width:235px;font-size:11px;line-height:1.6}}

.world-row{display:flex;gap:8px;align-items:stretch}.world-row .world-card{flex:1;min-width:0}.world-delete{align-self:center;padding:10px;font-size:14px;color:#d9b8b0;background:transparent;border:1px solid #50606a;border-radius:12px}.danger{color:#fff;background:#913d4d;border:1px solid #bc6c7b;border-radius:12px;padding:14px}

/* Adventure UI: a readable HUD, accessible shortcuts and a real workshop. */
:root{--gold:#f5ce78;--line:#6984a34d;--ink:#f0f3fa;color:#edf2fb;font-family:-apple-system,BlinkMacSystemFont,'Hiragino Sans','Yu Gothic',Meiryo,sans-serif}.lobby{background:linear-gradient(90deg,#111d36e8,#15283f96),url('./art/valley.webp') center/cover}.lobby-header{max-width:1080px;margin:auto}.lobby-main{max-width:1080px;gap:50px;align-items:center;margin:6vh auto 0}.intro h1{font-family:inherit;font-weight:850;letter-spacing:.03em;font-size:44px;line-height:1.3}.intro .eyebrow{letter-spacing:.1em;color:#f5ce78}.intro p{line-height:1.9;color:#d1e0e7}.entry-panel{background:#14233beF;border:1px solid #6e849865;border-radius:20px;box-shadow:0 20px 60px #0004}.lobby-tabs{background:#0b182a}.lobby-tabs .active{background:#334e6c;color:#fff}.primary{background:linear-gradient(#ffe0a0,#eac077);color:#273346;box-shadow:0 4px #a48043;border-radius:12px;min-height:48px}.world-card{background:#243952;border:1px solid #7995b34d;border-radius:13px}.lobby-note{background:#13243ac9}.hud-top{top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right))}.world-badge{background:#15243bdf;border:1px solid #9cb1c85c;box-shadow:0 3px 0 #0a172a80;border-radius:10px}.world-badge strong{font-size:13px}.world-badge small{font-size:11px;color:#aebfd4}.round{border-radius:10px;min-width:44px;min-height:44px;background:#162941e8;border:1px solid #acc0d153;font-size:15px}.hud-right{max-width:50vw;gap:6px}.hud-right button{min-width:48px;min-height:48px;padding:5px 9px;font-size:12px;display:flex;flex-direction:column;gap:3px;white-space:nowrap}.hud-right button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hud-left{max-width:260px}.health{background:#0b192b85;border-radius:8px;width:max-content;padding:5px 8px;margin:8px 0 0}.health .bar{width:112px;height:10px}.health .bar i{background:#ee776f}.quest{background:#14243bdc;max-width:240px;border-radius:10px;padding:9px 12px;box-shadow:none}.quest summary{font-size:13px}.quest p{font-size:13px}.quest button{font-size:13px;min-height:36px}.hud-status{top:72px;right:14px;background:#15243b99;padding:5px 8px;border-radius:6px;font-size:11px}.bottom-center{bottom:auto;top:150px;left:12px;transform:none;align-items:flex-start;gap:7px}.hotbar{background:#13243bea;border:1px solid #9cb0c64d;border-radius:10px;padding:5px;gap:4px;box-shadow:0 3px 0 #07142577}.slot{width:49px;height:49px;border:1px solid #a0b2c958;background:#40577670;border-radius:7px}.slot.selected{background:#ac8b466e;border-color:#ffe19c;box-shadow:0 0 0 1px #ffe19c}.slot .count{font-size:13px;bottom:2px;right:4px;text-shadow:1px 1px #0a1429,-1px -1px #0a1429}.slot .key{font-size:10px}.slot .slot-name{position:absolute;top:100%;left:-5px;right:-5px;margin-top:6px;background:#14243bd9;color:#ffe2a3;padding:4px;font-size:11px;white-space:nowrap;display:none;text-align:center;border-radius:4px}.slot.selected .slot-name{display:block}.tools{order:2;background:#15243bdd;padding:4px;margin-top:22px;border-radius:9px}.tools button{min-height:38px;padding:6px 12px;font-size:13px}.tools .active{background:#efd18b}.held-item{font-size:12px;color:#ffdf9f;text-shadow:0 2px 3px #000;max-width:230px;margin:1px 0}.touch-pad{bottom:calc(25px + var(--safe));}.move-pad{left:max(20px,env(safe-area-inset-left));display:block;width:122px;height:122px}.move-stick{touch-action:none;width:122px;height:122px;position:relative;border:2px solid #d4e2f379;border-radius:50%;background:radial-gradient(circle,#4b668650,#1d335488);box-shadow:inset 0 0 0 10px #e3edff08,0 4px 15px #00172c33;outline-offset:4px}.move-stick:before{content:'‹　 ›';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:31px;color:#e9eef78c}.move-stick i{position:absolute;width:54px;height:54px;left:32px;top:32px;border-radius:50%;border:2px solid #cfddf1b5;background:linear-gradient(#839bb8b5,#476180cc);box-shadow:0 4px 12px #001c3466;pointer-events:none}.move-stick small{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:11px;color:#edf5ff}.action-pad{right:max(18px,env(safe-area-inset-right));gap:12px}.pad{border:2px solid #d5e4f193;background:#1a304bd1;box-shadow:0 4px 0 #101d3488;min-width:68px;height:68px;font-size:25px}.pad small{font-size:12px}.pad.jump{width:76px;height:76px;background:linear-gradient(#f9d893e8,#cea25fe8);color:#15243d}.pad-stack{gap:12px}.pad.mini{width:60px;min-width:60px;height:60px;font-size:24px}.pad.mini[data-hold=attack]{background:#963f45b8}.drop-pad{position:absolute;left:136px;bottom:4px;min-width:42px;width:42px;height:42px;border-radius:12px;border:1px solid #d4e2f379;background:#17304ccf;font-size:18px;touch-action:none}.pad.held{background:#f8d791;color:#23364a}.chat-preview{left:15px;bottom:calc(161px + var(--safe));max-width:260px;font-size:12px;background:#112039d9;border-radius:8px}.keyboard-hint{background:#122039ad;padding:8px 12px;border-radius:8px;max-width:40vw;line-height:1.6}.boss{top:14px;width:min(300px,27vw);font-size:14px}.boss .bar{height:12px}.boss .warning{font-size:13px}.connection{background:#15243bf5}dialog{border:1px solid #7d92b49c;background:#15243b;border-radius:18px;max-height:calc(100dvh - 24px);color:#edf2fb}.dialog-head{background:#192b46;padding:14px 18px;border-bottom:1px solid #9bb3d72a}.dialog-head h2{font-size:20px;color:#f5da9b}.dialog-body{padding:16px 18px 22px}.dialog-body p{color:#c3d1e3;font-size:14px}.dialog-body input[type=text],.dialog-body textarea{background:#0d1c31;border:1px solid #718aab85}.dialog-body .primary{margin-top:10px}.inventory{grid-template-columns:repeat(6,1fr);gap:9px;margin:16px 0}.inventory .slot{height:76px;aspect-ratio:auto;padding-bottom:20px}.inventory .item-art{width:40px;height:40px}.inventory .slot-name{position:absolute;display:block!important;top:auto;bottom:2px;left:2px;right:2px;background:transparent;color:#d9e4f2;font-size:10px;overflow:hidden;text-overflow:ellipsis;padding:0;margin:0}.inventory .count{bottom:19px}.inventory .selected .slot-name{color:#ffe0a0}.item-info{background:#0d1c303d;border:1px solid #647c9b55;border-radius:12px;padding:14px;margin-top:14px}.item-info h3{font-size:17px}.workshop-tabs{display:flex;gap:6px;margin:12px 0;overflow:auto;padding-bottom:4px}.workshop-tabs button{min-height:40px;white-space:nowrap;border:1px solid #6e8aaa75;background:#203852;border-radius:9px;font-size:13px;padding:8px 12px}.workshop-tabs button.active{background:#e5c17d;color:#192d44;border-color:#f8db9e}.craft-search{width:100%;margin:0!important;font-size:16px}.recipe-list{gap:10px}.recipe{border:1px solid #6f88a05c;border-radius:12px;background:#20344f;padding:13px;align-items:flex-start}.recipe.can-make{border-color:#9ecaa191;background:#244d5066}.recipe.selected-recipe{border-color:#f6d695}.recipe strong{font-size:16px}.recipe p{font-size:13px;line-height:1.7}.recipe .station{font-size:12px;line-height:1.6;color:#aec8de;margin-top:5px}.recipe .missing{color:#ffb5a3}.recipe button{min-width:64px;min-height:44px;font-size:14px;border-radius:10px}.recipe button:disabled{opacity:.5}.recipe-count{color:#bdcbdc;font-size:12px;margin:0 0 12px}.empty-recipes{padding:25px 10px;text-align:center;color:#cbd5df}.craft-actions{display:flex;flex-direction:column;gap:6px}.craft-actions .craft-five{background:#344d67;border:1px solid #7d93b05e;color:#edf1fa;font-size:12px;min-height:34px}.material-chips{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0}.material-chips span{background:#0e1c3069;border-radius:6px;padding:3px 6px;font-size:12px}.workshop-note{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:#bccee1;margin:0 0 12px}.workshop-note span{padding:5px 9px;border:1px solid #788fab4d;border-radius:8px}.workshop-note .near{color:#bfe5b5;border-color:#9cbb8e80}.hud-right button.on{border-color:#b1d79a}.settings-row{font-size:15px}.settings-row input[type=range]{max-width:45%;accent-color:#f1cc82}#toast{background:#14253df5;border-color:#b9a574;padding:11px 16px;border-radius:10px;bottom:calc(168px + var(--safe))}
@media(max-width:800px){.lobby{padding:16px}.lobby-main{margin:18px auto 0;gap:20px}.intro h1{font-size:27px;line-height:1.3;margin:4px 0 8px}.intro p{font-size:13px;margin:0}.intro .eyebrow{display:none}.intro .pills{margin:12px 0 0;gap:6px}.intro .pill{font-size:11px;padding:5px 9px}.intro>button{display:none}.entry-panel{padding:17px}.panel-heading h2{font-size:19px}.entry-panel>.small{font-size:12px;line-height:1.7}.lobby-note{margin-top:18px;padding:13px}.hud-top{left:10px;right:10px;gap:7px}.hud-left{max-width:46vw}.world-badge{gap:5px;padding:4px 7px 4px 4px}.world-badge .round{min-width:36px;min-height:36px}.world-badge strong{font-size:12px;max-width:105px;display:block}.world-badge small{font-size:10px}.hud-right{gap:4px;max-width:51vw}.hud-right button{min-width:42px;min-height:45px;padding:4px 7px;font-size:11px}.hud-right button svg{width:21px;height:21px}.health{margin:7px 0 0;padding:4px 6px}.health .bar{width:82px}.health span{font-size:12px}.hud-status{top:62px;right:11px;font-size:10px}.quest{margin-top:7px;padding:7px 9px;max-width:200px}.quest summary{font-size:11px}.quest p{font-size:12px}.bottom-center{top:auto;bottom:calc(169px + var(--safe));left:50%;transform:translateX(-50%);align-items:center;gap:4px}.hotbar{order:2;gap:4px;padding:4px}.slot{width:44px;height:44px}.hotbar .slot-name{font-size:10px;top:auto;bottom:calc(100% + 5px);left:-8px;right:-8px;background:#101f34ef}.tools{order:1;margin:0 0 24px;gap:2px;padding:3px}.tools button{font-size:12px;min-height:34px;padding:5px 10px}.touch-pad{bottom:calc(22px + var(--safe))}.move-pad{left:16px;width:112px;height:112px}.move-stick{width:112px;height:112px}.move-stick i{width:50px;height:50px;top:29px;left:29px}.move-stick:before{font-size:28px}.drop-pad{left:119px;bottom:0;min-width:38px;width:38px;height:38px}.action-pad{right:16px;gap:10px}.pad.mini{min-width:54px;width:54px;height:54px;font-size:22px}.pad.jump{width:65px;height:65px}.pad small{font-size:10px}.chat-preview{bottom:calc(285px + var(--safe));font-size:11px;max-width:65vw;padding:6px 10px}.boss{top:154px;max-width:70vw;width:230px}.inventory{grid-template-columns:repeat(4,1fr);gap:7px}.inventory .slot{height:73px}.inventory .slot-name{font-size:10px}.dialog-head{padding:12px 14px}.dialog-body{padding:12px 14px 18px}.recipe{padding:10px;gap:9px}.recipe .item-art{width:32px;height:32px}.recipe strong{font-size:14px}.recipe p{font-size:12px}.recipe .station{font-size:11px}.recipe button{min-width:57px;font-size:13px}.craft-actions .craft-five{min-height:32px}#toast{bottom:calc(286px + var(--safe))}}
@media(orientation:landscape) and (max-height:550px){.lobby-main{grid-template-columns:1fr 1.2fr}.lobby-note{display:none}.hud-right{max-width:40vw}.hud-status{top:64px}.hud-left{max-width:220px}.quest{max-width:220px}.quest p{max-height:70px;overflow:auto}.bottom-center{top:90px;bottom:auto;left:auto;right:10px;transform:none;align-items:flex-end}.hotbar{order:1}.slot{width:42px;height:42px}.hotbar .slot-name{top:100%;bottom:auto;margin-top:4px}.tools{order:2;margin-top:25px;margin-bottom:0}.tools button{min-height:32px}.move-pad{bottom:15px;left:20px}.action-pad{bottom:16px;right:20px}.boss{top:13px;width:24vw;max-width:210px}.chat-preview{bottom:20px;left:190px;max-width:25vw}.keyboard-hint{bottom:12px;left:12px;max-width:45vw}.inventory{grid-template-columns:repeat(6,1fr)}.hud-left .world-badge strong{max-width:155px}.dialog-body{padding:12px 18px}.recipe-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}dialog:has(.recipe-list){width:min(900px,calc(100vw - 24px))}.recipe .item-art{display:none}#toast{bottom:20px;max-width:45vw}}
@media(pointer:fine){.move-pad,.action-pad{display:none}.bottom-center{top:auto;bottom:20px;left:50%;right:auto;transform:translateX(-50%);align-items:center}.hotbar{order:2}.tools{order:1;margin:0 0 22px}.chat-preview{bottom:115px}.hud-right button{min-width:58px}.keyboard-hint{max-width:28vw}}

@media(orientation:portrait) and (max-width:800px){.hud-right{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:49vw;max-width:196px;gap:3px}.hud-right button{min-width:0;width:100%;padding:4px 2px;font-size:10px;white-space:nowrap}.hud-left{max-width:43vw}.world-badge strong{max-width:90px}.hud-status{top:65px;right:11px}}
.audio-credit a{color:#e7cb8e}.settings-row output{font-size:12px;color:#bdcddd}

/* Keep the world visible. The right stick aims; the left one moves. */
.aim-stick{position:relative;width:94px;height:94px;border-radius:50%;border:2px solid #eacb8270;background:radial-gradient(circle,#14334099 0 36%,#0d273877 37% 68%,#c2d0c522 70%);color:#fbe3ac;touch-action:none;user-select:none;pointer-events:auto;display:grid;place-items:center}
.aim-stick:before{content:'＋';position:absolute;inset:0;display:grid;place-content:center;font-size:46px;opacity:.18;font-weight:200}.aim-stick i{position:absolute;left:28px;top:28px;width:34px;height:34px;border-radius:50%;background:linear-gradient(#e8d59c,#a99873);border:1px solid #fff5;box-shadow:0 4px 8px #0005;pointer-events:none}.aim-stick small{position:absolute;top:100%;left:-20px;right:-20px;padding-top:5px;white-space:nowrap;font-size:10px;font-style:normal;color:#eceddf;text-shadow:0 2px 3px #000;pointer-events:none}.aim-stick.held{border-color:#f9d880;box-shadow:0 0 0 5px #edcb7620}.aim-stick.held i{background:#f5d691}
.action-pad{display:grid;grid-template-columns:94px 62px;grid-template-rows:68px 45px;align-items:end;gap:10px 8px}.action-pad .aim-stick{grid-column:1;grid-row:1/3;align-self:start}.action-pad .pad-stack{display:contents}.action-pad .pad[data-hold=attack]{grid-column:2;grid-row:1;justify-self:center;width:49px;height:49px;min-width:49px}.action-pad .pad.jump{grid-column:2;grid-row:2;width:59px;height:59px;min-width:59px}
.aim-hint{position:absolute;pointer-events:none;left:50%;transform:translateX(-50%);bottom:calc(142px + var(--safe));padding:5px 11px;border-radius:30px;background:#122c3edb;border:1px solid #b7d5c448;color:#ece8cd;white-space:nowrap;font-size:11px;text-align:center}
.tools{border-radius:12px}.hotbar{background:#102b3bd9;border:1px solid #b3c1a773;border-radius:13px;box-shadow:0 3px 12px #0003}.slot.active{border-color:#f9de9e;box-shadow:0 0 0 2px #dec48280;background:#5a6b5b}.tools button.active{background:#d9c48c;color:#203c3e;border-radius:9px}
.quest{background:#173b3fe6;border-color:#b1c4a54d}.quest summary{color:#eedcae}.world-badge{background:#173b3fe6}.health{background:#163b3dcc}.hud-right .round{background:#16383fdf}.hud-status{background:#163b3dcc}.bottom-center .hotbar .slot-name{background:#19383e;border-radius:6px;color:#f7e6b8;padding:3px}
.quest-updated{animation:quest-reached 1.2s ease-out}@keyframes quest-reached{0%,50%{box-shadow:0 0 0 4px #e8d69b77}100%{box-shadow:none}}
@media(pointer:fine){.action-pad,.aim-hint{display:none}}
@media(max-width:800px) and (orientation:portrait){.bottom-center{bottom:calc(177px + var(--safe))}.move-pad{left:12px;bottom:calc(26px + var(--safe));width:100px;height:100px}.move-stick{width:100px;height:100px}.move-stick i{left:25px;top:25px;width:46px;height:46px}.drop-pad{left:103px;min-width:32px;width:32px;height:32px}.action-pad{right:12px;bottom:calc(26px + var(--safe))}.tools{margin-bottom:21px}.tools button{min-height:32px;padding:5px 12px}.slot{width:43px;height:43px}.boss{top:150px}.quest[open]{max-width:185px}.quest[open] p{max-height:80px;overflow:auto}}
@media(max-width:360px) and (orientation:portrait){.move-pad{left:8px}.action-pad{right:8px;grid-template-columns:82px 54px;column-gap:6px}.aim-stick{width:82px;height:82px}.aim-stick i{left:22px;top:22px}.action-pad .pad.jump{width:53px;min-width:53px;height:53px}.move-pad,.move-stick{width:86px;height:86px}.move-stick i{left:20px;top:20px;width:42px;height:42px}.drop-pad{left:89px}.hotbar .slot{width:38px;height:38px}}
@media(orientation:landscape) and (max-height:550px){.action-pad{right:14px;bottom:22px;grid-template-columns:84px 60px;grid-template-rows:54px 42px;gap:6px}.aim-stick{width:84px;height:84px}.aim-stick i{left:23px;top:23px}.aim-hint{bottom:16px;font-size:10px}.bottom-center{right:12px;top:84px}.tools{margin-top:24px}.move-pad{left:16px;bottom:18px}.quest{max-width:195px}.hud-right{max-width:44vw}}
@media(prefers-reduced-motion:reduce){.quest-updated{animation:none}}

.hotbar .slot.selected{border-color:#f9de9e;box-shadow:0 0 0 2px #dec48280;background:#5a6b5b}

.action-pad{grid-template-rows:54px 62px;row-gap:8px}@media(orientation:landscape) and (max-height:550px){.action-pad{grid-template-rows:49px 59px;row-gap:7px}}

/* A focused recipe and a compact catalogue keep dependencies in reach. */
.workshop-note{margin-bottom:10px;display:flex;gap:10px;font-size:13px}
.recipe-focus{border:1px solid #aec6a34d;border-radius:15px;background:#0a2633;padding:14px;scroll-margin:12px}
.recipe-trail{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:#b4cec6}
.recipe-trail button{padding:6px 9px;min-height:36px;font-size:12px}.pin-recipe{margin-left:auto}
.recipe-hero{display:flex;align-items:center;gap:13px;margin:14px 0}.recipe-hero>.item-art{width:62px;height:62px;flex:0 0 62px;image-rendering:pixelated;background-color:#42634f;border:1px solid #d6d0a258;border-radius:10px}
.recipe-hero h3{margin:0 0 5px;font-size:20px}.recipe-hero p{margin:0;font-size:13px;color:#b6cfc8;line-height:1.6}
.recipe-ingredients{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ingredient{display:flex;text-align:left;align-items:center;gap:8px;padding:9px;background:#254c48;border:1px solid #8eb29380;min-width:0;min-height:72px;border-radius:9px}
.ingredient.missing{background:#203c43;border-color:#86989c5e}.ingredient>.item-art{width:34px;height:34px;flex:0 0 34px}.ingredient>span:last-child{display:grid;gap:2px;font-size:12px;line-height:1.4}.ingredient strong{font-size:15px;color:#c9e8b9}.ingredient.missing strong{color:#efc5a1}.ingredient small{font-size:10px;color:#c1cdc8}
.recipe-produce{display:flex;align-items:stretch;gap:10px;margin-top:12px}.recipe-produce>.primary{flex:1;min-height:46px;padding:10px;font-size:14px}.recipe-quantity{display:flex;align-items:center;gap:5px}.recipe-quantity button{min-width:36px;min-height:44px;padding:5px}.recipe-quantity output{min-width:29px;font-size:13px;text-align:center}
.recipe-gather{font-size:12px;line-height:1.7;color:#e1d3b3;margin:10px 0 0}.recipe-made{display:flex;align-items:center;gap:8px;padding:10px;margin-top:12px;background:#3a5c43;border-radius:9px;font-size:12px;flex-wrap:wrap}.recipe-made>.item-art{width:30px;height:30px}.recipe-made button{margin-left:auto;min-height:40px;padding:8px 12px}.recipe-made strong{font-size:11px}
.workshop-search{margin:15px 0 8px}.workshop-search input{margin:0 0 8px}.workshop-tabs{display:flex;gap:5px;overflow:auto}.workshop-tabs button{white-space:nowrap;flex:1;min-height:38px;padding:6px 9px;font-size:12px}.recipe-browser-title{display:flex;justify-content:space-between;align-items:center;margin:10px 0;font-size:13px}.recipe-browser-title small{font-size:10px;color:#adbbb0}
.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:7px}.recipe-pick{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:start;gap:5px;min-height:99px;padding:9px 4px 5px;border:1px solid #49606c;background:#153342;border-radius:10px;color:#b1c6c9}.recipe-pick .item-art{width:40px;height:40px}.recipe-pick>span:last-of-type{font-size:11px;line-height:1.3}.recipe-pick small{font-size:10px;color:#c1e4ba}.recipe-pick.ready{border-color:#adc895;background:#254838}.recipe-pick.selected{outline:2px solid #f0ce86;outline-offset:1px;background:#48563f;color:#fff0c3}
.material-help{display:grid;justify-items:center;padding:15px;line-height:1.8}.material-help>.item-art{width:70px;height:70px}.material-help p{font-size:15px}
.pinned-goal{pointer-events:auto;display:flex;flex-direction:column;max-width:230px;margin-top:6px;padding:8px 10px;border-radius:8px;border:1px solid #c5b7886b;background:#173a3ce6;text-align:left;color:#e8d7a8}.pinned-goal[hidden]{display:none}.pinned-goal strong{font-size:12px}.pinned-goal span{font-size:10px;color:#cedbd0;line-height:1.5;margin-top:3px}
@media(max-width:480px){.recipe-focus{padding:11px}.recipe-hero h3{font-size:18px}.recipe-hero>.item-art{width:48px;height:48px;flex-basis:48px}.recipe-ingredients{gap:6px}.ingredient{gap:5px;padding:7px}.ingredient>.item-art{width:27px;height:27px;flex-basis:27px}.recipe-produce{gap:7px}.recipe-produce>.primary{font-size:12px}.recipe-quantity{gap:3px}.recipe-quantity button{min-width:30px}.pin-recipe{font-size:11px!important}.pinned-goal{max-width:170px}.recipe-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}}

.recipe-trail .pin-recipe,.recipe-trail .recipe-back{background:#26454b;color:#f1dfac;border:1px solid #b5c3a766;border-radius:8px}.recipe-trail .pin-recipe[aria-pressed=true]{background:#495e42;border-color:#dccb88}.workshop-search input{background:#102c39;color:#e5eade;border:1px solid #6c8588;border-radius:9px;padding:11px 12px;width:100%;min-height:44px}.workshop-search input::placeholder{color:#a7b9b8}.recipe-quantity button{border-radius:7px;border:1px solid #799899;background:#28474d;color:#eedcac}.recipe-quantity button:disabled{opacity:.4}.recipe-produce>.primary:disabled{opacity:.55}

.dialog-danger{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px;background:#653c31;color:#fff0cc;font-size:12px}.dialog-danger button{min-height:38px;padding:6px 10px;border-radius:8px}.hud-status[data-action=map]{pointer-events:auto;border:1px solid #a8b9a444;min-height:32px;color:#d7e4d8;cursor:pointer}

.dialog-time{font-size:11px;color:#a9cbb9;margin:0 0 10px!important;line-height:1.5}
.item-art.rope-art{position:relative;background:transparent!important;display:inline-block;flex-shrink:0}
.item-art.rope-art:before{content:'';position:absolute;left:42%;top:8%;bottom:8%;width:16%;border-radius:5px;background:repeating-linear-gradient(160deg,#f0d49b 0 3px,#92744c 3px 5px,#c4a16d 5px 7px);box-shadow:1px 0 1px #0006}

.boss[data-phase=exposed]{border-color:#e9d188;background:#314b37ed}.boss[data-phase=exposed] .warning{color:#fff0b5}.boss[data-phase=enrage],.boss[data-phase=dash]{border-color:#e5a17e}.boss .warning{line-height:1.5;min-height:20px;font-size:12px}.boss>span{font-size:13px}

/* Encounter cues take precedence over optional collection goals. */
.in-boss .quest,.in-boss .pinned-goal{display:none!important}
.in-boss .boss{top:110px;left:50%;width:min(450px,calc(100vw - 28px));box-sizing:border-box;padding:9px 12px;border:1px solid #dfca8c66;border-radius:12px;background:#102b3af0}
@media(orientation:landscape) and (max-height:500px){.in-boss .boss{top:12px;width:38vw;max-width:390px;padding:6px 9px}.in-boss .boss>span{font-size:11px}.in-boss .boss .warning{font-size:10px;line-height:1.3;min-height:13px}.in-boss .boss .bar{margin:4px 0}}

dialog[open]{overflow-y:auto;-webkit-overflow-scrolling:touch}
.legacy-dialog{position:fixed;top:50%;bottom:auto;transform:translateY(-50%);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto}
dialog+.backdrop{background:#081d2bc9}