:root{--sea-page: #2f7fc4}*{box-sizing:border-box}html,body{margin:0;background:var(--sea-page)}body{-webkit-font-smoothing:none}.window{position:relative;line-height:0}.window canvas{display:block;image-rendering:pixelated}.pip-stage,.pip-body{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;display:grid;place-items:center;background:var(--sea-page);overflow:hidden}.pip-stage.page{position:relative;height:100dvh}.debug{padding:16px;background:#1c2840;color:#e8eef8;font:13px/1.4 ui-monospace,monospace}.debug-title{margin:0 0 10px;opacity:.7}.debug-row{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.debug .btn{padding:6px 10px;background:#3c4a6c;color:#fff;border:1px solid #56668c;font:inherit;cursor:pointer}.time{display:inline-flex;align-items:center;gap:8px}.time input{width:160px}.hud{--fr-ink: #404040;--fr-shadow: #d0d0c8;--fr-win: #f8f8f8;--fr-soft: #707070;--fr-edge: #2c4c70;--fr-edge-2: #8cbce8;--fr-tint: #e0eefa;--fr-navy: #202c48;--fr-navy-2: #34446a;--fr-navy-3: #4e6090;--fr-gold: #f8d060;--fr-gold-edge: #a06820;--fr-gold-ink: #483010;--fr-exp: #40c8f8;--fr-track: #303838;--fr-red: #e03838;--px: "Press Start 2P", ui-monospace, monospace;position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none;color:var(--fr-ink);font:8px/1.5 var(--px);text-shadow:1px 1px 0 var(--fr-shadow)}.hud>*{pointer-events:auto}.hud [hidden]{display:none!important}.hud button{font-family:inherit;color:inherit;text-shadow:inherit}.hud img{image-rendering:pixelated}.ico{width:15px;height:15px;display:block}.ico-s{width:15px;height:15px;display:inline-block;vertical-align:middle;margin:-4px 2px -3px -2px}.px-panel{background:var(--fr-win);border:2px solid var(--fr-edge);border-radius:3px;box-shadow:inset 0 0 0 1px var(--fr-win),inset 0 0 0 3px var(--fr-edge-2),0 2px #0a122273}.px-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:8px/1 var(--px);padding:5px 8px;cursor:pointer;white-space:nowrap;background:var(--fr-win);border:2px solid var(--fr-edge);border-radius:2px;box-shadow:inset 0 -2px #d0dce8;transition:transform .2s cubic-bezier(.3,1.6,.5,1),background .15s}.px-btn:hover{background:#fff}.px-btn.primary{background:var(--fr-gold);border-color:var(--fr-gold-edge);color:var(--fr-gold-ink);box-shadow:inset 0 -2px #d89838;text-shadow:1px 1px 0 #f8e8a8}.px-btn.primary:hover{background:#f8dc80}.px-btn:active{transform:translateY(1px);box-shadow:none;transition-duration:.05s}.px-btn:disabled{opacity:.45;cursor:default;transform:none}.hud-focus{position:absolute;left:6px;top:6px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.hud-focus>.px-btn:not(.small){padding:8px 12px}.segs{display:flex;gap:2px;padding:2px;background:var(--fr-navy);border:2px solid #0e1628}.seg{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:8px/1 var(--px);padding:5px 6px;cursor:pointer;background:var(--fr-navy-2);color:#e8eef8!important;text-shadow:none!important;border:0;transition:background .15s}.seg:hover{background:var(--fr-navy-3)}.seg.on{background:var(--fr-gold);color:var(--fr-gold-ink)!important}.clock{display:flex;align-items:baseline;gap:8px;padding:7px 10px 6px}.clock-t{font:16px/1 var(--px)}.clock-l,.clock.away .clock-t,.clock.break .clock-t{color:var(--fr-soft)}.hud-party{position:absolute;right:6px;top:6px;display:flex;gap:4px;background:none;border:0;padding:0;cursor:pointer}.chip{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 4px 5px;background:var(--fr-tint);border:2px solid var(--fr-edge);border-radius:3px;box-shadow:inset 0 0 0 1px #f8fcff,0 2px #0a122273;transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.hud-party:hover .chip{transform:translateY(-1px)}.chip img{width:40px;height:40px;display:block}.bar{display:block;width:40px;height:4px;background:var(--fr-track);border:1px solid var(--fr-track);overflow:hidden}.bar i{display:block;height:100%;background:var(--fr-exp);transition:width .8s cubic-bezier(.2,.7,.2,1)}.hud-strip{position:absolute;left:6px;bottom:6px;display:flex;gap:2px;padding:2px;background:var(--fr-navy);border:2px solid #0e1628;box-shadow:0 2px #00000059}.strip-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:23px;height:23px;padding:0;display:grid;place-items:center;cursor:pointer;background:var(--fr-navy-2);border:0;transition:background .15s}.strip-tab:hover{background:var(--fr-navy-3)}.strip-tab:active{transform:translateY(1px)}.strip-tab.on{background:var(--fr-gold)}.dots{display:flex;gap:2px}.dots i{width:3px;height:3px;background:#e8eef8}.hud-toast{position:absolute;left:50%;top:8px;transform:translate(-50%,-3px);white-space:nowrap;pointer-events:none;padding:7px 10px;background:var(--fr-win);border:2px solid var(--fr-edge);border-radius:3px;box-shadow:inset 0 0 0 1px var(--fr-win),inset 0 0 0 3px var(--fr-edge-2),0 2px #0a122273;opacity:0;transition:opacity .5s ease,transform .6s cubic-bezier(.2,.7,.2,1)}.hud-toast.show{opacity:1;transform:translate(-50%)}.hud-dialog{position:absolute;left:146px;right:6px;bottom:6px;max-width:460px;margin-left:auto;display:flex;gap:8px;padding:7px 9px 7px 7px;z-index:5;background:var(--fr-win);border:2px solid var(--fr-edge);border-radius:3px;box-shadow:inset 0 0 0 1px var(--fr-win),inset 0 0 0 3px var(--fr-edge-2),0 2px #0a122273;opacity:0;transform:translateY(4px);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.7,.2,1)}.hud-dialog.show{opacity:1;transform:none}.hud.narrow .hud-dialog{left:6px;bottom:39px;max-width:none}.hud-portrait-frame{flex:none;padding:2px;background:var(--fr-tint);border:2px solid var(--fr-edge);line-height:0}.hud-portrait-frame:has(.hud-portrait[hidden]){display:none}.hud-portrait{width:40px;height:40px}.hud-dialog-body{position:relative;flex:1;min-height:48px;display:flex;flex-direction:column;justify-content:space-between;gap:6px;padding-top:3px}.hud-text{margin:0;line-height:1.75}.hud-actions{display:flex;justify-content:flex-end;gap:4px}.hud-actions:empty{display:none}.hud-next{position:absolute;right:0;bottom:0;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--fr-red);animation:nextbob 1.6s ease-in-out infinite}.has-actions .hud-next{display:none}@keyframes nextbob{50%{transform:translateY(2px)}}.hud-sheet{position:absolute;left:6px;bottom:39px;width:min(300px,calc(100% - 12px));height:min(320px,calc(100% - 45px));z-index:3}.sheet-panel{height:100%;display:flex;flex-direction:column;overflow:hidden}.sheet-head{display:flex;align-items:center;gap:4px;padding:6px 6px 2px 10px}.close-x{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:auto;width:19px;height:19px;padding:0;cursor:pointer;position:relative;background:var(--fr-red);border:2px solid #801818;box-shadow:inset 0 -2px #b02828}.close-x:before,.close-x:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:2px;background:#fff;transform:translate(-50%,-50%) rotate(45deg)}.close-x:after{transform:translate(-50%,-50%) rotate(-45deg)}.sheet-title{margin:0;flex:1;text-transform:uppercase}.sheet-body{flex:1;overflow:auto;padding:2px 10px 10px;line-height:1.75;scrollbar-width:thin;scrollbar-color:var(--fr-edge-2) transparent}.note{margin:4px 0;color:var(--fr-soft)}.note.flash{color:var(--fr-ink);background:var(--fr-tint);padding:4px 6px}.hint{color:var(--fr-soft)}.row-title{margin:10px 0 4px}.segs.wide{display:inline-flex}.credits-body ul{margin:4px 0 0;padding-left:12px}.inv{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:2px 0 6px;color:var(--fr-soft)}.inv span{display:inline-flex;align-items:center;gap:3px}.inv b{color:var(--fr-ink);font-weight:400}.mon-row{border-bottom:2px solid #dde8f0}.mon-row.open{background:var(--fr-tint)}.mon-head{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:8px;width:100%;padding:5px 4px;background:none;border:0;text-align:left;cursor:pointer;font:inherit;position:relative}.mon-head img{width:40px;height:40px;flex:none}.mon-row.open .mon-head:before{content:"";position:absolute;left:-7px;top:50%;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid var(--fr-ink);transform:translateY(-50%)}.mon-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.mon-main p{margin:0}.mon-main strong{font-weight:400}.mon-main em{font-style:normal;padding:1px 3px;background:var(--fr-gold);color:var(--fr-gold-ink);text-shadow:none}.mon-main .bar{width:96px}.mon-detail{padding:0 4px 8px 52px}.mon-detail .hint{display:block;margin-bottom:6px}.row-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.dex-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin:4px 0}.dex-cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;padding:0;border:2px solid var(--fr-edge-2);background:var(--fr-tint);cursor:pointer;display:grid;place-items:center;overflow:hidden}.dex-cell img{width:40px;height:40px;display:block}.dex-cell span{color:var(--fr-soft)}.dex-cell.seen img{filter:grayscale(1);opacity:.45}.dex-cell.unseen{background:#eef0f2;border-color:#d8dde2}.dex-cell.on{border-color:var(--fr-gold-edge);background:#fff4d0}.dex-cap{display:block;min-height:24px}.decor-row,.friend-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:2px solid #dde8f0}.decor-row .mon-main p,.friend-row .mon-main p{margin:0}.decor-row .row-actions{margin:0;flex:none;flex-direction:column;align-items:flex-end}.friend-row.live strong:after{content:"";display:inline-block;width:6px;height:6px;margin-left:4px;background:#38c048;vertical-align:middle}.mini-party{display:flex;gap:2px;flex:none}.mini{position:relative;width:20px;height:20px}.mini img{width:20px;height:20px;display:block;background:var(--fr-tint)}.mini i{position:absolute;right:-3px;bottom:-5px;font-style:normal;line-height:1;background:var(--fr-win);padding:1px}.inline-form{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.px-input{flex:1;min-width:120px;font:8px/1 var(--px);padding:6px;border:2px solid var(--fr-edge);background:#fff;color:var(--fr-ink)}.px-input:focus{outline:2px solid var(--fr-gold);outline-offset:0}.px-btn.quiet{margin-top:10px;box-shadow:none;color:var(--fr-soft)}.hud-starter{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#10182c59;z-index:4}.starter-panel{padding:12px 14px 14px;text-align:center}.starter-title{margin:0 0 12px}.starter-row{display:flex;justify-content:center;gap:8px}.starter-pick{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 6px 8px;cursor:pointer;font:8px/1 var(--px);background:var(--fr-tint);border:2px solid var(--fr-edge);box-shadow:0 2px 0 var(--fr-edge);transition:transform .3s cubic-bezier(.3,1.6,.5,1),border-color .15s}.starter-pick:hover{transform:translateY(-2px);border-color:var(--fr-gold-edge);background:#fff4d0}.starter-pick:active{transform:translateY(1px);box-shadow:none;transition-duration:.05s}.starter-pick img{width:80px;height:80px}html:has(.float),body:has(.float){background:transparent}.pip-stage.float,.pip-stage.float .window{background:transparent}.pip-stage.float-preview{background:linear-gradient(135deg,#2b3a55,#5b6b8a 55%,#c7a2bb)}.hud.narrow .chip img{width:20px;height:20px}.hud.narrow .chip .bar{width:20px}.hud.narrow .chip .lv{display:none}.hud.narrow .hud-focus>.px-btn:not(.small){padding:5px 8px}