.world[data-view=prep] .marks-dock{--mark-unit:var(--scene-unit,1px);position:absolute;left:82.5%;bottom:48%;width:9%;z-index:8;display:flex;flex-direction:column;align-items:center;gap:calc(5 * var(--mark-unit))}
.world[data-view=prep] .owned-marks{display:flex;flex-wrap:wrap-reverse;justify-content:center;gap:calc(5 * var(--mark-unit));width:100%}
.world[data-view=prep] .marks-dock button{display:block;position:relative;min-width:0;min-height:0;border:0;padding:0;background:none;box-shadow:none;transform:none;translate:none;line-height:1;cursor:pointer;filter:drop-shadow(0 calc(3 * var(--mark-unit)) calc(3 * var(--mark-unit)) #173d3b77)}
.world[data-view=prep] .mark-token{width:calc(58 * var(--mark-unit));height:calc(68 * var(--mark-unit))}
.world[data-view=prep] .mark-seal{width:calc(96 * var(--mark-unit));height:calc(62 * var(--mark-unit))}
.marks-dock svg{display:block;width:100%;height:100%}
.world[data-view=prep] .mark-token b{position:absolute;bottom:calc(-3 * var(--mark-unit));left:50%;transform:translateX(-50%);padding:calc(3 * var(--mark-unit)) calc(7 * var(--mark-unit));background:#143748;color:#efffff;border:calc(2 * var(--mark-unit)) solid #bdebf0;border-radius:calc(9 * var(--mark-unit));font-size:calc(16 * var(--mark-unit));font-weight:900;white-space:nowrap}
.world[data-view=prep] .devotion-token b{background:#4b315b;color:#fff4c4;border-color:#e4c77a}
.world[data-view=prep] .marks-dock button:hover{filter:drop-shadow(0 0 5px #a4f2ff);translate:none}
.marks-dock button:focus-visible{outline:2px solid #fff0b1;outline-offset:4px;border-radius:8px}
.mark-tooltip{position:fixed;z-index:1800;box-sizing:border-box;width:260px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;padding:16px;background:#18343cf5;color:#edf6ed;border:2px solid #cbb276;border-radius:14px;box-shadow:0 8px 28px #12292566;font:14px/1.55 system-ui,sans-serif}
.mark-tooltip[hidden]{display:none}.mark-tooltip strong{display:block;font-size:18px;color:#b8f0f4}.mark-tooltip em{float:right;font-size:14px;font-style:normal;color:#f5df9e}.mark-tooltip p{margin:9px 0}.mark-tooltip footer{margin-top:10px;color:#e9d6a7}.mark-progress{display:flex;justify-content:space-between;margin-top:12px}.mark-progress-track{height:6px;margin-top:5px;border-radius:8px;background:#0c252d;overflow:hidden}.mark-progress-track i{display:block;height:100%;background:#71d6e2}
@media(max-width:600px) and (orientation:portrait){.world[data-view=prep] .marks-dock{--mark-unit:.65px;left:auto;right:5%;bottom:56%;width:70px;gap:3px}.mark-tooltip{width:240px}}
@media(pointer:coarse) and (orientation:landscape) and (max-height:540px){.world[data-view=prep] .marks-dock{--mark-unit:.55px}}
