:root{
 --sky:#bfe3f5;--sky2:#eaf7ff;--cream:#fff8e8;--paper:#f8efd8;--gold:#c79a3d;--gold2:#e8c56d;
 --wood:#745235;--ink:#33281d;--blue:#356b91;--blue2:#244d6c;--green:#66885d;--line:#cdbb90;
}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:transparent;font-family:Tahoma,Arial,sans-serif;color:var(--ink)}
#safezone-world-explorer{position:relative;width:100%;height:100%;padding:0;margin:0}
#safezone-world-explorer *{box-sizing:border-box}
.sz-world-shell{height:100%;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border:1px solid rgba(116,82,53,.35);border-radius:16px;background:var(--cream);box-shadow:0 18px 50px rgba(71,55,31,.18)}
.sz-world-head{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:8px 12px;background:linear-gradient(180deg,#eff9ff,#d8eef9 62%,#f8efd8);border-bottom:1px solid var(--line)}
.sz-world-brand{display:none}.sz-world-brand small{display:block;color:#8a6b36;font-size:9px;font-weight:bold;letter-spacing:1.4px}
.sz-world-brand h2{margin:3px 0 0;color:#315f7f;font-size:20px;text-shadow:0 1px #fff}
.sz-world-brand p{margin:4px 0 0;color:#685b48;font-size:11px}
.sz-world-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.sz-world-head-actions button{border:1px solid #b9a16d;border-radius:7px;background:linear-gradient(#fffdf6,#ead8ae);color:#5f472a;padding:8px 11px;font-size:10px;font-weight:bold;cursor:pointer;box-shadow:inset 0 1px #fff}
.sz-world-head-actions button:hover{border-color:#b8862f;background:#fff6d7}
.sz-world-status{padding:7px 11px;border:1px solid #a9c4d5;border-radius:20px;background:#f7fcff;color:#5f7180;font-size:9px;white-space:nowrap}
.sz-world-status b{color:#477a55}
.sz-world-exit{display:none!important}
.sz-world-wrap{position:relative;min-height:0;background:#b9ddef;overflow:hidden}
#szWorldCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair;background:#a8cf87}
.sz-world-hud{position:absolute;inset:0;pointer-events:none}
.sz-world-zone-badge{position:absolute;left:14px;top:14px;min-width:190px;padding:8px 11px;border:1px solid rgba(116,82,53,.5);border-radius:8px;background:rgba(255,248,232,.93);box-shadow:0 5px 18px rgba(75,55,28,.2)}
.sz-world-zone-badge small{display:block;color:#89755a;font-size:8px;letter-spacing:.8px}.sz-world-zone-badge b{display:block;margin-top:2px;color:#315f7f;font-size:12px}
.sz-world-mini{position:absolute;right:14px;top:14px;width:205px;height:128px;border:2px solid rgba(116,82,53,.56);border-radius:9px;background:rgba(255,248,232,.9);overflow:hidden;box-shadow:0 5px 18px rgba(75,55,28,.22);transition:.2s}
.sz-world-mini.hidden{opacity:0;visibility:hidden;transform:translateY(-8px)}
#szWorldMiniCanvas{width:100%;height:100%;display:block}
.sz-world-route{position:absolute;left:14px;bottom:14px;max-width:360px;padding:8px 11px;border:1px solid rgba(116,82,53,.45);border-radius:8px;background:rgba(255,248,232,.94);color:#66533d;font-size:10px;box-shadow:0 5px 18px rgba(75,55,28,.18)}
.sz-world-route b{color:#a06b18}
.sz-world-prompt{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);min-width:240px;max-width:72%;padding:9px 13px;border:1px solid #b59052;border-radius:8px;background:rgba(255,249,230,.97);color:#5d472b;text-align:center;font-size:11px;font-weight:bold;opacity:0;transition:.15s;box-shadow:0 6px 18px rgba(75,55,28,.2)}
.sz-world-prompt.show{opacity:1}
.sz-world-dialog{position:absolute;left:50%;bottom:55px;transform:translateX(-50%);width:min(570px,calc(100% - 28px));border:2px solid #9b7740;border-radius:10px;background:linear-gradient(#fffaf0,#ead9b3);box-shadow:0 14px 38px rgba(70,50,25,.32);color:#352819;pointer-events:auto;opacity:0;visibility:hidden;transition:.15s}
.sz-world-dialog.open{opacity:1;visibility:visible}
.sz-world-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid #bfa26d;background:#dcc58f}.sz-world-dialog-head b{font-size:13px;color:#583f24}.sz-world-dialog-head span{font-size:9px;color:#756247}
.sz-world-dialog-body{padding:13px 14px;font-size:11px;line-height:1.6}.sz-world-dialog-status{margin-top:8px;color:#8a5f20;font-weight:bold}
.sz-world-mobile-controls{display:none}
.sz-world-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:9px 14px;border-top:1px solid var(--line);background:#f7eed9;color:#756850;font-size:9px}.sz-world-foot b{color:#315f7f}
.sz-world-detail-modal{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(79,101,113,.4);backdrop-filter:blur(4px)}.sz-world-detail-modal.open{display:flex}
.sz-world-detail-shell{width:min(1200px,96vw);height:min(820px,92vh);display:grid;grid-template-rows:56px 1fr;border:1px solid #ad9564;border-radius:12px;overflow:hidden;background:#fffaf0;box-shadow:0 22px 70px rgba(65,52,32,.35)}
.sz-world-detail-head{display:flex;align-items:center;gap:10px;padding:0 12px;background:linear-gradient(90deg,#d9edf8,#f6ebd1);border-bottom:1px solid #c8b88d}.sz-world-detail-head b{font-size:14px;color:#315f7f}.sz-world-detail-head span{font-size:9px;color:#756850}.sz-world-detail-head a{margin-left:auto;color:#315f7f;text-decoration:none;font-size:9px;border:1px solid #a9bfd0;padding:7px 9px;border-radius:5px;background:#f8fcff}.sz-world-detail-head button{width:33px;height:33px;border:0;border-radius:6px;background:#b85d55;color:#fff;font-size:19px;cursor:pointer}
#szWorldDetailFrame{width:100%;height:100%;border:0;background:white}.sz-world-detail-message{display:none;place-items:center;text-align:center;padding:30px;color:#4c4030}.sz-world-detail-message.show{display:grid}
.sz-world-return-highlight{animation:szWorldReturnGlow 1.7s ease}@keyframes szWorldReturnGlow{0%,100%{box-shadow:0 0 0 rgba(229,172,50,0)}35%{box-shadow:0 0 0 5px rgba(229,172,50,.28),0 0 30px rgba(229,172,50,.45)}}

@media(max-width:900px){
 body{background:#dff1fa;overscroll-behavior:none}
 .sz-world-shell{border:0;border-radius:0;box-shadow:none}
 .sz-world-head{padding:calc(8px + env(safe-area-inset-top)) 10px 8px;gap:8px;align-items:center}
 .sz-world-brand{display:block;margin-right:auto}.sz-world-brand small{font-size:7px}.sz-world-brand h2{font-size:15px;margin-top:1px}.sz-world-brand p{display:none}
 .sz-world-head-actions{gap:5px;flex-wrap:nowrap}
 .sz-world-head-actions #szWorldReset{display:none}.sz-world-head-actions button{padding:7px 8px;font-size:9px}
 .sz-world-status{display:none}.sz-world-exit{display:inline-block!important;background:#fff6ea!important;border-color:#c89863!important;color:#8b5636!important}
 .sz-world-wrap{height:auto;min-height:0}
 .sz-world-mini{width:126px;height:80px;right:8px;top:8px;border-width:1px}
 .sz-world-zone-badge{left:8px;top:8px;min-width:126px;padding:6px 8px}.sz-world-zone-badge small{font-size:7px}.sz-world-zone-badge b{font-size:10px}
 .sz-world-mobile-controls{display:block;position:absolute;inset:0;pointer-events:none}
 .sz-world-stick{position:absolute;left:max(16px,env(safe-area-inset-left));bottom:max(18px,calc(12px + env(safe-area-inset-bottom)));width:118px;height:118px;border-radius:50%;background:rgba(246,238,216,.58);border:2px solid rgba(111,79,45,.42);box-shadow:0 6px 20px rgba(65,48,29,.18);pointer-events:auto;touch-action:none}
 .sz-world-stick:before,.sz-world-stick:after{content:'';position:absolute;left:50%;top:50%;background:rgba(91,71,48,.18);transform:translate(-50%,-50%)}.sz-world-stick:before{width:72%;height:1px}.sz-world-stick:after{height:72%;width:1px}
 .sz-world-stick-knob{position:absolute;z-index:2;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:linear-gradient(#efd88f,#cba84e);border:2px solid rgba(255,255,255,.9);box-shadow:0 4px 12px rgba(69,48,24,.32)}
 .sz-world-interact{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(25px,calc(18px + env(safe-area-inset-bottom)));width:88px;height:88px;border-radius:50%;border:3px solid rgba(255,255,255,.9);outline:2px solid #b68c43;background:linear-gradient(#5d91b5,#356889);color:#fff;font-weight:bold;pointer-events:auto;touch-action:manipulation;box-shadow:0 7px 20px rgba(49,73,88,.28);display:flex;flex-direction:column;align-items:center;justify-content:center}
 .sz-world-interact span{font-size:16px}.sz-world-interact small{font-size:8px;opacity:.9}
 .sz-world-prompt{bottom:132px;min-width:0;width:calc(100% - 32px);max-width:360px;padding:8px 10px;font-size:10px}
 .sz-world-route{left:50%;bottom:12px;transform:translateX(-50%);max-width:52%;font-size:8px;padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .sz-world-dialog{bottom:128px;width:calc(100% - 22px);border-radius:12px}.sz-world-dialog-head{padding:8px 10px}.sz-world-dialog-body{padding:11px 12px;font-size:11px}
 .sz-world-foot{display:none}
 .sz-world-detail-modal{padding:0}.sz-world-detail-shell{width:100%;height:100%;border:0;border-radius:0}
}
@media(max-width:900px) and (orientation:portrait){
 .sz-world-shell{grid-template-rows:auto 1fr}
 .sz-world-wrap{height:calc(100dvh - 59px)}
}
@media(max-width:900px) and (orientation:landscape){
 .sz-world-head{position:absolute;z-index:8;left:8px;right:8px;top:max(6px,env(safe-area-inset-top));border:1px solid rgba(116,82,53,.35);border-radius:10px;background:rgba(246,250,247,.88);backdrop-filter:blur(7px);padding:6px 8px}
 .sz-world-brand small,.sz-world-brand p{display:none}.sz-world-brand h2{font-size:12px}
 .sz-world-wrap{height:100dvh}
 .sz-world-zone-badge{top:64px}.sz-world-mini{top:64px;width:118px;height:72px}
 .sz-world-stick{width:100px;height:100px;bottom:12px}.sz-world-interact{width:78px;height:78px;bottom:16px}
 .sz-world-prompt{bottom:100px;max-width:300px}
}