/* PW client style, touch layout. */
:root{--gold:#a99259;--gold-bright:#f1dc92;--panel-bg:rgba(39,31,21,.9);--font-ui:Tahoma,'Segoe UI',sans-serif}
#game-container{display:block;background:#211e17;height:100dvh}#viewport-container{position:absolute;inset:0;width:100%;height:100%;min-height:0}#game-canvas{width:100%;height:100%;display:block}
#top-hud{position:absolute;inset:0 0 auto;height:142px;background:none;padding:10px 12px;z-index:20;pointer-events:none;align-items:flex-start}#top-hud>div{pointer-events:auto}
.glass-panel{backdrop-filter:none;box-shadow:0 3px 12px #0005;border:8px solid transparent;border-image:url('ui-assets/frame.png') 24 fill stretch;border-radius:0;background:none}.glass-panel:before,.glass-panel:after{display:none}
#player-profile{min-width:285px;max-width:310px;padding:2px 6px;gap:8px;height:94px;align-items:center}.avatar-box{width:66px;height:66px;border:2px solid #b5a677;box-shadow:inset 0 0 12px #0008,0 0 2px #000;border-radius:50%;flex-shrink:0}.avatar-icon{width:100%;height:100%;background-image:url('ui-assets/avatar-portrait.png');background-size:cover!important;background-position:center!important;border-radius:50%;image-rendering:auto}.level-badge{font:11px Tahoma;background:linear-gradient(#544c32,#262317);border:1px solid #c5b674;left:-5px;bottom:-5px;right:auto;border-radius:50%;padding:3px 4px}.player-details{flex:1;gap:3px;min-width:0}.player-name{font:700 13px Tahoma;color:#f8ebc3;text-shadow:1px 1px #000}.name-row{margin:0}.bar-container{height:13px;border:1px solid #b7a579;border-radius:0;background:#181713;transform:skewX(-8deg);box-shadow:inset 0 0 3px #000}.bar-fill.hp{background:linear-gradient(#ffb494,#b62c21 48%,#771d17)}.bar-fill.mp{background:linear-gradient(#b9e5ff,#287dab 48%,#133d61)}.bar-text{display:block!important;font:9px Tahoma;line-height:11px;transform:skewX(8deg);text-shadow:1px 1px #000}.currency-row{font-size:9px}.player-title,.title-tag{display:none}
#server-status{position:absolute;top:6px;left:50%;transform:translateX(-50%);padding:2px 9px;opacity:.9;min-width:0}.game-title{font:700 13px Georgia;letter-spacing:1px}.status-indicator{font-size:9px}.live-dot{width:5px;height:5px}
#minimap-panel{position:absolute;right:10px;top:8px;display:grid;grid-template-columns:110px auto;padding:1px 4px;gap:4px;align-items:start}.radar-box{display:block;width:110px;height:110px;border:1px solid #ada47e;border-radius:0;grid-column:1;grid-row:1}.radar-cross{display:none}.map-header{position:absolute;right:5px;top:113px;display:flex;gap:9px;align-items:center;white-space:nowrap}.zone-name,.zone-coords{font-size:10px}.hud-buttons{grid-column:2;grid-row:1;gap:4px}.hud-btn,.icon-btn{font:10px Tahoma;border-color:#b3a679;background:linear-gradient(#625741,#27251c);padding:4px 6px;border-radius:12px}.hud-btn.highlight{background:linear-gradient(#a18e50,#554c2d)}
#chat-dock{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:min(640px,calc(100vw - 450px));height:158px;margin:0;z-index:22;border:1px solid #8b8059;border-image:none;border-radius:3px;background:rgba(10,11,9,.70);box-shadow:0 1px 8px #0003;overflow:hidden}.chat-header{padding:2px 5px;min-height:26px;background:rgba(58,51,36,.65)}.tab-btn{padding:4px 6px;font:10px Tahoma;border:1px solid transparent;color:#c7c1a9}.tab-btn.active{background:linear-gradient(#8b783f,#55492b);color:#fff1a0;border-color:#9f925d;border-radius:3px}.chat-msg{font:11px Tahoma;line-height:1.45}.chat-msg .badge{font-size:9px;padding:1px 3px}#chat-messages{padding:5px 8px;min-height:0}.chat-input-container{padding:4px;gap:4px;background:#25231c}#chat-input{height:27px;font:11px Tahoma;background:#161711;border:1px solid #7b7454;color:#eae5cb}#chat-channel-select{height:27px;max-width:90px;font-size:10px;background:#342f20;border-color:#9a8850}.send-btn,#btn-send-chat{font-size:11px;padding:4px 9px;background:linear-gradient(#99864d,#514629);color:#f8edb9;border:1px solid #b2a16b}#pw-chat-fold{color:#e4d8a8;background:none;border:0;padding:2px 6px;cursor:pointer;white-space:nowrap;font-size:10px}#chat-dock.pw-collapsed{height:28px!important}#chat-dock.pw-collapsed #chat-messages,#chat-dock.pw-collapsed .chat-input-container{display:none}
#hint-bubble{display:none}#action-bar{position:absolute;right:14px;bottom:18px;width:180px;height:170px;padding:0;border:0;border-image:none;background:none;box-shadow:none;display:grid;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(3,52px);gap:4px;z-index:22}.act-btn{width:54px;min-width:0;height:54px;min-height:0;padding:3px;border:2px solid #baa575;border-radius:50%;background:radial-gradient(circle at 35% 25%,#6a705a,#323f35 50%,#151e18 76%);box-shadow:inset 0 0 0 2px #302e22,0 3px 8px #0007;display:flex;flex-direction:column;gap:1px;align-items:center;justify-content:center;color:#f9e8a7}.act-btn:active{transform:scale(.94);filter:brightness(1.25)}.act-btn .btn-label{display:block;font:8px Tahoma;text-transform:none;letter-spacing:0}.act-btn .btn-icon{font-size:21px;line-height:23px}#act-meditate{grid-column:3;grid-row:1}#act-archosaur{grid-column:1;grid-row:1}#act-patrol{grid-column:2;grid-row:2;width:70px;height:70px;transform:translate(-8px,-4px);background:radial-gradient(circle at 30% 25%,#969176,#514a34 54%,#252118 80%)}#act-patrol .btn-icon{font-size:29px}#act-stop{grid-column:3;grid-row:3;border-color:#9c7660;background:radial-gradient(circle at 35% 25%,#674b3d,#332a23 65%) }
#virtual-dpad{left:22px;bottom:30px;padding:5px;grid-template-columns:34px 34px 34px;grid-template-rows:34px 34px 34px;gap:1px;border-radius:50%;background:radial-gradient(circle,#36362e99,#0e141133);border:1px solid #b5aa7066;opacity:.9;z-index:22}.dpad-btn{border-radius:50%;border-color:#ada078;background:#323b31b0;font-size:14px}.dpad-center{border-radius:50%;background:#897e5099}
#pw-social-toolbar{top:154px;right:12px;gap:4px}#pw-social-toolbar button,#pw-social-panel button,#pw-social-panel select{border:1px solid #b3a575;color:#f2df9e;background:linear-gradient(#776b4d,#302d21);border-radius:3px;font:11px Tahoma;padding:6px 9px}#pw-social-panel{right:18px;top:193px;width:350px;max-height:calc(100dvh - 220px);padding:10px;border:10px solid transparent;border-image:url('ui-assets/frame.png') 24 fill stretch;background:none;border-radius:0;font:12px Tahoma;color:#f2e3b6}#pw-social-panel header{height:44px;background:url('ui-assets/title.png') center/100% 100% no-repeat;margin:-8px -8px 2px;padding:0 12px;text-shadow:1px 1px #000}#pw-social-panel strong{font-family:Tahoma}#pw-social-panel p{color:#d6cdb2;font-size:11px}.pw-equipment-grid{grid-template-columns:repeat(4,1fr);padding:5px;gap:4px;background:linear-gradient(#322f20aa,#27261ddd),url('ui-assets/inventory.png') center/cover}.pw-equipment-grid>div{padding:4px;min-height:53px;border:1px solid #ada582;box-shadow:inset 0 0 5px #111;background:linear-gradient(#625f4d,#3a4035);position:relative}.pw-equipment-grid span{font:9px Tahoma;color:#d0cfb1}.pw-equipment-grid strong{font-size:10px;margin-top:4px}.pw-item-icon{float:left;margin:3px 4px 0 0}.pw-item-model{background:#342f20;border:1px solid #a59466}.pw-equipment-grid small{font-size:8px;color:#f6e6ad}
@media(max-width:900px),(max-height:600px){#top-hud{height:94px;padding:6px}#player-profile{min-width:212px;width:224px;height:76px;padding:2px;gap:6px}.avatar-box{width:48px;height:48px}.currency-row{display:none}.player-name{font-size:11px}.bar-text{font-size:8px}.bar-container{height:12px}#server-status{display:none}#minimap-panel{top:5px;right:5px;grid-template-columns:70px auto;padding:0;gap:3px}.radar-box{display:block;width:70px;height:70px}.radar-box canvas{width:70px;height:70px}.map-header{top:73px;right:0;gap:3px}.zone-name{display:none}.zone-coords{font-size:9px}.hud-buttons{gap:2px}.hud-btn{font-size:9px;padding:3px 5px}#btn-sound{display:none}#chat-dock{width:calc(100vw - 272px);max-width:520px;bottom:6px;height:116px}.chat-header{padding:1px 3px}.tab-btn{font-size:9px;padding:3px 4px}.chat-msg{font-size:10px}.chat-input-container{padding:3px}#chat-channel-select{max-width:65px;font-size:9px}#chat-input{font-size:10px;min-width:0}#action-bar{right:7px;bottom:10px;width:150px;height:144px;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,44px)}.act-btn{width:46px!important;height:46px!important;padding:2px}.act-btn .btn-label{display:block!important;font-size:7px}.act-btn .btn-icon{font-size:18px!important}#act-patrol{width:60px!important;height:60px!important;transform:translate(-7px,-4px)}#virtual-dpad{left:10px;bottom:15px;grid-template-columns:29px 29px 29px;grid-template-rows:29px 29px 29px;padding:3px}#pw-social-toolbar{top:95px;right:8px}#pw-social-toolbar button{padding:4px 6px;font-size:9px}#pw-social-panel{top:50%;left:50%;right:auto;transform:translate(-50%,-50%);width:350px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 20px)}}
@media(max-width:520px){#player-profile{min-width:0;width:190px;height:72px}.avatar-box{width:42px;height:42px}.name-row{gap:2px}#chat-dock{width:calc(100vw - 20px);bottom:174px;height:126px}#pw-social-toolbar{top:96px;right:8px}#virtual-dpad{bottom:34px;left:17px}#action-bar{bottom:28px;right:16px}.chat-tabs{overflow-x:auto;max-width:calc(100vw - 95px)}#pw-social-panel{width:340px}.pw-equipment-grid{grid-template-columns:repeat(4,1fr)}}

.bar-text{width:100%;text-align:center;transform:translate(-50%,-50%) skewX(8deg);letter-spacing:0}.map-header{flex-direction:row}.pw-native-action{display:block;width:28px;height:28px;background-size:contain;background-repeat:no-repeat;background-position:center}#act-patrol .pw-native-action{width:36px;height:36px}@media(max-width:900px),(max-height:600px){#pw-social-toolbar{top:100px}.pw-native-action{width:25px;height:25px}#act-patrol .pw-native-action{width:30px;height:30px}}#pw-joystick{display:none;position:absolute;left:16px;bottom:16px;width:96px;height:96px;z-index:23;border-radius:50%;border:1px solid #d7c38377;background:radial-gradient(circle,#65654355,#191e15aa);box-shadow:inset 0 0 0 6px #aaaa7e0c;touch-action:none}.pw-joystick-thumb{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:35px;height:35px;border-radius:50%;border:2px solid #dac68b;background:radial-gradient(circle at 35% 30%,#a49368,#4c4b35 65%,#26281a);box-shadow:0 3px 8px #0009;pointer-events:none}.pw-joystick-axes{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:76px serif;color:#dfcf9c55;pointer-events:none}@media(max-width:900px),(max-height:600px){#virtual-dpad{display:none}#pw-joystick{display:block}}@media(max-width:520px){#pw-joystick{left:20px;bottom:39px}}
/* Tap to move; compact bottom chat on all screen sizes. */
#pw-joystick,#virtual-dpad,#action-bar{display:none!important}#chat-dock{bottom:0!important;left:50%!important;width:min(760px,calc(100vw - 16px))!important;height:150px!important;padding-bottom:env(safe-area-inset-bottom);max-height:32dvh}#chat-dock.pw-collapsed{height:28px!important}.chat-msg{font-size:12px}@media(max-width:900px),(max-height:600px){#chat-dock{height:132px!important;width:calc(100vw - 8px)!important}.chat-msg{font-size:11px}.chat-header{overflow-x:auto}.chat-header>*{flex-shrink:0}}
#pw-auth{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#101713c9;backdrop-filter:blur(3px)}#pw-auth[hidden]{display:none}#pw-auth form{width:min(340px,calc(100vw - 32px));padding:22px;background:#29271deF;border:1px solid #b3a272;color:#f4e8c6;box-shadow:0 8px 40px #0008}#pw-auth h2{font:700 19px Georgia;margin:0 0 12px}#pw-auth label{display:block;font:14px Tahoma;margin:12px 0 5px}#pw-auth input{width:100%;height:42px;padding:8px;font-size:16px;background:#121815;border:1px solid #8c8261;color:#fff}#pw-auth button{width:100%;min-height:42px;margin-top:15px;background:#6b5b30;border:1px solid #c9b879;color:#fff2c2;font-size:16px}#pw-auth p{font:13px/1.5 Tahoma;margin-top:12px}#pw-auth-status{min-height:38px}#pw-auth button:disabled{opacity:.5}

@media(max-width:900px),(max-height:600px){#chat-dock{max-width:calc(100vw - 8px)!important}}

.chat-msg .sender-name{border:0;background:none;color:inherit;padding:0;cursor:pointer;font:inherit}.chat-msg.whisper{color:#f4aaf0}.badge-whisper{color:#efa9f5}.pw-inventory-grid{grid-template-columns:repeat(4,1fr)}#pw-zoom{position:absolute;right:12px;top:198px;display:flex;gap:5px;z-index:24}#pw-zoom button{width:34px;height:32px;background:#332f23;color:#e9dcac;border:1px solid #a18d5d;font-size:18px}@media(max-width:900px),(max-height:600px){#pw-zoom{top:135px;right:8px}}

#pw-city-gate{position:fixed;left:12px;top:120px;z-index:45;width:min(380px,calc(100vw - 24px));padding:10px 12px;background:rgba(30,31,20,.94);border:1px solid #9b8958;color:#efe3b9;font:13px Segoe UI;border-radius:3px}#pw-city-gate[hidden],#pw-travel[hidden]{display:none}#pw-city-gate p{margin:6px 0}#pw-city-gate button,#pw-travel button{background:linear-gradient(#74683d,#413a24);border:1px solid #b19d62;color:#f4e7bd;padding:7px 10px;border-radius:3px;cursor:pointer}#pw-city-gate button+button{margin-left:6px}#pw-travel{position:fixed;inset:0;z-index:130;background:rgba(0,0,0,.58);display:grid;place-items:center;padding:12px}#pw-travel>div{width:min(460px,100%);max-height:82dvh;overflow:auto;background:#262719;border:1px solid #b4a06b;color:#efe3b9;padding:12px;box-sizing:border-box}#pw-travel header{display:flex;justify-content:space-between;align-items:center}#pw-travel p{font:13px Segoe UI;line-height:1.45}#pw-travel input{box-sizing:border-box;width:100%;padding:10px;background:#111912;color:#efe3b9;border:1px solid #8e7d4b}#pw-travel-list{display:grid;gap:7px}#pw-travel-list button{text-align:left;min-height:48px}#pw-travel-list small{display:block;font:12px Segoe UI;margin-top:4px}#pw-travel button:disabled,#pw-social-toolbar button:disabled{opacity:.48;cursor:default}[data-pw-stone-slot]{cursor:pointer;border-color:#d4bd65!important}[data-pw-stone-slot]:focus-visible{outline:2px solid #e8cc73}#chat-form :disabled{opacity:.55}
@media(max-width:600px) and (orientation:portrait){#pw-city-gate{top:190px;left:8px;width:calc(100vw - 40px);font-size:12px}}@media(max-height:500px){#pw-city-gate{top:108px;width:280px;font-size:11px;padding:7px}}

#pw-auth .pw-force-choice{display:flex;align-items:center;gap:8px;margin:12px 0 4px;font:14px Segoe UI}#pw-auth #pw-force-login{width:18px;height:18px;margin:0;accent-color:#bba45c}#pw-auth .pw-force-note{display:block;font:12px Segoe UI;line-height:1.4;margin-bottom:12px;color:#ddd0a3}
#pw-social-panel[data-pw-tab="inventory"]{width:382px;box-sizing:border-box}#pw-social-panel .pw-bag-summary{display:flex;justify-content:space-between;padding:7px 2px;color:#d8c99c;font-size:12px}#pw-social-panel .pw-bag-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;padding:6px;background:#211d15;border:1px solid #76603c}#pw-social-panel .pw-bag-cell{position:relative;aspect-ratio:1;min-width:0;padding:2px;display:flex;align-items:center;justify-content:center;border:1px solid #847553;border-radius:2px;background:radial-gradient(#4e4530,#211d16);box-shadow:inset 0 0 5px #090907;cursor:pointer}#pw-social-panel .pw-bag-cell.empty{background:radial-gradient(#322a1c,#17130e);opacity:1;cursor:default}#pw-social-panel .pw-bag-cell.selected{border-color:#f7d87a;box-shadow:0 0 4px #ddbd64,inset 0 0 4px #9b8535}#pw-social-panel .pw-bag-cell:focus-visible{outline:2px solid #f8de92;outline-offset:1px}.pw-bag-icon{width:32px;height:32px;object-fit:contain;flex-shrink:0}.pw-bag-count{position:absolute;right:2px;bottom:0;color:#fff4c9;font:bold 11px Tahoma;text-shadow:1px 1px 2px #000,-1px -1px #000}.pw-bag-unknown{font:22px Georgia;color:#c5b274}.pw-bag-details{margin-top:8px;min-height:100px;background:#201d15;border:1px solid #79694a;padding:9px;overflow-wrap:anywhere}.pw-bag-details>.pw-bag-icon{float:left;margin-right:8px}.pw-bag-details>strong{display:block;color:#e4cf96;font-size:13px}.pw-bag-details small{color:#b3ab95}.pw-bag-details .pw-bag-help{clear:both;font-size:11px;color:#bdb39a}@media(max-width:520px){#pw-social-panel[data-pw-tab="inventory"]{width:350px;max-width:calc(100vw - 16px)}#pw-social-panel .pw-bag-grid{grid-template-columns:repeat(6,minmax(0,1fr))}#pw-social-panel .pw-bag-cell{min-height:40px}}

#pw-social-panel{z-index:110}
#pw-social-panel{background-color:#30291e}
#pw-characters{position:fixed;inset:0;z-index:1001;display:grid;place-items:center;background:#0c1410e6;padding:12px;box-sizing:border-box}#pw-characters[hidden]{display:none}#pw-characters>div{width:min(540px,100%);max-height:calc(100dvh - 24px);overflow:auto;padding:22px;box-sizing:border-box;background:#29251b;border:1px solid #b3a272;color:#f4e8c6;box-shadow:0 8px 40px #0008}#pw-characters h2{font:700 22px Georgia;margin:0 0 12px}#pw-characters p{font:14px/1.5 Segoe UI}#pw-character-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}#pw-characters button{cursor:pointer;background:#302c20;border:1px solid #7a6f4c;color:#efe1b9;padding:12px;font:14px Segoe UI}#pw-characters .pw-character-card{text-align:left;min-height:116px;overflow-wrap:anywhere}#pw-characters .pw-character-card.selected{border-color:#e2c371;background:#4b4127;box-shadow:inset 0 0 5px #bea05f}.pw-character-card strong,.pw-character-card small{display:block;line-height:1.5}.pw-character-card strong{font-size:17px}.pw-character-card small{color:#cec8ad;margin-top:4px}.pw-character-mark{display:block;width:32px;height:32px;text-align:center;line-height:32px;border-radius:50%;background:#68603e;color:#fff0bd;margin-bottom:7px}#pw-characters button:disabled{opacity:.5;cursor:default}#pw-characters button:focus-visible{outline:2px solid #f2d580;outline-offset:2px}.pw-character-actions{display:flex;gap:10px;justify-content:space-between}#pw-character-enter{background:#736034!important;border-color:#ceb574!important;min-width:130px}#pw-character-status{min-height:22px}@media(max-width:420px){#pw-characters>div{padding:16px}#pw-character-list{grid-template-columns:1fr}.pw-character-card{position:relative;padding-left:60px!important;min-height:96px!important}.pw-character-mark{position:absolute;left:12px;top:19px}.pw-character-actions button{flex:1}}