*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0d0908;color:#f4dba6;font-family:Arial,sans-serif}.site{width:100%;overflow-x:auto}.scene{position:relative;width:100%;min-width:760px;max-width:1920px;margin:auto;aspect-ratio:3/2}.art{display:block;width:100%;height:100%;object-fit:fill;user-select:none}#hotspots,#ranking-tabs{position:absolute;inset:0;pointer-events:none}.hotspot,#ranking-tabs button{position:absolute;cursor:pointer;border:0;background:transparent;pointer-events:auto}.hotspot:hover,#ranking-tabs button:hover{outline:2px solid rgba(255,188,73,.75);background:rgba(255,172,50,.12);box-shadow:0 0 18px rgba(255,147,36,.3)}.hotspot:focus-visible,#ranking-tabs button:focus-visible{outline:3px solid #ffe2a0}dialog{max-width:min(92vw,540px);width:100%;background:linear-gradient(145deg,#1e1510,#090707);color:#f3dfb5;border:2px solid #a86a25;border-radius:12px;box-shadow:0 0 80px #000;padding:26px}dialog::backdrop{background:rgba(0,0,0,.82)}dialog h2{margin:0 35px 18px 0;color:#ffca6b}dialog p{line-height:1.6;color:#e8d8c5}.close{float:right;background:none;border:0;color:#ffd58d;font-size:28px;cursor:pointer}.gold{background:linear-gradient(#bb651b,#66320c);border:1px solid #e4a44a;color:white;padding:10px 24px;border-radius:5px;cursor:pointer}input{display:block;width:100%;padding:12px;margin:10px 0;background:#130e0b;border:1px solid #8b6235;color:white;border-radius:5px}small{color:#c7ad86}a{color:#ffd28b}@media(max-width:760px){.site{overflow-x:auto}.scene{width:100%;min-width:760px}}
.admin{padding:25px}.adminbox{max-width:750px;margin:auto;background:#18100c;border:1px solid #9e692b;border-radius:10px;padding:25px}.adminbox label{display:block;margin:12px 0}.adminbox textarea{display:block;width:100%;min-height:100px;background:#130e0b;border:1px solid #8b6235;color:#fff;padding:12px}.adminbox article{border-bottom:1px solid #604121;padding:10px 0}.modal-list{list-style:none;padding:0}.modal-list li{margin:10px 0;padding:8px;border-bottom:1px solid #69471d}.status-pill{position:absolute;left:3%;top:34%;width:15%;background:#0e0a08ee;color:#ffe0a5;padding:9px;border:1px solid #b57c32;font-size:clamp(10px,1.05vw,17px);text-align:center;pointer-events:none}.status-pill.offline{color:#f99}.live-note{position:absolute;left:23%;bottom:12%;background:#090807f0;color:#e5bb75;padding:6px 14px;font-size:clamp(10px,1vw,15px);border:1px solid #946129;pointer-events:none}

/* Inputs reais sobre o painel desenhado na imagem. As coordenadas seguem a arte 1536×1024. */
.player-panel{position:absolute;left:83.3%;top:36.7%;width:12.9%;height:11%;z-index:4}.player-panel form{height:100%;position:relative}.player-panel input{position:absolute;left:0;width:100%;height:27%;margin:0;padding:0 9%;border:1px solid #735333;border-radius:4px;background:#100d0bf0;color:#fff;font-size:clamp(10px,1.05vw,16px);outline-offset:2px}.player-panel input:focus{border-color:#ffc36c;box-shadow:0 0 9px #9d5e26}.player-panel input::placeholder{color:#ddd}.player-panel input:first-of-type{top:0}.player-panel input:nth-of-type(2){top:32%}.player-panel button{position:absolute;top:67%;left:0;width:100%;height:31%;background:linear-gradient(#b85c16,#7b2e05);border:1px solid #e7a149;border-radius:5px;color:#fff;font-size:clamp(10px,1.2vw,18px);cursor:pointer}.player-panel button:hover{filter:brightness(1.2)}.player-message{position:absolute;top:104%;right:0;width:170%;margin:0;background:#100b09;color:#ffdc9e;font-size:12px;line-height:1.4;border:1px solid #a87031;padding:8px;display:none;z-index:9}.player-message.visible{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.register-form label{display:block;color:#f7d39c;margin:10px 0}.register-form input{margin:5px 0 0}.register-form .gold{margin:10px 0}.register-form p{color:#ffd88a}