/* Quiet, edge-mounted adventure HUD. Centre remains dedicated to the camera. */
.cp-stage{--hud-gold:#f2dfad;--hud-glass:rgba(12,30,29,.28);--hud-edge:rgba(235,246,218,.3);font-size:12px}
.cp-stage .cp-background{filter:brightness(.9) saturate(.88)}
.cp-stage .cp-vignette{background:linear-gradient(180deg,#06171072,transparent 28%,transparent 70%,#06171065)}
.cp-stage .cp-ground,.cp-stage .cp-avatar,.cp-stage .cp-crosshair span{display:none}
.cp-stage .cp-top{left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));height:40px;gap:10px}
.cp-stage .cp-exit{min-height:40px;width:30px;font-size:11px}.cp-stage .cp-exit span{display:none}
.cp-stage .cp-player>img{width:30px;height:30px;border:1px solid var(--hud-gold)}
.cp-stage .cp-player b{font-size:12px;font-weight:500;letter-spacing:2px;text-shadow:0 1px 6px #000}
.cp-stage .cp-player small{font-size:9px;margin-top:3px;color:#f3edda;text-shadow:0 1px 5px #000}
.cp-stage .cp-compass{min-width:140px;min-height:36px;padding:3px 12px;border-radius:0;background:transparent;border-color:#f3e9b955;text-shadow:0 1px 5px #000}
.cp-stage .cp-compass span{font-size:10px;letter-spacing:7px}.cp-stage .cp-compass b{font-size:9px;color:#f7ecd4}
.cp-stage .cp-top-actions{gap:4px}.cp-stage .cp-top-actions>.cp-button{min-height:36px;padding:6px 10px;font-size:11px;background:var(--hud-glass);backdrop-filter:blur(4px);border-radius:3px;border-color:var(--hud-edge)}
.cp-stage .cp-top-actions>[data-cp=fullscreen],.cp-stage .cp-top-actions>[data-cp=panel]{display:none}
.cp-stage.cp-tools-open .cp-top-actions>[data-cp]{display:inline-flex}
.cp-stage .cp-live-badge{top:51px;border:0;background:none;backdrop-filter:none;padding:0;font-size:9px;letter-spacing:1px;color:#f5ead4;text-shadow:0 1px 5px #000;max-width:42%}
.cp-stage .cp-quest{left:max(20px,env(safe-area-inset-left));top:60px;width:180px;padding:5px 9px;background:linear-gradient(90deg,#152e304d,transparent);border:0;border-left:2px solid var(--hud-gold);border-radius:0;box-shadow:none;backdrop-filter:none;cursor:pointer}
.cp-stage .cp-quest>span{font-size:8px;letter-spacing:2px;display:block;color:var(--hud-gold)}
.cp-stage .cp-quest>b{font-size:11px;font-weight:500;margin:4px 0;text-shadow:0 1px 5px #000}
.cp-stage .cp-quest>div,.cp-stage .cp-quest>small{display:none}
.cp-stage .cp-tools,.cp-stage .cp-bottom-actions{display:none}
.cp-stage.cp-tools-open .cp-tools{display:flex;right:max(16px,env(safe-area-inset-right));top:54px;gap:5px;padding:8px;background:#122c30a6;border:1px solid var(--hud-edge);border-radius:8px;backdrop-filter:blur(10px)}
.cp-stage .cp-tools>button{width:48px;min-height:48px;border:0;background:#ffffff0c;box-shadow:none;backdrop-filter:none;border-radius:5px;gap:4px;font-size:10px}
.cp-stage .cp-tools .ui-icon{width:18px;height:18px}
.cp-stage.cp-tools-open .cp-bottom-actions{display:flex;left:auto;transform:none;right:max(16px,env(safe-area-inset-right));bottom:auto;top:123px;gap:5px;padding:8px;background:#122c30a6;border:1px solid var(--hud-edge);border-radius:8px;backdrop-filter:blur(10px)}
.cp-stage .cp-bottom-actions .cp-round{width:48px;min-height:42px;font-size:10px;background:#ffffff0c;border:0;border-radius:5px;box-shadow:none;padding:4px}
.cp-stage .cp-bottom-actions>p{display:none}
.cp-stage .cp-ar-marker{min-width:0;padding:5px 9px;border:0;border-left:1px solid var(--hud-gold);border-radius:0;background:#10292324;box-shadow:none;backdrop-filter:none;text-shadow:0 1px 6px #000}
.cp-stage .cp-ar-marker:nth-child(1){top:36%!important}.cp-stage .cp-ar-marker b{font-size:11px;font-weight:500}.cp-stage .cp-ar-marker small{font-size:8px;color:#f1ead7}.cp-stage .cp-marker-ring{width:16px;height:16px;font-size:8px;margin-bottom:4px;background:transparent}
.cp-stage .cp-ar-marker:after{height:15px}.cp-stage .cp-crosshair i{width:10px;height:10px;border-color:#f3eec859}
.cp-stage .cp-ar-note{top:24%;padding:5px 8px;font-size:10px;background:#14282438;max-width:230px;pointer-events:none}.cp-stage .cp-ar-note small{font-size:9px;margin-top:3px}
.cp-stage .cp-nav-banner{top:77px;min-width:0;max-width:240px;padding:5px 12px;background:#10282145;border:0;border-left:1px solid var(--hud-gold);border-radius:0;backdrop-filter:blur(3px)}
.cp-stage .cp-nav-banner b{font-size:12px}.cp-stage .cp-nav-banner span{font-size:10px;margin:2px 0}.cp-stage .cp-nav-banner small{font-size:8px}
.cp-stage .cp-chat{left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:236px;background:#10282c35;border:1px solid #e5efda38;border-radius:8px;box-shadow:none;backdrop-filter:blur(5px);transition:width .2s}
.cp-stage .cp-chat.collapsed{width:150px;background:#10282c26}
.cp-stage .cp-chat>header{padding:4px 8px;gap:7px;border-color:#ffffff12}.cp-stage .cp-chat>header>img{width:24px;height:24px;border:1px solid #ead7a477}.cp-stage .cp-chat b{font-size:11px;letter-spacing:2px;font-weight:500}
.cp-stage .cp-chat .cp-chat-toggle{min-height:32px;font-size:10px;color:var(--hud-gold);backdrop-filter:none}
.cp-stage .cp-chat-content{padding:8px 10px}.cp-stage .cp-chat-content>div{font-size:11px;line-height:1.7;max-height:56px;text-shadow:0 1px 4px #000}
.cp-stage .cp-chat-content form{background:#061b2340;border:1px solid #ffffff30;border-radius:4px;padding:2px;margin-top:7px}
.edition-v2 .cp-stage .cp-chat input{font-size:12px;min-height:30px;color:white;padding:4px}.cp-stage .cp-chat input::placeholder{color:#dce9dbb3}
.cp-stage .cp-chat form>button{min-width:32px;width:32px;min-height:32px;font-size:17px;border:0;border-radius:3px;background:#cee3c92b}
.cp-stage .cp-chat-content>small{font-size:8px;margin-top:5px;color:#e0e4d2}
.cp-stage .cp-mini-wrap{width:94px;right:max(20px,env(safe-area-inset-right));bottom:48px!important}
.cp-stage .cp-mini{width:88px;height:88px;border:2px solid #e6d9ad99;box-shadow:0 0 0 3px #15372b55;background:#eaf0e3bf;opacity:.88}
.cp-stage #cp-mini-map{width:88px;height:88px}.cp-stage .cp-mini-native .cp-mini{background:transparent}.cp-stage .cp-mini-scale{font-size:7px;bottom:7px}.cp-stage .cp-mini-north{font-size:9px}.cp-stage .cp-mini-arrow{width:15px;height:15px}
.cp-stage .cp-mini-wrap>span{font-size:7px;white-space:nowrap;margin-top:4px}.cp-stage .cp-mini-native>span{font-size:7px;top:calc(100% + 24px)}
.cp-map-fold{position:absolute;right:-8px;top:-9px;width:28px;height:28px;border-radius:50%;border:1px solid #eedda66b;background:#183e36a6;color:#f8edcf;z-index:3;cursor:pointer;font-size:16px}
.cp-stage .cp-map-folded{width:34px;height:34px;bottom:20px!important}.cp-stage .cp-map-folded>:not(.cp-map-fold){visibility:hidden}.cp-stage .cp-map-folded .cp-map-fold{inset:0;width:34px;height:34px}
.cp-stage .cp-camera-note{bottom:auto;top:76px;left:50%;font-size:9px;padding:4px 8px;max-width:220px;background:#10272c40;border:0;backdrop-filter:none;pointer-events:none}.cp-stage .cp-camera-note small{display:none}
.cp-model{position:absolute;left:43%;bottom:18px;transform:translateX(-50%);width:142px;height:162px;z-index:6;pointer-events:none;text-align:center}
#cp-model-canvas{display:block;width:142px;height:142px;touch-action:none;pointer-events:auto;cursor:grab;outline-offset:-10px}#cp-model-canvas:active{cursor:grabbing}
.cp-model-label{display:block;font-size:9px;letter-spacing:2px;color:#fff3d3;text-shadow:0 1px 5px #000;pointer-events:none}
.cp-model-hint{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:10px;color:#fff4d9;background:#183a3655;padding:5px 9px;border-radius:4px;white-space:nowrap;opacity:0;transition:opacity .2s}
.cp-model:hover .cp-model-hint,.cp-model:focus-within .cp-model-hint,.cp-model.is-greeting .cp-model-hint,.cp-model-unavailable .cp-model-hint{opacity:1}
.cp-model-toggle{position:absolute;right:132px;bottom:24px;color:#f8edce;background:#10282b36;border:1px solid #e8dcb13d;border-radius:4px;padding:5px 9px;min-height:34px;font-size:10px;z-index:10;cursor:pointer}
.cp-stage .cp-panel{background:#102b35d6;backdrop-filter:blur(12px)}.cp-stage .cp-panel-backdrop{background:#041d243d;backdrop-filter:blur(3px)}
@media(max-height:360px) and (orientation:landscape){.cp-stage .cp-quest{width:160px;top:55px}.cp-stage .cp-chat{width:210px}.cp-stage .cp-chat.collapsed{width:142px}.cp-model{height:132px;width:120px;bottom:12px;left:48%}#cp-model-canvas{height:114px;width:120px}.cp-stage .cp-mini-wrap{right:16px;bottom:48px!important}.cp-stage .cp-live-badge{font-size:8px}.cp-stage .cp-chat-content>div{max-height:38px}.cp-stage .cp-chat-content>small{display:none}}
@media(orientation:portrait){.cp-model,.cp-model-toggle{display:none}}
@media(prefers-reduced-motion:reduce){.cp-model-hint,.cp-stage .cp-chat{transition:none}}
