/* Camada própria do protótipo, sobre o CSS original (orig/tokens.css + orig/app.css): tela, janelas e log. */
html,body{height:100%}
body{overflow:hidden;user-select:none;background:#0a1016}
#game{position:fixed;inset:0;overflow:hidden}
canvas#cv{display:block;width:100%;height:100%}
.hud-col-esq .hud{position:static}
#log{position:absolute;font-size:12px;color:#b4c4d4;pointer-events:none;text-shadow:0 1px 2px #000;z-index:2}
/* posição do log, da dica e do chat só na tela de mesa; o celular posiciona em hud-mobile.css */
@media (min-width:769px) and (min-height:521px){#hint{position:absolute;font:700 10px var(--font-window-title,Orbitron);letter-spacing:.1em;color:var(--text-muted);background:var(--vidro);border:1px solid var(--border-2);border-radius:12px;padding:4px 10px;z-index:2}#log{left:14px;bottom:44px;width:310px}#hint{left:14px;bottom:12px}#chat{left:14px;bottom:44px;width:min(360px,calc(100vw - 28px))}}

/* janelas (Hunts, Bolsa, Time, Bot, Mark, Ajustes): a casca é .au-janela, em ui-casca.css */
#wins{position:fixed;inset:0;z-index:20;display:none;align-items:center;justify-content:center;background:rgba(2,6,10,.55);padding:12px}
#wins.open{display:flex}
.lbl{font:700 10px var(--font-window-title,Orbitron);letter-spacing:.14em;color:var(--text-muted)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.chip{padding:5px 12px;border-radius:99px;font-size:11px}.chip.on{background-image:none;background:color-mix(in srgb,var(--aura-cyan-ui) 28%,var(--bg-panel-2));border-color:var(--aura-cyan-ui);color:var(--text-hi)}.chip:disabled{opacity:.35}
.inp{background:var(--bg-input);border:1px solid var(--border-accent);border-radius:10px;padding:8px 12px;color:var(--text-hi);min-width:260px;font:inherit;outline:none;box-shadow:var(--shadow-input)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.hc{border-radius:12px;border:3px solid var(--tc,#6aa84f);background:var(--bg-canvas);overflow:hidden;cursor:pointer;display:flex;flex-direction:column}
.hc:hover{box-shadow:0 0 14px var(--tc,#6aa84f)}
.hc .ban{font:700 11px var(--font-window-title,Orbitron);letter-spacing:.14em;text-align:center;padding:3px;background:linear-gradient(180deg,#e9edf2,#9ba7b3);color:#222}
.hc .art{height:112px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,var(--tc2,#79a65a),#1b2a22)}
.hc .art img{height:92px;image-rendering:pixelated}
.hunt-tools{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:12px;margin-bottom:14px}
.hunt-filters,.hunt-weather{border:1px solid var(--border-2);border-radius:14px;padding:14px;background:var(--bg-panel-2)}
.hunt-filter-row{display:flex;gap:12px;align-items:center;margin-bottom:8px}.hunt-filter-row:last-child{margin-bottom:0}
.hunt-filter-row>.lbl{width:58px;flex-shrink:0;font-size:8px}.hunt-filter-row .chips{margin:0;gap:5px;align-items:center;flex:1}
.hunt-filter-row .chip{padding:4px 9px;font-size:10px}.hunt-filter-row .inp{min-width:150px;flex:1;border-radius:24px;font-size:12px}
#hcount{margin-left:auto;font-size:11px;white-space:nowrap}.hunt-type{display:inline-flex;align-items:center;gap:4px;background:color-mix(in srgb,var(--type-color) 45%,var(--bg-panel-2))}.hunt-type img{width:13px;height:13px;object-fit:contain}
.hunt-weather{display:flex;align-items:center;justify-content:space-between;gap:8px}.hunt-weather b,.hunt-weather small{display:block}.hunt-weather b{font-size:14px;margin:5px 0}.hunt-weather small{font-size:11px;color:var(--text-muted)}.hunt-weather svg{width:100px;flex-shrink:0}
.hunt-objective{display:flex;gap:12px;align-items:center;padding:12px 16px;border:1px solid #9b8433;border-radius:13px;background:linear-gradient(100deg,#514a2b55,transparent);margin-bottom:14px}.hunt-objective>div:first-child{flex:1}.hunt-objective>div:not(:first-child){padding:8px 12px;border:1px solid var(--border-2);border-radius:10px}.hunt-objective b,.hunt-objective small{display:block}.hunt-objective .lbl{font-size:8px}.hunt-objective small{color:var(--text-muted);font-size:11px}
.hunt-tabs .chip{border-radius:10px;padding:10px 14px}.hunt-tabs b{background:#0006;padding:1px 6px;border-radius:7px;margin-left:5px}
.hunt-region{padding:14px;background:#2fd8f012;border:1px solid #2fd8f044;border-radius:12px;margin-bottom:12px}.hunt-region small{display:block;color:var(--text-muted);font-size:10px}
.hunt-level{grid-column:1/-1;margin:4px 0 0;color:var(--aura-cyan-ui);font-size:12px}.hunt-level small{font-size:10px;color:var(--text-muted);font-weight:400;margin-left:8px}
button.hc{padding:0;text-align:left;letter-spacing:normal;color:var(--text-hi);font-family:inherit}.hc .art{position:relative}.hunt-caught{position:absolute;top:6px;right:6px;font-size:8px;background:#064a32;border-radius:8px;padding:3px 5px;color:#72edac}.hunt-locked{opacity:.55;cursor:not-allowed}
@media(max-width:800px){.hunt-tools{grid-template-columns:1fr}.hunt-weather{padding:8px 14px}.hunt-weather svg{width:72px}.hunt-objective{flex-wrap:wrap}.hunt-objective>div:first-child{flex-basis:100%}.hunt-filter-row{align-items:flex-start}.hunt-filter-row>.lbl{width:45px;padding-top:8px}}
.hc .ft{display:flex;justify-content:space-between;padding:6px 8px;font:700 10px var(--font-window-title,Orbitron)}
.hc .nm2{padding:0 8px 8px;font-weight:700;font-size:13px}.hc .nm2 small{display:block;color:var(--text-muted);font-weight:500;font-size:10px}
.tbl{width:100%;border-collapse:collapse}.tbl td{padding:6px 8px;border-bottom:1px solid var(--border-1)}.tbl button{padding:5px 10px;font-size:11px;letter-spacing:.04em}
.btn{padding:5px 10px;font-size:11px}.btn.pri{border-color:var(--aura-cyan-ui)}
.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px}
.it{position:relative;aspect-ratio:1;border-radius:10px;border:1px solid var(--border-3);background:linear-gradient(180deg,var(--bg-panel-2),var(--bg-input));display:grid;place-items:center;font-size:28px}
.it img{image-rendering:auto}.it .ct{position:absolute;right:5px;bottom:2px;font:700 12px var(--font-ui);text-shadow:0 1px 2px #000}
.it:hover{border-color:var(--aura-cyan-ui)}
.sw{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--border-2);border-radius:10px;margin-bottom:8px;background:var(--bg-input)}
.tg{min-width:64px;padding:5px 12px;border-radius:99px;font-size:11px}.tg.on{border-color:var(--aura-cyan-ui);color:var(--aura-cyan-ui)}
.note{font-size:11px;color:var(--text-muted);margin:6px 0 12px}
.r-FRACO{color:var(--au-r-comum)}.r-COMUM{color:var(--au-r-comum)}.r-INCOMUM{color:var(--au-r-bom)}.r-RARO{color:var(--au-r-raro)}.r-EPICO{color:var(--au-r-perfeito)}
/* exceção declarada: o item Lendário usa o dourado metálico (nível lendario da tabela de raridade) */
.r-LENDARIO{color:var(--au-shiny-2)}

/* chat */
#chat{max-height:48vh;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:12px;z-index:5}
#chat[hidden]{display:none}.chat-tabs{display:flex;gap:6px}.chat-list{overflow:auto;min-height:90px;max-height:30vh;font-size:12px;display:grid;gap:3px;align-content:start}
#chat .inp{min-width:0;width:100%}#hint{cursor:pointer;pointer-events:auto}
.glass{background:var(--vidro-denso);border:1px solid var(--border-window);box-shadow:var(--shadow-window)}
.chest.ready{border-color:var(--au-valor)!important;box-shadow:0 0 12px color-mix(in srgb,var(--au-valor) 40%,transparent)}.chest.on{opacity:.55}

/* tela de entrada (boot.js) */
#boot{background:#0a1016}
.chip-sel{border-radius:12px;padding:8px 12px;font-size:12px}.chip-sel.on{border-color:var(--aura-cyan-ui);box-shadow:var(--glow-cyan)}

.capture-panel{margin-top:10px;padding:10px;border:1px solid #45616b;border-radius:10px;background:#151e25ed;font-size:12px;max-height:260px;overflow:auto}.capture-panel>b,.capture-panel>small{display:block;margin-bottom:7px}.capture-panel>small{color:#bfced4;line-height:1.4}.capture-row{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:6px}.capture-row>span{min-width:0}.capture-row .btn{padding:5px 9px}
.stack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.stack-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;border:1px solid #44545f;border-radius:10px;background:#17232b;color:#e8f2f6;cursor:pointer}.stack-card.selected{border-color:#2fd8f0;box-shadow:0 0 0 1px #2fd8f0}.stack-card small{color:#a6bac5}.stack-card img{image-rendering:pixelated}.stack-editor{margin-top:16px;padding:16px;border:1px solid #44545f;border-radius:10px}.stack-editor .chips{margin-top:12px}
.chat-actions{display:inline-flex;gap:5px;margin-left:8px;flex-wrap:wrap}.chat-actions button{font-size:10px;padding:2px 6px}.chat-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 0}.chat-tools select{max-width:150px}.chat-tools small{color:#a5b5c0}
.stack-msg{margin:10px 0 0;min-height:1.4em;font-weight:700}.stack-msg.ok{color:#8fe3a1}.stack-msg.erro{color:#ff9a8a}


/* casca nova (au-janela): o título ocupa o espaço e o botão de fechar fica no canto superior direito */
.au-janela__cab .au-janela__titulo{flex:1 1 auto;min-width:0}
.au-janela__cab > [data-c="close"]{margin-left:auto;flex:none}