/* King of Chaos: materiais do primeiro pacote adaptados ao cliente oficial. */
:root{--koc-metal:url('/branding/panel-metal.webp');--koc-line:#b18d53;--koc-muted:#c1b296}
.brand img{width:210px;max-height:66px;object-fit:contain}.koc-login-logo{width:min(360px,85%);margin:-12px 0 8px}.koc-loading-logo{width:min(470px,90%);height:120px;object-fit:contain}
.login{border:1px solid #af89595c;background:linear-gradient(120deg,#060b11f0,#0c1218e6),url('/branding/materials/character-stone.webp') center/400px;box-shadow:0 28px 80px #0009,inset 0 0 40px #0007;border-radius:5px}.login h1{font-family:Georgia,serif;letter-spacing:.01em}.login .eyebrow{color:#d7b67a}.login button,.window-tools button,.inventory-tabs button,.social-buttons button,.koc-menu-window button{background:linear-gradient(#5b4830,#2d251b 50%,#171715);color:#f2ddab;border:1px solid #9e8050;box-shadow:inset 0 1px 0 #ffe2a338,0 2px 4px #0008;text-shadow:0 1px 2px #000}
.mmo-window,.social-panel{border:1px solid #a1814d;border-radius:4px;background:linear-gradient(115deg,#ffffff08,transparent 42%,#0008),var(--koc-metal) center/420px,#11161c;box-shadow:inset 0 1px 0 #f9dfa948,inset 0 0 28px #000b,0 14px 32px #000b;outline:1px solid #4c3a24}
.mmo-window>header{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:auto!important;background:linear-gradient(#53432bcc,#211b14ec);border-bottom:1px solid #907247}.inventory-body{background:linear-gradient(#0004,#0008),url('/branding/materials/inventory-leather.webp') center/420px}.equipment-board{background:linear-gradient(#09101780,#080d13bf),url('/branding/materials/character-stone.webp') center/300px}.koc-item-actions{display:grid;gap:5px;grid-template-columns:1fr 1fr}.koc-item-actions button{font-size:11px;padding:6px}.item-preview{background:radial-gradient(ellipse,#32435655,#070b10 75%);border:1px solid #806b45}.inventory-window footer{background:#0d1015e8;border-top:1px solid #8f7143}.mmo-side-shortcuts button img{width:23px;height:23px;object-fit:contain}.mmo-side-shortcuts{max-height:calc(100vh - 140px);overflow:auto;scrollbar-width:thin}
.loading-screen{background:linear-gradient(#02060c7a,#03070dc9),url('/branding/loading-citadel.png') center/cover}.loading-card{background:#071018bd;border-color:#bd99585c;backdrop-filter:blur(5px);box-shadow:0 20px 100px #0009}.loading-emblem{display:none}.loading-kicker{letter-spacing:.14em}.loading-track{height:5px;border:0;background:#d7c08a22}.loading-track i{background:linear-gradient(90deg,#977347,#efce8e)}
.koc-menu-window{position:fixed;top:16%;left:50%;transform:translateX(-50%);width:min(560px,94vw);max-height:75vh;z-index:70;overflow:auto;padding:0}.koc-menu-window>header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.koc-menu-window h2{margin:0;font:22px Georgia,serif;color:#e9d19e}#koc-menu-body{padding:16px}.koc-skill-row{display:flex;gap:12px;padding:10px;margin-bottom:8px;border:1px solid #aa895544;background:#071016a6}.koc-skill-row img{width:48px;height:48px;object-fit:cover;border:1px solid #a18049}.koc-skill-row p{margin:3px 0;font-size:12px;color:#d4c4a4}.koc-skill-row button{margin-left:auto;padding:5px 10px;align-self:center}.koc-table{width:100%;border-collapse:collapse}.koc-table td,.koc-table th{padding:9px;text-align:left;border-bottom:1px solid #ac895533}.koc-menu-note{color:#bdaf98;font-size:12px}.koc-party{border-top:1px solid #ad8c4c55;border-bottom:1px solid #ad8c4c55;padding:8px 0}.koc-party h3{margin:0;color:#e7cf97}#party-members>div{display:flex;gap:9px;justify-content:space-between;padding:4px 0;font-size:12px}#party-members meter{width:90px}.social-panel{max-height:85vh;overflow:auto}
@media(max-width:800px){.koc-login-logo{width:250px}.koc-menu-window{top:10%;max-height:80vh}.mmo-side-shortcuts{max-height:42vh}.inventory-window{max-width:98vw}.koc-item-actions{grid-template-columns:1fr}.koc-loading-logo{height:90px}}@media(prefers-reduced-motion:reduce){.loading-screen *{animation:none!important}}
#loading.loading-screen{background:linear-gradient(0deg,#02060ef2,#06101b88),url('/branding/loading-citadel.png') center/cover;}
#loading .loading-card{width:min(760px,100%);border:1px solid #e1b66a88;border-radius:3px;background:linear-gradient(135deg,#06111ee8,#0c1622ed);box-shadow:0 24px 90px #000c,inset 0 0 40px #ac7b2615;padding:clamp(22px,5vw,48px);}
#loading .loading-track{height:18px;border:1px solid #d5ac65;border-radius:2px;background:#020711;box-shadow:inset 0 1px 6px #000,0 0 18px #c48d3233;}
#loading-progress{background:linear-gradient(180deg,#fff1b8,#b98030 48%,#e9bb63);box-shadow:0 0 16px #f2c067;}
#loading-percent{color:#f3d99d;font:22px Georgia,serif;margin:0 0 12px;letter-spacing:.08em;}
#loading-title{color:#f7e6bd;}#loading .loading-steps span{padding:9px;border:1px solid #a8803f44;background:#040a13;}
.guild-world-tag{display:block;color:#a8dcff;font-size:11px;text-align:center;font-weight:bold;text-shadow:0 1px 3px #000;}.guild-invitation{z-index:180;top:28%;left:50%;transform:translateX(-50%);width:min(460px,90vw);border-color:#e1bc6d;box-shadow:0 20px 65px #000b;}.guild-invitation button{margin:4px;}.guild-ranking-row{padding:14px;margin:10px 0;border:1px solid #b69a6155;background:#08131d;}.guild-ranking-row p{margin:6px 0;overflow-wrap:anywhere;}
#mobile-consumables{display:none;position:fixed;left:140px;bottom:12px;z-index:36;gap:6px;}#mobile-consumables button{min-width:52px;min-height:44px;padding:8px;color:#fff;}#mobile-hp{background:#792e35;}#mobile-mp{background:#235c87;}
body.playing [data-hud-hidden="1"]{display:none!important;}body.hud-editing [data-hud-hidden="1"]{display:block!important;opacity:.6;}
body.hud-editing [data-hud-key]{touch-action:none;}body.hud-editing #mobile-stick i{pointer-events:none;}.hud-drag-grip{touch-action:none;}
#hud-editor-tip{max-width:calc(100vw - 16px);display:flex;gap:6px;align-items:center;flex-wrap:wrap;z-index:250;}#hud-block-picker{width:150px;padding:5px;}#hud-block-show,#hud-edit-done{min-height:40px;}
@media(max-width:800px),(pointer:coarse){body.playing #mobile-consumables{display:flex;}body.hud-editing #mobile-consumables,body.hud-editing #mobile-stick,body.hud-editing #mobile-sprint{display:block;} .mmo-skillbar .utility-row{display:flex!important;flex-wrap:wrap;} .mmo-skillbar{max-width:calc(100vw - 130px);left:auto;right:6px;bottom:65px;transform:none;} .mmo-skillbar .combat-slot{width:40px!important;min-width:40px!important;} .mmo-skillbar .skill-row{flex-wrap:wrap;} .hud-scale-button{width:34px!important;height:34px!important;padding:2px!important;} .hud-drag-grip{min-height:28px;}body.playing .panel,body.playing .hero{backdrop-filter:none;}#hud-editor-tip{top:8px;left:8px;right:8px;font-size:10px;padding:8px;background:#091821f5;} }
#hud-editor-tip{white-space:normal;}.guild-invitation{max-height:80dvh;overflow:auto;}@media(max-width:800px),(pointer:coarse){body.hud-editing .hud-drag-grip{font-size:9px;height:auto;min-height:35px;display:flex;align-items:center;justify-content:center;}body.hud-editing #mobile-stick .hud-drag-grip{position:absolute;top:-38px;left:0;width:100%;}body.hud-editing #mobile-consumables .hud-drag-grip{position:relative;}#mobile-consumables.hud-custom{display:flex;}}
@media(max-width:800px),(pointer:coarse){#hud-editor-tip{transform:none;}#hud-editor-tip [hidden]{display:none!important;}}
@media(max-width:800px),(pointer:coarse){body.hud-editing #mobile-sprint .hud-drag-grip{position:absolute;top:-38px;left:0;min-width:85px;}}
@media(max-width:800px),(pointer:coarse){.mmo-player-hud{width:min(210px,calc(100vw - 125px));}.mmo-map-panel{width:105px;}.mmo-map-panel canvas{height:78px;}body.hud-editing .mmo-chat.hud-custom,body.hud-editing .mmo-side-shortcuts.hud-custom,body.hud-editing .mmo-quest-tracker.hud-custom{display:block!important;}}
/* Adventure contracts: rich text remains readable without expensive blur. */
.mmo-quest-tracker{border:1px solid #b9945366;background:linear-gradient(145deg,#152b35f2,#111724f2);box-shadow:0 6px 18px #0006;border-radius:12px;padding:12px;width:300px;max-width:calc(100vw - 24px)}
.mmo-quest-tracker .tracker-title{color:#f0c979;letter-spacing:.1em;font-size:10px}.mmo-quest-tracker h3{color:#9de5ff;font-size:14px}.mmo-quest-tracker p{color:#c9d8e8;line-height:1.5}.mmo-quest-tracker #quest-progress{color:#9ce9b7}.quest-contract-list{display:grid;gap:6px;max-height:190px;overflow:auto;touch-action:pan-y}.quest-contract{display:grid;text-align:left;padding:9px;border:1px solid #65809b44;background:#101b29;color:#dce9f8;border-radius:7px}.quest-contract strong{color:#d7e6f8;font-size:12px}.quest-contract small{color:#91a9c0;font-size:10px}.quest-contract.selected{border-color:#e3bd63;background:linear-gradient(110deg,#423724,#142d3e)}.quest-contract.selected strong{color:#ffe4a4}.quest-contract.selected small{color:#a2edc9}
.quest-navigation{position:fixed;z-index:24;left:50%;top:105px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:7px 12px;background:#102132ee;border:1px solid #dab97588;border-radius:24px;pointer-events:none;max-width:calc(100vw - 20px)}.quest-navigation[hidden]{display:none}.quest-navigation span{display:inline-block;color:#ffd887;font-size:24px;line-height:1}.quest-navigation small{color:#e9e6cd;font-size:11px}
.world-journal{position:fixed;left:12px;top:245px;width:260px;max-width:calc(100vw - 24px);z-index:22;color:#c4d4e7;background:linear-gradient(140deg,#1b263cf0,#112a2ef0);border:1px solid #bb9a5270;border-radius:12px;padding:10px;box-shadow:0 5px 15px #0005;font-size:12px;line-height:1.6}.world-journal summary{cursor:pointer;color:#ddd2b5}.world-journal summary b,.chronicle-gold{color:#ffda83}.chronicle-blue{color:#8ddbff}.chronicle-green{color:#91efb7}.chronicle-red{color:#ff7979}.world-journal small{color:#b7cbdc}.label3d.player .player-world-name{font-size:12px}.label3d.player.pvp-killer .player-world-name{color:#ff4b4b!important;text-shadow:0 1px 3px #200}
@media (pointer:coarse){.quest-navigation{top:98px;padding:5px 9px}.quest-navigation small{font-size:10px}.mmo-quest-tracker{width:240px;max-height:48vh;overflow:auto}.quest-contract-list{max-height:135px}.world-journal{top:205px;left:8px;width:200px;font-size:11px}.label3d.player .player-world-name{font-size:10px}}
@media(max-width:800px),(pointer:coarse){.mmo-quest-tracker:not([hidden]){display:block;top:140px;right:6px;width:180px;max-height:40vh;padding:8px;}.mmo-quest-tracker .tracker-title{font-size:8px;}.mmo-quest-tracker h3{font-size:12px;}.mmo-quest-tracker p{font-size:10px;}.quest-contract{padding:6px;}.quest-contract strong{font-size:10px;}.quest-contract small{font-size:9px;}.quest-contract-list{max-height:100px;}.world-journal{width:160px;}.mmo-quest-tracker.hud-custom{right:auto;}}
/* One compact menu on desktop and touch screens; preserves each original action. */
body.playing .mmo-side-shortcuts.compact-shortcuts{display:block!important;width:48px;height:48px;overflow:visible;max-height:none;bottom:calc(12px + env(safe-area-inset-bottom));right:calc(12px + env(safe-area-inset-right));padding:0;border:0;background:none;box-shadow:none;}
body.playing .compact-shortcuts>.compact-toggle{width:48px;height:48px;font-size:27px;border-radius:12px;}
body.playing .compact-shortcuts .compact-actions{position:absolute;right:0;bottom:58px;width:min(340px,calc(100vw - 24px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;max-height:calc(100dvh - 120px);overflow:auto;background:#101921f5;border:1px solid #ac894a;border-radius:12px;box-shadow:0 8px 32px #000a;overscroll-behavior:contain;}
body.playing .compact-shortcuts .compact-actions[hidden]{display:none!important;}
body.playing .compact-shortcuts .compact-actions button{width:100%;height:auto;min-height:60px;padding:7px 4px;font-size:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;border-radius:8px;touch-action:manipulation;}
.shortcut-label{font:11px/1.2 Arial,sans-serif;text-align:center;overflow-wrap:anywhere;}
body.playing .compact-shortcuts.mic-live>.compact-toggle{border-color:#66e39b;box-shadow:0 0 0 3px #299b6538;}
body.playing .compact-shortcuts.mic-live>.compact-toggle::after{content:'🎙';position:absolute;right:-3px;top:-8px;font-size:17px;background:#103923;border-radius:50%;}
body.playing .compact-shortcuts .mic-live{color:#83f0ae;}
.preview-load-status{display:block;padding:8px;max-width:320px;color:#f8dc96;font:12px/1.4 Arial;text-align:center;}
.preview-load-status[hidden]{display:none;}
@media(max-width:800px),(pointer:coarse){body.playing .compact-shortcuts .compact-actions{grid-template-columns:repeat(3,minmax(0,1fr));max-height:calc(100dvh - 105px);}body.playing .mmo-side-shortcuts.compact-shortcuts{bottom:calc(10px + env(safe-area-inset-bottom));}}
body.playing .compact-shortcuts[data-invites]:not([data-invites=""])>.compact-toggle::before{content:attr(data-invites);position:absolute;left:-5px;top:-6px;min-width:20px;padding:2px;border-radius:20px;background:#b23328;color:white;font:12px Arial;}

/* 12.35.41 — Painel de apresentação independente, móvel e acessível. */
body.playing #introduction.koc-guide{position:fixed;box-sizing:border-box;left:calc(50% - 120px);top:165px;right:auto;bottom:auto;width:240px;max-width:calc(100vw - 24px);z-index:96;transform:none;padding:8px 10px 10px;overflow:visible;touch-action:auto;pointer-events:auto;}
body.playing #introduction.koc-guide[hidden]{display:none!important;}
body.playing #introduction.koc-guide.koc-guide-positioned{right:auto!important;bottom:auto!important;}
#introduction .koc-guide-drag{display:flex;align-items:center;justify-content:center;gap:6px;margin:-7px -9px 8px;padding:9px 5px;background:#253246;border-bottom:1px solid #9f834e;border-radius:7px 7px 0 0;color:#ffe0a0;font:700 10px/1.3 Arial,sans-serif;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;}
#introduction .koc-guide-drag:active{cursor:grabbing;}
#introduction .koc-guide-drag:focus-visible{outline:2px solid #ffd267;outline-offset:2px;}
#introduction .koc-guide-actions{display:flex;flex-wrap:wrap;gap:5px;}
#introduction .koc-guide-actions button{flex:1 1 auto;min-height:36px;margin:0;}
#introduction #introduction-action{background:#8a662c;color:#fff2d8;border-color:#d8b265;}
#introduction #introduction-skip{background:#1d2936;color:#e8eaf0;border-color:#788698;}
body.hud-editing #introduction .hud-drag-grip{display:none!important;}
@media(max-width:800px),(pointer:coarse){body.playing #introduction.koc-guide{left:calc(50% - 105px);top:154px;right:auto;bottom:auto;width:210px;max-width:calc(100vw - 20px);padding:8px 9px;}#introduction .koc-guide-drag{min-height:32px;font-size:9px;}}