:root{--gold: #d9b25a;--gold-dim: #8a7440;--panel: rgba(18, 22, 32, .82);--panel-border: rgba(217, 178, 90, .35);--text: #e8e2d0;--text-dim: #a89c82;--hp: #c9504a;--mana: #4a7fe0;--xp: #9a6ad9;--energy: #d9c25a;--green: #3fae5a;font-size:15px}@media(max-width:700px){#ui #player-frame{top:10px;left:10px;gap:6px}#ui #pf-portrait{width:38px;height:42px;font-size:24px}#ui #pf-info{width:132px}#ui .pf-name-row{font-size:10px;gap:4px}#ui #minimap-mount{top:10px;right:10px;width:108px;height:108px}#ui #minimap,#ui #minimap canvas{width:108px!important;height:108px!important}#ui #compass{top:94px;left:28px;width:32px;height:32px}#ui #target-frame{top:140px;width:170px}#ui #fps-counter{top:124px;left:10px}#ui #hotbar{bottom:62px;gap:4px;padding:6px;border-radius:6px}#ui #hotbar .slot{width:44px;height:44px;font-size:22px;border-radius:4px}#ui #chat{left:10px;bottom:124px;width:calc(100% - 20px)}#ui #chat-log{height:62px;font-size:11px;background:#12161999}#ui #chat-input{font-size:12px;padding:6px 8px}#ui #corner-buttons{bottom:10px;left:10px;right:10px;display:grid;grid-template-columns:repeat(6,1fr);gap:4px}#ui .corner-btn{min-height:38px;padding:4px 2px;font-size:10px;border-radius:4px}#ui #gold-display{position:absolute;right:4px;top:-30px;font-size:11px}#ui .modal-panel{max-width:calc(100vw - 24px);max-height:calc(100dvh - 40px);overflow:auto}#ui #create-screen{justify-content:flex-start;padding:18px 12px}#ui #create-screen .title{font-size:34px;letter-spacing:0}#ui #create-screen .subtitle{font-size:11px;letter-spacing:0}#ui .create-panel{padding:14px;max-width:100%}#ui .card{flex-basis:120px}}*{box-sizing:border-box}#ui{position:fixed;inset:0;pointer-events:none;color:var(--text);font-family:Segoe UI,system-ui,sans-serif}#ui .layer{position:absolute}#create-screen .changelog-link{color:var(--gold);font-size:13px;margin:-14px 0 22px;text-underline-offset:4px}#create-screen .changelog-link:focus-visible{outline:2px solid var(--gold);outline-offset:5px}#create-screen{position:absolute;inset:0;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 20%,rgba(90,110,160,.25),transparent 60%),linear-gradient(180deg,#141a26,#1b2333 55%,#12151f);overflow-y:auto;padding:24px}#create-screen .title{font-family:Georgia,Times New Roman,serif;font-size:54px;letter-spacing:6px;color:var(--gold);text-shadow:0 3px 0 #3a2f12,0 0 30px rgba(217,178,90,.35);margin-bottom:4px}#create-screen .subtitle{color:var(--text-dim);font-size:14px;letter-spacing:3px;margin-bottom:28px}.create-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:22px 26px;width:860px;max-width:96vw;box-shadow:0 10px 40px #00000080}.create-row{margin-bottom:18px}.create-row label{display:block;font-size:12px;letter-spacing:2px;color:var(--gold);margin-bottom:8px;text-transform:uppercase}.card-row{display:flex;gap:8px;flex-wrap:wrap}#cc-classes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}#cc-classes .card{min-width:0;padding:10px 8px}.name-input option{background:#171d29;color:var(--text)}@media(max-width:740px){#cc-classes{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:420px){#cc-classes{grid-template-columns:repeat(2,minmax(0,1fr))}}#inv-details{min-height:44px;margin-top:12px;display:flex;align-items:center;gap:8px;overflow:hidden;color:var(--text-dim);line-height:1.35}#inv-details .qd-btn{margin:0}#inv-details .inventory-actions-hint,#inv-details .inventory-actions-note{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-box.selected,.slot-box:focus-visible{outline:2px solid var(--gold)}.card{flex:1 1 150px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px;cursor:pointer;text-align:left;transition:all .12s ease}.card:hover{background:#ffffff14}.card.selected{border-color:var(--gold);background:#d9b25a1f;box-shadow:0 0 12px #d9b25a40}.card .card-icon{font-size:26px}.card .card-name{font-weight:700;color:var(--text)}.card .card-sub{font-size:12px;color:var(--text-dim)}.card .card-desc{font-size:11px;color:var(--text-dim);margin-top:4px;line-height:1.3}.name-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:var(--text);padding:10px 12px;font-size:16px;outline:none}.name-input:focus{border-color:var(--gold)}.start-btn{width:100%;margin-top:6px;padding:14px;font-size:16px;letter-spacing:3px;font-weight:700;background:linear-gradient(180deg,#e6c470,#b98a3a);color:#241a08;border:1px solid #8a6a2a;border-radius:8px;cursor:pointer;transition:transform .1s ease}.start-btn:hover{transform:translateY(-1px)}.start-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.summary-line{text-align:center;color:var(--text-dim);font-size:13px;margin-bottom:10px;min-height:18px}.auth-note{color:var(--text-dim);line-height:1.5;margin:4px 0 16px;text-align:center}#cc-list{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.cc-char{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 14px;color:var(--text);cursor:pointer;font-size:15px}.cc-char:hover{background:#ffffff14}.cc-char.selected{border-color:var(--gold);background:#d9b25a1f;box-shadow:0 0 12px #d9b25a40}.cc-char:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.cc-char-icons{font-size:24px;white-space:nowrap}.cc-char-info{flex:1;min-width:0;display:flex;flex-direction:column}.cc-char-name{font-weight:700}.cc-char-sub{font-size:12px;color:var(--text-dim)}.cc-note{font-size:12px;color:var(--text-dim);margin:8px 0 0;line-height:1.4}#create-screen .create-panel:has(#cc-create-view:not([hidden])){width:min(1080px,96vw);max-width:1080px;height:min(760px,calc(100dvh - 126px));min-height:0;flex:0 0 auto;padding:0;overflow:hidden;background:#141e27;border-color:#9a7e4e;border-radius:5px;box-shadow:inset 0 0 0 2px #2a2d29e0,0 20px 70px #0000008c}#create-screen:has(.create-panel:has(#cc-create-view:not([hidden]))){justify-content:flex-start;padding-top:clamp(12px,2.5vh,28px);padding-bottom:12px}#create-screen:has(.create-panel:has(#cc-create-view:not([hidden]))) .title{font-size:42px;letter-spacing:4px}#create-screen:has(.create-panel:has(#cc-create-view:not([hidden]))) .subtitle{margin-bottom:14px}#create-screen:has(.create-panel:has(#cc-create-view:not([hidden]))) .changelog-link{margin:-8px 0 14px}#cc-create-view{width:100%}#create-screen #cc-account-logout{display:block;width:auto;margin:12px 24px 20px auto;padding:8px 14px;color:#b5c0c4;border-color:#8ea4a97a;font-size:12px;letter-spacing:1px}#create-screen .create-panel:has(#cc-create-view:not([hidden]))>#cc-account-view{display:flex;flex-direction:column;height:100%;min-height:0}#create-screen .create-panel:has(#cc-create-view:not([hidden]))>#cc-account-view>#cc-create-view{display:flex;flex:1 1 auto;min-height:0}.cc-create-shell{display:grid;grid-template-columns:minmax(0,1fr) 390px;height:100%;min-height:0}.cc-create-main{display:flex;flex-direction:column;min-width:0;min-height:0;padding:24px 28px 22px}.cc-step-content{flex:1 1 auto;min-height:0;overflow-y:auto;padding:1px 3px 2px 0;scrollbar-color:rgba(217,178,90,.42) transparent}.cc-kicker{color:#d8b36c;font:11px/1.2 Georgia,serif;letter-spacing:.22em;margin-bottom:17px}.cc-stepper{display:flex;align-items:center;gap:10px;margin-bottom:21px}.cc-step-tab{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:4px 0;background:none;border:0;color:#8b9aa1;cursor:pointer;font:12px/1.2 Segoe UI,system-ui,sans-serif;white-space:nowrap}.cc-step-tab span{color:#71818a;font:11px/1 Georgia,serif}.cc-step-tab.active{color:#f0d493}.cc-step-tab.active span{color:#d8b36c}.cc-step-tab:not(.active):hover{color:#d3c3a2}.cc-step-line{height:1px;flex:1;min-width:14px;background:linear-gradient(90deg,#746344,#74634433)}.cc-step-heading{margin-bottom:17px}.cc-step-heading h2{margin:0 0 5px;color:#f1dfb7;font:25px/1.1 Georgia,Times New Roman,serif;letter-spacing:.01em}.cc-step-heading p{margin:0;color:#a9a99c;font-size:13px;line-height:1.45}.cc-step .create-row{margin-bottom:15px}.cc-step .create-row label,.cc-custom-group>label{color:#d7b46e;font-size:10px;letter-spacing:.17em}#cc-races .card,#cc-classes .card{border-radius:3px;border-color:#c1a76e2e;background:#fff6d009}#cc-races .card:hover,#cc-classes .card:hover{border-color:#d9b25a9e;background:#d9b25a17}#cc-races .card.selected,#cc-classes .card.selected{border-color:#d9b25a;background:linear-gradient(145deg,#d9b25a2e,#4151543d);box-shadow:inset 0 0 0 1px #f0d39329,0 6px 18px #00000029}#cc-races .card-icon,#cc-classes .card-icon{color:#e7c77f}#cc-races .card-name,#cc-classes .card-name{font-family:Georgia,Times New Roman,serif;color:#f2e3c2}#cc-races .card-sub,#cc-classes .card-sub{color:#c4a967}.cc-custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 18px}.cc-custom-group{min-width:0}.cc-custom-wide{grid-column:1 / -1}.cc-custom-group>label{display:block;margin-bottom:9px}.cc-choice-row{display:flex;gap:8px;flex-wrap:wrap}.cc-choice{flex:1 1 140px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:53px;padding:9px 12px;border:1px solid rgba(193,167,110,.25);border-radius:3px;background:#fff6d009;color:#ecdfc3;cursor:pointer;text-align:left}.cc-choice:hover,.cc-choice.selected{border-color:#d9b25a;background:#d9b25a1f}.cc-choice-title{font:15px/1.1 Georgia,serif}.cc-choice-note{margin-top:4px;color:#9ea49d;font-size:11px}.cc-swatch-row{display:flex;flex-wrap:wrap;gap:9px;min-height:40px;align-items:center}.cc-swatch{width:30px;height:30px;padding:0;border:2px solid rgba(255,246,208,.22);border-radius:50%;background:var(--swatch);box-shadow:inset 0 1px 2px #ffffff3d,0 2px 4px #00000040;cursor:pointer}.cc-swatch:hover{transform:translateY(-1px);border-color:#efdb9e}.cc-swatch.selected{border-color:#f4d58a;outline:2px solid #52462f;outline-offset:2px}.cc-hair-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.cc-hair-choice{min-width:0;min-height:72px;padding:6px 4px 7px;display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid rgba(193,167,110,.22);border-radius:3px;background:#fff6d009;color:#bfc0ae;font-size:10px;cursor:pointer}.cc-hair-choice:hover,.cc-hair-choice.selected{color:#f0d493;border-color:#d9b25a;background:#d9b25a1f}.cc-hair-glyph{position:relative;width:34px;height:38px;margin-top:1px;border-radius:48% 48% 38% 38%;background:linear-gradient(135deg,#b28c53 0 18%,#4d3827 20% 100%);box-shadow:inset -5px -4px #0003}.cc-hair-glyph:after{content:"";position:absolute;width:28px;height:8px;left:3px;bottom:-2px;border-radius:0 0 50% 50%;background:#221b1680}.hair-braided .cc-hair-glyph{border-radius:45% 45% 18% 18%}.hair-braided .cc-hair-glyph:after{width:10px;height:25px;left:12px;bottom:-14px;border-radius:50%;box-shadow:0 6px 0 -1px #4d3827,0 12px 0 -2px #4d3827}.hair-long .cc-hair-glyph{height:42px;border-radius:48% 48% 18% 18%}.hair-long .cc-hair-glyph:after{width:30px;height:27px;left:2px;bottom:-18px;border-radius:0 0 45% 45%}.hair-topknot .cc-hair-glyph:before{content:"";position:absolute;width:15px;height:15px;left:9px;top:-9px;border-radius:50%;background:#6f4e2f}.cc-form-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto;margin-top:14px;padding-top:1px;background:#141e27}.cc-form-actions .start-btn{flex:1;margin-top:0}.cc-form-actions .cc-back-step{flex:0 0 112px}.cc-roster-back{margin-top:10px}.cc-review-card{padding:17px 18px;min-height:73px;border:1px solid rgba(217,178,90,.34);border-radius:3px;background:linear-gradient(135deg,#d9b25a21,#394c4f3d);color:#f0dfb8;font:16px/1.5 Georgia,serif}.cc-review-note{display:flex;align-items:center;gap:9px;margin-top:15px;color:#a9aaa1;font-size:12px}.cc-review-seal{display:grid;place-items:center;width:24px;height:24px;color:#f0cf7e;border:1px solid #957945;border-radius:50%}.cc-preview{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:linear-gradient(180deg,#172b35,#1a3035 60%,#1d272d);border-left:1px solid rgba(217,178,90,.22)}.cc-preview-top{display:flex;align-items:center;gap:8px;padding:20px 21px 0;color:#c6a361;font:10px/1 Georgia,serif;letter-spacing:.18em}.cc-preview-dot{width:5px;height:5px;border-radius:50%;background:#86c4a4;box-shadow:0 0 8px #86c4a4}.cc-preview-scene{position:relative;flex:1;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(120,177,181,.22),transparent 32%),linear-gradient(180deg,transparent,rgba(5,14,19,.3))}.cc-preview-scene:after{content:"";position:absolute;inset:auto 0 0;height:43%;background:linear-gradient(170deg,transparent,rgba(10,20,25,.75));clip-path:polygon(0 42%,22% 18%,45% 37%,66% 12%,100% 36%,100% 100%,0 100%)}.cc-preview-moon{position:absolute;top:55px;right:48px;width:44px;height:44px;border:1px solid rgba(239,211,153,.64);border-radius:50%;box-shadow:0 0 26px #efd3992e}.cc-preview-ridge{position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(160deg,transparent 0 28%,rgba(28,62,66,.8) 29% 56%,rgba(17,35,40,.95) 57%);clip-path:polygon(0 60%,20% 26%,39% 49%,60% 18%,79% 41%,100% 22%,100% 100%,0 100%)}.cc-preview-canvas{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;cursor:grab}.cc-preview-canvas:active{cursor:grabbing}.cc-preview-fallback{position:absolute;inset:50% 20px auto;z-index:2;transform:translateY(-50%);color:#a9b9b6;font-size:12px;text-align:center}.cc-preview-spark{position:absolute;z-index:4;color:#efd399bf;font:20px Georgia,serif}.spark-one{top:126px;left:44px}.spark-two{right:55px;top:188px;font-size:27px}.cc-preview-caption{padding:18px 21px 14px;border-top:1px solid rgba(217,178,90,.18)}.cc-preview-caption strong{display:block;overflow:hidden;color:#f2dfb0;font:20px/1.2 Georgia,serif;text-overflow:ellipsis;white-space:nowrap}.cc-preview-caption span{display:block;margin-top:4px;color:#a3b7b4;font-size:12px}.cc-preview-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 21px 19px}.cc-preview-facts span{display:flex;flex-direction:column;gap:3px}.cc-preview-facts i{color:#7d9c9a;font:9px/1 Georgia,serif;letter-spacing:.14em;font-style:normal}.cc-preview-facts b{color:#e3c982;font:12px/1.2 Georgia,serif}.cc-actions{display:flex;flex-direction:column;gap:8px;margin-top:6px}.start-btn.secondary{background:linear-gradient(180deg,#5a6a8a,#3a4a66);color:#dce4f0;border-color:#5a6a8a;font-weight:600}#hud{display:none;pointer-events:none}#player-frame{position:absolute;top:14px;left:14px;display:flex;gap:10px;align-items:flex-start}#pf-portrait{width:52px;height:52px;border-radius:6px;border:2px solid var(--gold-dim);background:#1a2030;font-size:30px;display:flex;align-items:center;justify-content:center}#pf-info{width:190px}.pf-name-row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:3px;color:var(--text)}.bar{height:14px;border-radius:4px;background:#0000008c;border:1px solid rgba(255,255,255,.12);overflow:hidden;position:relative;margin-bottom:4px}.bar-fill{height:100%;transition:width .15s ease}.bar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.8)}.bar-hp .bar-fill{background:linear-gradient(180deg,#e06a5a,#a83828)}.bar-mana .bar-fill{background:linear-gradient(180deg,#6a9ff0,#3a5fb0)}.bar-energy .bar-fill{background:linear-gradient(180deg,#e6c95a,#a88a2a)}.bar-xp{height:8px}.bar-xp .bar-fill{background:linear-gradient(180deg,#b58ae8,#7a52b0)}.bar-stamina{height:6px;margin-top:-2px}.bar-stamina .bar-fill{background:linear-gradient(180deg,#e6d27a,#b8962a)}.bar-stamina .bar-text{font-size:9px}#target-frame{position:absolute;top:14px;left:50%;transform:translate(-50%);display:none;width:220px;text-align:center}#tf-name{font-size:13px;font-weight:700;text-shadow:0 1px 3px #000}#tf-bar{margin-top:3px;height:12px}#hotbar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:8px;background:var(--panel);border:1px solid var(--panel-border);border-radius:10px}.slot{width:52px;height:52px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);position:relative;display:flex;align-items:center;justify-content:center;font-size:24px}.slot .key{position:absolute;top:2px;left:5px;font-size:10px;color:var(--text-dim)}.slot .cost{position:absolute;bottom:2px;right:5px;font-size:10px;color:var(--mana)}.slot .cooldown{position:absolute;inset:0;background:#0a0c12c7;border-radius:8px;display:none;align-items:center;justify-content:center;font-size:13px;font-weight:700}.slot.ready .cooldown{display:none}.slot.oncd .cooldown{display:flex}.slot.nomana{filter:brightness(.5)}.slot.locked{background:#ffffff05;border-color:#ffffff0d;filter:grayscale(.9) brightness(.55);cursor:default}.slot.locked .cost{opacity:.5}.slot .lockbadge{position:absolute;bottom:-2px;right:-2px;font-size:11px;filter:grayscale(1) brightness(1.4)}.slot.empty{background:#ffffff05;border:1px dashed rgba(255,255,255,.12);color:#ffffff47;cursor:default}#fps-counter{position:absolute;top:124px;left:14px;padding:4px 7px;border:1px solid rgba(255,255,255,.16);border-radius:4px;background:#0a0f18b8;color:var(--text-dim);font-size:11px;font-variant-numeric:tabular-nums;pointer-events:none;z-index:10}#quest-tracker{position:absolute;top:228px;right:14px;width:250px}#buff-bar{position:absolute;top:86px;left:14px;display:flex;gap:4px;pointer-events:none}.buff{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;border:1px solid rgba(255,255,255,.25)}.buff-up{background:#3ca05a80;border-color:#3cc86499}.buff-down{background:#a03c3c80;border-color:#dc5a5a99}#compass{position:absolute;top:74px;left:50%;transform:translate(-50%);width:40px;height:40px;border-radius:50%;background:var(--panel);border:1px solid var(--panel-border);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;pointer-events:none;box-shadow:0 4px 14px #0006}#compass-arrow{font-size:18px;color:var(--gold);line-height:1}#compass-label{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:10px;color:var(--text-dim);white-space:nowrap}#minimap-mount{position:absolute;top:14px;right:14px;width:200px;height:200px;pointer-events:none}#minimap{top:0!important;right:0!important}#toasts{position:absolute;top:130px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;z-index:15}.toast{background:var(--panel);border:1px solid var(--panel-border);border-left:3px solid var(--gold);border-radius:6px;padding:8px 16px;font-size:13px;box-shadow:0 4px 16px #00000080;animation:toastin .25s ease-out;max-width:420px;text-align:center}.toast.out{opacity:0;transform:translateY(-8px);transition:all .4s ease}@keyframes toastin{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.shop-row{display:flex;align-items:center;gap:8px;padding:8px 6px;border-bottom:1px solid rgba(255,255,255,.08)}.shop-row:last-child{border-bottom:none}.shop-icon{font-size:20px}.shop-name{flex:0 0 auto;font-weight:700}.shop-stat{flex:1;font-size:11px;color:var(--text-dim)}.shop-price{color:var(--gold);font-weight:700;min-width:40px;text-align:right}.sell-chip{position:absolute;bottom:0;right:0;font-size:10px;line-height:1;padding:2px 4px;border-radius:4px 0 0;border:none;background:#b48c3ce6;color:#241a08;font-weight:800;cursor:pointer}.sell-chip:hover{background:var(--gold)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}.settings-row label{color:var(--text-dim)}.settings-row input[type=range]{flex:1}.settings-actions{display:flex;gap:8px;margin-top:12px}.settings-logout{color:#f1aaa2;border-color:#c9504a99}.settings-logout:hover{color:#fff0e8;border-color:var(--hp)}#death-overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#3c0a0a66,#05050ab3);z-index:30;pointer-events:auto}#death-overlay.open{display:flex}.death-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:22px 30px;text-align:center}.death-title{font-family:Georgia,serif;font-size:22px;color:var(--hp);margin-bottom:14px}#onboarding{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#05080ebf;z-index:35;pointer-events:auto}#onboarding.open{display:flex}.onb-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:24px 30px;max-width:480px;box-shadow:0 14px 50px #0009}.onb-title{font-family:Georgia,serif;font-size:24px;color:var(--gold);margin-bottom:12px}.onb-body{font-size:13px;line-height:1.8;color:var(--text)}.onb-body div{margin-bottom:4px}.onb-quest{display:inline-flex;width:16px;height:16px;border-radius:50%;background:var(--green);color:#142;font-weight:900;align-items:center;justify-content:center}.qd-reward{font-size:11px;color:var(--gold-dim);margin-top:4px}.qt-quest{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;padding:8px 12px;margin-bottom:6px}.qt-name{font-size:13px;font-weight:700;color:var(--gold)}.qt-obj{font-size:12px;color:var(--text-dim)}.qt-obj.done{color:var(--green)}.qt-quest.tracked{border-color:var(--gold);background:linear-gradient(180deg,#d9b25a24,#d9b25a0a);box-shadow:0 0 0 1px var(--gold) inset}.qt-name{pointer-events:auto;cursor:pointer}.qt-name:hover{color:#e9d293}.qt-tag{display:inline-block;margin-left:6px;padding:0 6px;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle;color:#241a08;background:linear-gradient(180deg,#d9b25a,#a8843a)}#chat{position:absolute;bottom:16px;left:16px;width:360px;pointer-events:auto}#chat-log{height:160px;overflow-y:auto;padding:8px 10px;background:var(--panel);border:1px solid var(--panel-border);border-radius:8px 8px 0 0;font-size:13px;scroll-behavior:smooth}#chat-log .line{margin-bottom:3px;line-height:1.35}#chat-log .from{color:var(--gold);font-weight:600}#chat-log .system{color:var(--gold);font-style:italic}#chat-log .combat{color:#e08a5a}#chat-log .quest{color:#a0d96a}#chat-input{width:100%;background:#0a0c12d9;border:1px solid var(--panel-border);border-top:none;color:var(--text);padding:7px 10px;font-size:13px;outline:none;border-radius:0 0 8px 8px}#chat-input:focus{border-color:var(--gold);box-shadow:0 0 8px #d9b25a40}#corner-buttons{position:absolute;bottom:16px;right:16px;display:flex;flex-direction:column;gap:6px;pointer-events:auto}.corner-btn{background:var(--panel);border:1px solid var(--panel-border);color:var(--text);border-radius:8px;padding:8px 14px;font-size:13px;cursor:pointer}.corner-btn:hover{border-color:var(--gold)}#gold-display{text-align:right;font-size:14px;font-weight:700;color:var(--gold)}#nameplates{position:absolute;inset:0;pointer-events:none;overflow:hidden}.nameplate{position:absolute;transform:translate(-50%,-100%);pointer-events:none;text-align:center;min-width:70px;margin-top:-4px}.np-marker{position:absolute;left:50%;top:-20px;transform:translate(-50%);width:20px;height:20px;border-radius:50%;color:#142;font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.7)}.np-name{font-size:11px;color:#e8e2d0;text-shadow:0 1px 2px #000;white-space:nowrap}.np-bar{width:76px;height:6px;margin:2px auto 0;background:#0009;border-radius:3px;overflow:hidden}.np-fill{height:100%;width:100%;transition:width .15s ease}.target-buffs{display:flex;justify-content:flex-start;gap:3px;min-height:18px;margin-top:3px}.target-buff{width:18px;height:18px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;border:1px solid rgba(255,255,255,.25)}.np-cast{width:76px;height:5px;margin:2px auto 0;background:#000000a6;border:1px solid rgba(255,90,74,.7);border-radius:3px;overflow:hidden}.np-cast-fill{height:100%;width:100%;background:#ff5a4a}#combat-text{position:absolute;inset:0;pointer-events:none;overflow:hidden}.ct{position:absolute;transform:translate(-50%,-50%);font-weight:800;font-size:17px;text-shadow:0 2px 3px rgba(0,0,0,.8);animation:ctfloat .8s ease-out forwards;will-change:transform,opacity}.ct.crit{font-size:28px;color:#ffd94a;text-shadow:0 0 10px rgba(255,210,74,.65),0 2px 3px rgba(0,0,0,.8);animation:ctpunch 1s ease-out forwards}.ct.hit{color:#ffd9c0}.ct.heal{color:#7ae08a}.ct.miss{color:#b9b9c9}.ct.block{color:#e0c08a}@keyframes ctfloat{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-140%)}}@keyframes ctpunch{0%{transform:translate(-50%,-50%) scale(1.8);opacity:1}20%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-120%) scale(1);opacity:0}}.modal{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#05080e99;pointer-events:auto;z-index:20}.modal.open{display:flex}.modal-panel{width:480px;max-width:92vw;max-height:80vh;overflow-y:auto;background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:18px 22px;box-shadow:0 14px 50px #0009}.modal-title{font-family:Georgia,serif;font-size:20px;color:var(--gold);margin-bottom:4px}.modal-giver{font-size:12px;color:var(--text-dim);margin-bottom:12px}.qd-quest{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;margin-bottom:8px;background:#ffffff08}.qd-name{font-weight:700;color:var(--text)}.qd-desc{font-size:12px;color:var(--text-dim);margin:4px 0 6px}.qd-greet{font-family:Georgia,serif;font-style:italic;font-size:13px;color:var(--text);border-left:3px solid var(--gold-dim);padding:6px 10px;margin-bottom:10px;background:#d9b25a0f;border-radius:0 6px 6px 0}.qd-title{display:block;width:100%;text-align:left;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;margin-bottom:6px;background:#ffffff08;color:var(--text);cursor:pointer;font-size:13px}.qd-title:hover{border-color:var(--gold-dim);background:#d9b25a14}.qd-marker{color:var(--gold);font-weight:700;margin-right:8px}.qd-topic .qd-marker{color:var(--text-dim)}.qd-title-text{font-weight:700}.qd-level{color:var(--green);font-size:12px}.qd-sub{font-size:12px;color:var(--text-dim);margin-top:2px}.qd-answer{font-family:Georgia,serif;font-style:italic;font-size:13px;color:var(--text);padding:6px 12px 10px 28px}.qd-objs{margin:10px 0}.qd-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}#qd-close{margin-top:20px}.qd-obj{font-size:13px;color:var(--text);margin:3px 0}.qd-obj.done{color:var(--green)}.qd-rewards{margin-top:12px;border-top:1px dashed rgba(255,255,255,.12);padding-top:8px}.qd-section{font-family:Georgia,serif;font-size:13px;color:var(--gold);margin-bottom:8px}.qd-rewards .qd-quest{border-color:#d9b25a40}.qd-btn{padding:6px 14px;border-radius:6px;border:1px solid var(--gold-dim);background:linear-gradient(180deg,#d9b25a,#a8843a);color:#241a08;font-weight:700;font-size:13px;cursor:pointer;margin-right:6px}.qd-btn.alt{background:linear-gradient(180deg,#5a6a8a,#3a4a66);color:#dce4f0;border-color:#5a6a8a}.qd-quest.tracked{border-color:var(--gold);background:linear-gradient(180deg,#d9b25a1f,#d9b25a08)}.qd-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.track-btn{margin-right:0;padding:2px 10px;font-size:12px;white-space:nowrap}#inv-panel .modal-panel{width:420px}#char-panel .modal-panel{width:760px;max-width:92vw}.char-sheet-layout{display:grid;gap:12px}.char-equipment,.char-stats-card{border:1px solid rgba(217,178,90,.28);background:linear-gradient(145deg,#070d1561,#222d336b);padding:10px}.char-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.char-section-title{font-family:Georgia,serif;font-size:14px;color:var(--gold)}.char-section-note{font-size:10px;color:var(--text-dim)}.paper-doll{display:grid;grid-template-columns:minmax(92px,1fr) minmax(152px,1.25fr) minmax(92px,1fr);grid-template-rows:repeat(3,minmax(82px,1fr));grid-template-areas:"head hero mainhand" "chest hero offhand" "legs hero feet";gap:8px}.paper-slots{display:contents}.paper-hero{grid-area:hero;min-width:0;min-height:246px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px 8px;border:1px solid rgba(217,178,90,.42);background:radial-gradient(circle at 50% 34%,rgba(217,178,90,.16),transparent 42%),linear-gradient(180deg,#22313abd,#0c151db3);box-shadow:inset 0 0 0 1px #ffefbf0f,inset 0 -18px 30px #00000029}.paper-hero-mark{position:relative;width:82px;height:82px;display:grid;place-items:center;margin-bottom:8px;color:var(--gold)}.paper-hero-crest{width:70px;height:70px;opacity:.72}.paper-hero-crest svg{display:block;width:100%;height:100%}.paper-hero-race{position:absolute;z-index:1;top:5px;font-size:30px;line-height:1}.paper-hero-class{position:absolute;z-index:1;bottom:5px;font-size:20px;line-height:1}.paper-hero-name{max-width:100%;overflow-wrap:anywhere;color:var(--text);font-family:Georgia,serif;font-size:16px;font-weight:700}.paper-hero-role{max-width:100%;overflow-wrap:anywhere;margin-top:3px;color:var(--text-dim);font-size:11px}.paper-hero-level{margin-top:8px;color:var(--gold);font-size:11px;font-variant-numeric:tabular-nums}.paper-slot{min-width:0;min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px;border:1px solid rgba(255,239,191,.13);border-radius:3px;background:linear-gradient(145deg,#ffffff0e,#00000024);text-align:center}.paper-slot[data-slot=head]{grid-area:head}.paper-slot[data-slot=chest]{grid-area:chest}.paper-slot[data-slot=legs]{grid-area:legs}.paper-slot[data-slot=mainhand]{grid-area:mainhand}.paper-slot[data-slot=offhand]{grid-area:offhand}.paper-slot[data-slot=feet]{grid-area:feet}.paper-slot.filled{border-color:#d9b25a85;cursor:help}.paper-slot.filled:hover,.paper-slot.filled:focus-visible{border-color:var(--gold);box-shadow:0 0 0 1px #d9b25a4d,inset 0 0 14px #d9b25a14;outline:none}.paper-slot.empty{border-style:dashed;color:#e8e2d075}.paper-slot-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:23px;line-height:1}.paper-slot-icon>span{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.paper-slot-icon>.painted-icon{border:1px solid rgba(255,239,191,.18)}.paper-slot-label{color:var(--text-dim);font-size:10px;line-height:1.1}.paper-slot-name{max-width:100%;color:var(--gold);font-size:11px;font-weight:600;line-height:1.1;overflow-wrap:anywhere}.paper-slot-empty{color:#e8e2d066;font-size:10px}.char-equipment-hint{margin:8px 2px 0;color:var(--text-dim);font-size:10px;line-height:1.35}.char-stats-card{padding-bottom:11px}.char-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:8px;font-size:12px;line-height:1.35}.char-stats>div{min-width:0;padding:5px 7px;border:1px solid rgba(255,239,191,.08);background:#0000001f}.char-stats .char-race{grid-column:1 / -1;color:var(--text-dim)}.grid{display:grid;grid-template-columns:repeat(6,48px);gap:6px;margin-top:8px}.inventory-count{margin-left:auto;color:var(--text-dim);font:11px Segoe UI,system-ui,sans-serif;font-variant-numeric:tabular-nums}.slot-box{width:48px;height:48px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;position:relative}.slot-box:hover{border-color:var(--gold)}.slot-box.draggable{cursor:grab}.slot-box.draggable:active{cursor:grabbing}.slot-box.dragging{opacity:.45}.slot-box .qty{position:absolute;bottom:1px;right:4px;font-size:10px;color:var(--text-dim)}.slot-box.equipped{border-color:var(--gold)}.slot-box.empty{color:#e8e2d038;border-style:dashed;cursor:default}.slot-box.empty:disabled{opacity:1}.char-stats{font-size:13px;line-height:1.6}.char-stats b{color:var(--gold)}.slot .rankbadge{position:absolute;top:1px;right:2px;font-size:9px;font-weight:800;line-height:1.4;padding:0 3px;border-radius:3px;color:#241a08;background:var(--gold)}.char-skills{margin-top:12px;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}.sk-head{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--text-dim);margin-bottom:6px}.sk-points b{color:var(--gold)}.sk-right{display:flex;align-items:center;gap:8px}.sk-respec{font-size:10px;padding:2px 7px;color:var(--text-dim)}.sk-respec:disabled{opacity:.4;cursor:default}.sk-respec:not(:disabled):hover{color:#ffd7a0;border-color:var(--gold-dim)}.sk-next{font-size:11px;color:var(--gold);margin:2px 0 6px}.sk-row.locked{opacity:.6}.sk-row.locked .sk-sub{color:var(--text-dim)}.sk-lock{flex:0 0 auto;font-size:13px;align-self:center}.sk-row{display:flex;align-items:center;gap:8px;padding:5px 2px;border-bottom:1px solid rgba(255,255,255,.06)}.sk-icon{font-size:18px;width:24px;text-align:center;flex:0 0 auto}.sk-info{flex:1;min-width:0}.sk-name{display:block;font-size:13px}.sk-sub{display:block;font-size:10px;color:var(--text-dim)}.sk-pips{display:flex;gap:3px;flex:0 0 auto}.pip{width:9px;height:9px;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.2)}.pip.on{background:var(--gold);border-color:var(--gold);box-shadow:0 0 4px var(--gold-dim)}.sk-max{font-size:11px;color:var(--text-dim);font-style:italic;white-space:nowrap;flex:0 0 auto}.sk-train{font-size:11px;padding:3px 8px;flex:0 0 auto}.sk-train:disabled{opacity:.45;cursor:default}#spellbook-panel .modal-panel{width:520px}#map-panel .modal-panel{width:620px}#map-panel .modal-panel{max-width:94vw;text-align:center}#map-wrap{width:100%;border:1px solid var(--panel-border);border-radius:8px;overflow:hidden;line-height:0;background:#0a0e16}#map-canvas{width:100%;aspect-ratio:1;height:auto;display:block}.map-key-hint{font-size:12px;color:var(--text-dim);font-family:Segoe UI,system-ui,sans-serif;font-weight:400}#map-region{font-size:12px;color:var(--gold);text-align:left}.map-zone-nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:-4px 0 10px;font-size:12px;color:var(--text-dim)}.map-zone-nav[hidden]{display:none!important}.map-zone-nav select{max-width:270px;padding:5px 8px;border:1px solid var(--gold-dim);border-radius:5px;background:#1c2735;color:var(--text);font-size:12px}#spellbook-panel .sk-row.locked{opacity:.55}.sb-bar{display:flex;gap:8px;margin:8px 0 6px}.sb-slot{width:52px;height:52px;border-radius:8px;position:relative;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;flex:0 0 auto}.sb-slot.filled{background:#ffffff0f;border:1px solid var(--gold-dim)}.sb-slot.filled:hover{border-color:var(--gold)}.sb-slot.empty{background:#ffffff05;border:1px dashed rgba(255,255,255,.14);color:#ffffff4d;cursor:default}.sb-slot .sb-key{position:absolute;top:2px;left:5px;font-size:10px;color:var(--text-dim)}.sb-slot.filled .sb-x{position:absolute;bottom:1px;right:4px;font-size:10px;color:#ffffff8c;display:none}.sb-slot.filled:hover .sb-x{display:block}.sb-hint{font-size:11px;color:var(--text-dim);margin:2px 0 8px}.sb-row.onbar{border-color:var(--gold-dim)}.sb-row.onbar .sk-name{color:var(--gold)}.sb-row.free{cursor:default}.sb-act{display:inline-block;font-size:11px;padding:3px 9px;flex:0 0 auto}.sb-act.disabled{opacity:.4;cursor:default;pointer-events:none}#hint{display:none;position:absolute;bottom:92px;left:50%;transform:translate(-50%);font-size:12px;color:var(--text-dim);text-shadow:0 1px 3px #000}#conn-banner{position:absolute;top:60px;left:50%;transform:translate(-50%);background:#a03228e6;padding:6px 16px;border-radius:6px;font-size:13px;display:none;z-index:40}#ui-tooltip{position:fixed;z-index:1000;pointer-events:none;width:300px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:hidden;box-sizing:border-box;padding:12px;white-space:pre-line;background:#e0cfaa;color:#302b24;border:1px solid #6e5a38;box-shadow:0 4px 18px #0008;font:14px/1.5 Georgia,serif}.sb-row .sb-act{width:80px;min-width:80px;box-sizing:border-box;text-align:center}.sb-row .sk-info{min-width:0;flex:1}.sb-row .sk-name,.sb-row .sk-sub{overflow-wrap:anywhere}#ui .modal-panel,#ui .onb-panel,#ui .death-panel{background:linear-gradient(135deg,rgba(255,239,191,.045),transparent 34%),repeating-linear-gradient(168deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px),linear-gradient(115deg,#172633,#25343e 54%,#1a2732);border-color:#998050;border-radius:3px;box-shadow:inset 0 0 0 2px #2d302beb,inset 0 1px #ffefbf1f,0 12px 45px #000000ad}#ui .modal-panel{overscroll-behavior:contain;scrollbar-color:#92784a #14212b}#ui .modal-panel a{color:#efd499;text-underline-offset:3px}#ui .modal-panel a:focus-visible{outline:3px solid #8cdaec;outline-offset:3px}#ui .modal-panel input{accent-color:#c6a46d}#ui .modal-title{letter-spacing:.02em}#ui #quest-dialog .modal-panel,#ui #qlog-panel .modal-panel{background:linear-gradient(135deg,rgba(255,245,211,.12),transparent 42%),repeating-linear-gradient(168deg,rgba(255,244,210,.025) 0 1px,transparent 1px 5px),linear-gradient(115deg,#3c332a,#58483a 54%,#40362d);border-color:#b89b64;color:#f4ead7;--text-dim: #dbccb3}#ui #quest-dialog .modal-title,#ui #qlog-panel .modal-title{color:#f0cf91}#ui #quest-dialog .qd-greet,#ui #qlog-panel .qd-greet{background:#efd3991f;border-left-color:#d3ae66}#ui #quest-dialog{align-items:center;justify-content:flex-end;padding:24px;background:linear-gradient(90deg,transparent 45%,rgba(8,12,18,.05) 72%,rgba(8,12,18,.3) 100%)}#ui #quest-dialog .modal-panel{width:min(440px,calc(100vw - 48px));max-height:min(620px,calc(100dvh - 48px));padding:16px 20px 14px;border-radius:6px;box-shadow:inset 0 0 0 2px #2d302beb,inset 0 1px #ffefbf1f,0 8px 28px #0000008f}#ui #quest-dialog .modal-title{font-size:21px}#ui #quest-dialog .modal-giver{color:#f0cf91;font-family:Georgia,serif;font-size:12px;letter-spacing:.03em}#ui .qd-title,#ui .qd-btn,#ui .corner-btn,#ui .slot-box,#ui .sb-slot,#ui .cc-char{min-height:44px}#ui .qd-title:focus-visible,#ui .qd-btn:focus-visible,#ui .corner-btn:focus-visible,#ui .slot-box:focus-visible,#ui .sb-slot:focus-visible,#ui .card:focus-visible,#ui input:focus-visible,#ui summary:focus-visible{outline:3px solid #8cdaec;outline-offset:3px}#ui .settings-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,1.5fr) 46px}#ui .settings-row output{color:var(--text);font-variant-numeric:tabular-nums;text-align:right}#ui .settings-row input[type=checkbox]{justify-self:end}@media(max-width:520px){#ui .modal{align-items:flex-start;padding:12px;overflow-y:auto}#ui .modal-panel{width:100%!important;max-width:none;max-height:calc(100dvh - 24px);padding:16px}#ui #quest-dialog{align-items:flex-start;justify-content:center;padding:132px 12px 12px;background:linear-gradient(180deg,rgba(8,12,18,.2),transparent 48%)}#ui #quest-dialog .modal-panel{width:100%!important;max-height:min(330px,calc(100dvh - 156px));padding:14px}#ui #char-panel .paper-doll{grid-template-columns:minmax(70px,.9fr) minmax(108px,1.2fr) minmax(70px,.9fr);grid-template-rows:repeat(3,minmax(72px,1fr));gap:5px}#ui #char-panel .paper-hero{min-height:216px;padding:8px 4px}#ui #char-panel .paper-hero-mark{transform:scale(.9);margin-bottom:2px}#ui #char-panel .paper-slot{min-height:72px;padding:4px 2px}#ui #char-panel .paper-slot-icon{width:32px;height:32px;font-size:20px}#ui #char-panel .paper-slot-label{font-size:9px}#ui #char-panel .paper-slot-name{font-size:10px}#ui .qd-title{padding:10px}#ui .settings-row{grid-template-columns:1fr 42px;gap:7px}#ui .settings-row input[type=range]{grid-column:1 / -1;grid-row:2;width:100%}#ui .settings-row input[type=checkbox]{grid-column:2;grid-row:1}#ui .settings-row output{grid-column:2;grid-row:1}#ui .settings-row:has(input[type=checkbox]) output{display:none}}@media(max-width:380px){#ui #inv-panel .modal-panel{padding-left:12px;padding-right:12px}#ui #inv-panel .grid{grid-template-columns:repeat(6,40px);gap:4px}#ui #inv-panel .slot-box{width:40px;height:44px}}@media(prefers-reduced-motion:reduce){#ui *,#ui *:before,#ui *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media(max-width:860px){#create-screen .create-panel:has(#cc-create-view:not([hidden])){width:min(680px,96vw)}.cc-create-shell{grid-template-columns:1fr;grid-template-rows:minmax(300px,40%) minmax(0,1fr)}.cc-preview{order:-1;min-height:0;border-left:0;border-bottom:1px solid rgba(217,178,90,.22)}.cc-preview-scene{min-height:192px}.cc-preview-moon{top:28px;right:20%}.cc-preview-caption{padding-top:12px;padding-bottom:10px}.cc-preview-facts{padding-bottom:13px}}@media(max-width:520px){#create-screen .create-panel:has(#cc-create-view:not([hidden])){width:100%;max-width:none}#ui #create-screen .create-panel:has(#cc-create-view:not([hidden])){margin:0}.cc-create-main{padding:21px 16px 18px}.cc-stepper{gap:5px;margin-bottom:22px}.cc-step-tab{gap:4px;font-size:10px}.cc-step-line{min-width:7px}.cc-step-heading h2{font-size:22px}.cc-custom-grid{grid-template-columns:1fr;gap:16px}.cc-custom-wide{grid-column:auto}.cc-hair-row{gap:5px}.cc-hair-choice{min-height:66px}.cc-form-actions{gap:7px;margin-top:21px}.cc-form-actions .cc-back-step{flex-basis:82px}.cc-preview{min-height:245px}.cc-preview-scene{min-height:157px}.cc-preview-caption,.cc-preview-facts{padding-left:16px;padding-right:16px}}#admin-review{position:absolute;top:80px;left:50%;transform:translate(-50%);width:min(600px,calc(100vw - 32px));box-sizing:border-box;padding:10px 14px;background:#101c28f2;border:1px solid #a58a59;color:#eee1c7;text-align:center;pointer-events:auto}#admin-review strong,#admin-review span,#admin-review small{display:block;margin-bottom:5px}#admin-review strong{color:#e4c583;font-family:Georgia,serif}#admin-review span{font-size:13px}#admin-review small{font-size:12px}@media(max-width:1050px){#admin-review{top:220px}}