#encounter.whole-encounter{--wl-ink:#e5ddc9;--wl-muted:#aaa28e;--wl-line:#675c454f;background:#11100d;color:var(--wl-ink);padding:48px 6% 30px;min-height:0;overflow:hidden;scrowl-margin-top:0}
#encounter .wl-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;max-width:1420px;margin:0 auto 27px}
#encounter .wl-heading>div>span{font-size:10px;letter-spacing:.16em;color:#b6a58a}
#encounter .wl-heading h2{font:400 clamp(31px,3.1vw,47px)/1.45 var(--serif);letter-spacing:.04em;margin:12px 0 0}
#encounter .wl-heading>p{font:12px/2 var(--serif);color:#afa792;margin:0 0 4px;text-align:right}
#encounter .wl-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:45px;max-width:1420px;margin:0 auto;align-items:start}
#encounter .wl-gallery{min-width:0}
#encounter .wl-views{display:flex;gap:27px;border-bottom:1px solid var(--wl-line);padding:0 0 12px;position:relative;z-index:2}
#encounter .wl-views button{color:#afa791;font-size:11px;padding:4px 0;position:relative}
#encounter .wl-views button[aria-pressed=true]{color:#f0e7ce}
#encounter .wl-views button[aria-pressed=true]:after{content:'';height:1px;background:#e4cc9b;position:absolute;left:0;right:0;bottom:-13px}
#encounter .wl-stage{height:600px;width:100%;position:relative;cursor:grab;touch-action:pan-y;isolation:isolate}
#encounter .wl-stage.is-dragging{cursor:grabbing}
#encounter .wl-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y}
#encounter #wl-fallback{position:absolute;top:45%;left:12%;right:12%;text-align:center;font:13px/2 var(--serif);color:var(--wl-muted)}
#encounter [hidden]{display:none!important}
#encounter .wl-drag-note{position:absolute;bottom:18px;left:0;font-size:9px;letter-spacing:.03em;color:#b3a68c99;pointer-events:none}
#encounter #wl-home{position:absolute;right:0;bottom:9px;width:35px;height:35px;border-radius:50%;border:1px solid #9b876d55;color:#d5c8aa;font-size:21px;line-height:1}
#encounter #wl-closeup{position:absolute;right:52px;bottom:12px;color:#d5c8aa;font-size:10px;padding:7px 0;border-bottom:1px solid #9b876d66}
#encounter .wl-gallery-foot{border-top:1px solid var(--wl-line);padding-top:18px;display:flex;justify-content:space-between;align-items:start;gap:20px}
#encounter .wl-gallery-foot>p{font:13px/1.8 var(--serif);color:#d6c9aa;margin:0}
#encounter .wl-gallery-foot>span{font-size:8px;line-height:2;color:#9b937f;text-align:right}
#encounter .wl-making{padding-top:0}
#encounter .wl-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:27px}
#encounter .wl-presets button{text-align:left;border-bottom:1px solid #73624666;font:21px/1.4 var(--serif);padding:1px 0 13px;color:#a99e83}
#encounter .wl-presets button>small{display:block;font:8px/1.2 'Helvetica Neue',sans-serif;letter-spacing:.12em;color:#8d8068;margin-bottom:9px}
#encounter .wl-presets button[aria-pressed=true]{color:#f1e6c8;border-bottom-color:#c6ac7c}
#encounter .wl-presets button:hover,#encounter .wl-views button:hover{color:#f1e6c8}
#encounter .wl-control{display:block;margin-bottom:21px;cursor:pointer}
#encounter .wl-control>span{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.03em;margin-bottom:6px;color:#d3c7ab}
#encounter .wl-control output{font:9px/1.5 'Helvetica Neue',sans-serif;color:#a29579;font-variant-numeric:tabular-nums}
#encounter .wl-control input{display:block;appearance:none;-webkit-appearance:none;width:100%;height:20px;margin:0;cursor:ew-resize;background:transparent;accent-color:#cfb482;touch-action:pan-y}
#encounter .wl-control input::-webkit-slider-runnable-track{height:1px;background:#695b427d}
#encounter .wl-control input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;margin-top:-4.5px;border:1px solid #ddccab;background:#d8c49c;border-radius:50%;box-shadow:0 0 0 5px #cbb58109}
#encounter .wl-control input:hover::-webkit-slider-thumb{box-shadow:0 0 0 7px #cbb58116}
#encounter .wl-control input::-moz-range-track{height:1px;background:#695b427d}
#encounter .wl-control input::-moz-range-thumb{width:10px;height:10px;border:1px solid #ddccab;background:#d8c49c;border-radius:50%}
#encounter .wl-control>small{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.04em;color:#9d9177;margin-top:1px}
#encounter .wl-time{padding-bottom:22px;margin-bottom:23px;border-bottom:1px solid var(--wl-line)}
#encounter .wl-time .wl-control{margin-bottom:0}
#encounter .wl-time .wl-control>span{color:#efdec0}
#encounter .wl-time-actions{display:flex;justify-content:space-between;gap:20px;margin-top:12px}
#encounter .wl-time-actions button{font-size:9px;color:#c9b898;padding:0 0 4px;border-bottom:1px solid #9b876d44}
#encounter .wl-time-actions button:disabled{border-color:transparent;opacity:.6}
#encounter .wl-primary .wl-control:last-child{margin-bottom:25px}
#encounter .wl-deeper,#encounter .wl-light{border-top:1px solid var(--wl-line);margin:0}
#encounter .wl-deeper summary,#encounter .wl-light summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:10px;padding:16px 0;color:#c8b898}
#encounter summary::-webkit-details-marker{display:none}
#encounter summary>span{font-size:15px;line-height:1;transition:transform .2s}
#encounter details[open] summary>span{transform:rotate(45deg)}
#encounter .wl-advanced{padding:9px 0 20px}
#encounter #wl-chance{display:flex;justify-content:space-between;align-items:center;width:100%;padding:13px 14px;background:#d0b98c;color:#242014;font-size:10px;margin:7px 0 20px}
#encounter #wl-chance>span{font-size:17px;line-height:1}
#encounter .wl-seed{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;color:#b7aa8c}
#encounter .wl-seed input{min-width:0;width:100px;text-align:right;background:transparent;border:0;border-bottom:1px solid #917e5b70;color:#d5c9a9;padding:5px 0;font-size:11px;font-variant-numeric:tabular-nums}
#encounter .wl-save{padding-top:18px;border-top:1px solid var(--wl-line);display:flex;gap:15px 19px;flex-wrap:wrap}
#encounter .wl-save button{font-size:9px;color:#cfc09d;padding:0 0 4px;border-bottom:1px solid transparent;white-space:nowrap}
#encounter .wl-save button:hover{border-color:#b7a47d}
#encounter #wl-status{min-height:17px;font-size:9px;line-height:1.9;color:#cbb58c;margin:15px 0 0}
#encounter #wl-status a{color:#ecdbb7;text-underline-offset:4px}
#encounter .wl-bottom{display:flex;justify-content:space-between;gap:22px;max-width:1420px;margin:30px auto 0;padding-top:5px;align-items:center}
#encounter .wl-bottom p{font:12px/1.8 var(--serif);color:#bfb298;margin:0}
#encounter .wl-bottom>span{display:flex;gap:25px;font-size:9px;color:#a89776}
#encounter .wl-bottom a{border-bottom:1px solid #75604255;padding-bottom:4px}
#encounter.whole-encounter button:focus-visible,#encounter.whole-encounter summary:focus-visible,#encounter.whole-encounter input:focus-visible,#encounter.whole-encounter a:focus-visible,#encounter .wl-stage:focus-visible{outline:1px solid #e5cc9c;outline-offset:5px}
#encounter.whole-encounter button:disabled,#encounter.whole-encounter input:disabled{opacity:.35;cursor:default}
@media(min-width:1650px){#encounter .wl-layout{grid-template-columns:minmax(0,1fr) 315px;gap:65px}#encounter .wl-stage{height:650px}}
@media(max-width:1050px) and (min-width:721px){#encounter.whole-encounter{padding-left:4%;padding-right:4%}#encounter .wl-layout{grid-template-columns:minmax(0,1fr) 265px;gap:28px}#encounter .wl-stage{height:565px}#encounter .wl-heading h2{font-size:33px}#encounter .wl-heading>p{font-size:10px}}
@media(max-width:720px){#encounter.whole-encounter{padding:44px 7% 28px}#encounter .wl-heading{display:block;margin-bottom:26px;text-align:center}#encounter .wl-heading>div>span{font-size:9px}#encounter .wl-heading h2{font-size:31px;letter-spacing:.025em;margin-top:15px}#encounter .wl-heading>p{text-align:center;font-size:11px;margin:15px 0 0;line-height:1.9}#encounter .wl-layout{display:block}#encounter .wl-views{justify-content:space-between;gap:12px;padding-bottom:12px}#encounter .wl-views button{font-size:10px}#encounter .wl-stage{height:535px;width:110%;margin-left:-5%}#encounter .wl-drag-note{left:4.5%;bottom:19px;font-size:8px}#encounter #wl-home{right:4.5%;bottom:10px;width:31px;height:31px}#encounter #wl-closeup{right:calc(4.5% + 43px);font-size:9px;bottom:12px}#encounter .wl-gallery-foot{padding-top:15px;gap:14px}#encounter .wl-gallery-foot>p{font-size:11px}#encounter .wl-gallery-foot>span{font-size:7px;max-width:115px}#encounter .wl-making{padding-top:32px}#encounter .wl-presets{gap:23px;margin-bottom:27px}#encounter .wl-presets button{font-size:23px}#encounter .wl-presets button>small{font-size:8px;margin-bottom:10px}#encounter .wl-time{margin-bottom:28px;padding-bottom:23px}#encounter .wl-control{margin-bottom:26px}#encounter .wl-control>span{font-size:12px}#encounter .wl-control output{font-size:9px}#encounter .wl-control>small{font-size:8px}#encounter .wl-time-actions button{font-size:10px}#encounter .wl-primary{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}#encounter .wl-advanced{display:grid;grid-template-columns:1fr 1fr;gap:0 26px;padding:12px 0 22px}#encounter #wl-chance,#encounter .wl-seed{grid-column:1/-1}#encounter .wl-deeper summary,#encounter .wl-light summary{font-size:11px;padding:18px 0}#encounter .wl-save{padding-top:23px;gap:20px 24px}#encounter .wl-save button{font-size:10px}#encounter #wl-status{font-size:10px;min-height:19px;margin-top:18px}#encounter .wl-bottom{display:block;margin-top:27px}#encounter .wl-bottom p{font-size:12px;margin-bottom:18px}#encounter .wl-bottom>span{font-size:8px;gap:26px}}
@media(max-width:380px){#encounter .wl-heading h2{font-size:28px}#encounter .wl-stage{height:480px}#encounter .wl-drag-note{max-width:115px;line-height:1.6;bottom:13px}}
@media(prefers-reduced-motion:reduce){#encounter.whole-encounter *{transition:none!important}}

#encounter.whole-encounter .wl-bottom>span{flex-wrap:wrap;row-gap:14px}

@media(min-width:721px){#encounter .wl-stage{max-height:calc(100svh - 260px);min-height:420px}}
#encounter .wl-moment-label{font:9px/1.8 'Helvetica Neue',sans-serif;color:#dac69e;margin:-12px 0 17px;letter-spacing:.015em}
#encounter .wl-birth{border-top:1px solid var(--wl-line);margin:0}
#encounter .wl-birth>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:10px;padding:16px 0;color:#dcc8a3}
#encounter .wl-birth-kind{font:9px/1.8 'Helvetica Neue',sans-serif;color:#d7bd86;margin:2px 0 17px}
#encounter .wl-pillar-display{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:15px}
#encounter .wl-pillar-display>div{border-left:1px solid #aa927051;padding-left:10px}
#encounter .wl-pillar-display small{display:block;font:9px/1.5 'Helvetica Neue',sans-serif;color:#a99a7d;margin-bottom:8px}
#encounter .wl-pillar-display strong{display:block;font:400 20px/1.6 var(--serif);color:#e9d7b4;letter-spacing:.05em;white-space:nowrap}
#encounter .wl-birth-caption{font:11px/1.8 var(--serif);color:#b9aa8c;margin:0 0 20px}
#encounter .wl-pillar-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
#encounter .wl-pillar-controls .wl-control>span{font-size:10px}
#encounter .wl-pillar-controls .wl-control>small{font-size:7px}
#encounter .wl-input-mode{display:flex;gap:20px;margin:5px 0 22px;border-bottom:1px solid var(--wl-line)}
#encounter .wl-input-mode button{font-size:9px;color:#a69a83;border-bottom:1px solid transparent;padding:7px 0 10px}
#encounter .wl-input-mode button[aria-pressed=true]{color:#ecd9b3;border-color:#c4a56a}
#encounter .wl-birth-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px}
#encounter .wl-birth-fields label{display:block;min-width:0;font-size:9px;color:#b9ac92;line-height:1.8}
#encounter .wl-birth-fields input,#encounter .wl-birth-fields select{display:block;box-sizing:border-box;min-width:0;width:100%;font:10px/1.8 'Helvetica Neue',sans-serif;color:#e0ccb0;background:#1b1813;border:1px solid #78664b7a;border-radius:2px;padding:8px 7px;margin:7px 0 0;color-scheme:dark;outline-offset:3px}
#encounter .wl-birth-fields input::placeholder{color:#756e61}
#encounter .wl-birth-fields input[type=date],#encounter .wl-birth-fields input[type=time]{font-size:9px}
#encounter .wl-clock-rules{margin:16px 0 0;border:0}
#encounter .wl-clock-rules>summary{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#b7a483;padding:8px 0;cursor:pointer;list-style:none}
#encounter .wl-clock-rules .wl-birth-fields{margin:7px 0 13px}
#encounter .wl-clock-rules p,#encounter .wl-form-note,#encounter .wl-privacy{font-size:8px;line-height:1.9;color:#94866f;margin:8px 0}
#encounter .wl-clock-rules p{color:#b2a181}
#encounter .wl-birth-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:21px 0 14px}
#encounter .wl-birth-actions button[type=submit]{padding:11px 13px;background:#d2bb8f;color:#221d14;font-size:10px}
#encounter .wl-birth-actions #wl-example{font-size:9px;color:#b7a17a;padding:6px 0;border-bottom:1px solid #8e78544a}
#encounter #wl-birth-status{font-size:9px;line-height:1.85;color:#dec492;margin:13px 0;min-height:0}
#encounter .wl-privacy{margin-bottom:22px}
#encounter.whole-encounter select:focus-visible{outline:1px solid #e5cc9c;outline-offset:4px}
@media(max-width:720px){#encounter .wl-moment-label{font-size:9px;margin-top:-8px;margin-bottom:23px}#encounter .wl-birth>summary{font-size:11px;padding:18px 0}#encounter .wl-birth-kind{font-size:9px}#encounter .wl-pillar-display{gap:17px}#encounter .wl-pillar-display strong{font-size:23px}#encounter .wl-pillar-controls{gap:0 26px}#encounter .wl-pillar-controls .wl-control>span{font-size:11px}#encounter .wl-input-mode button{font-size:10px}#encounter .wl-birth-fields label{font-size:10px}#encounter .wl-birth-fields input,#encounter .wl-birth-fields select{font-size:11px;padding:10px}#encounter .wl-birth-fields input[type=date],#encounter .wl-birth-fields input[type=time]{font-size:11px}#encounter .wl-clock-rules>summary{font-size:10px}#encounter .wl-clock-rules p,#encounter .wl-form-note,#encounter .wl-privacy{font-size:9px}#encounter #wl-birth-status{font-size:10px}#encounter .wl-birth-actions button[type=submit]{font-size:11px;padding:13px 15px}}
