:root{--bg: #0f0f13;--panel: #1a1a20;--gold: #c5a059;--gold-glow: #ffd700;--accent-red: #8a1c1c;--accent-green: #1c5c1c;--text-main: #e0e0e0;--font-serif: "Cinzel", "Georgia", serif;--font-sans: "Roboto", sans-serif}*{box-sizing:border-box;outline:none;-webkit-user-select:none;user-select:none}html{height:100%;overflow:hidden;-webkit-text-size-adjust:100%;touch-action:manipulation}body{background-color:var(--bg);color:var(--text-main);font-family:var(--font-sans);margin:0;padding:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;touch-action:manipulation;-webkit-overflow-scrolling:touch;position:fixed;width:100%}#root{flex:1;display:flex;flex-direction:column;overflow:hidden;width:100%;height:100%}h1,h2,h3{font-family:var(--font-serif);color:var(--gold);text-transform:uppercase;margin:5px 0}.screen{display:none;flex:1;flex-direction:column;padding:15px 15px 80px;overflow-y:auto;overflow-x:hidden;align-items:center;-webkit-overflow-scrolling:touch;touch-action:pan-y;width:100%;height:100%}.screen.active{display:flex}.btn{cursor:pointer;border:1px solid var(--gold);background:#111;color:var(--gold);padding:10px 20px;font-weight:700;transition:.2s;margin:5px}.btn:hover{background:var(--gold);color:#000}.btn-small:hover{border-color:var(--gold);background:#222}.btn-red{background:#300;border-color:var(--accent-red);color:#faa}.btn-red:hover{background:var(--accent-red);color:#fff}.btn-green{background:#030;border-color:var(--accent-green);color:#afa}.btn-green:hover{background:var(--accent-green);color:#fff}.input-box{background:#222;border:1px solid #444;color:#fff;padding:10px;width:100%;margin-bottom:10px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:2000;display:none;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.item-card{background:#1a1a1a;border:2px solid var(--gold);width:300px;padding:20px;text-align:center;box-shadow:0 0 20px var(--gold-glow);position:relative}.item-title{color:var(--gold);font-family:var(--font-serif);font-size:1.5em;border-bottom:1px solid #333;padding-bottom:10px;margin-bottom:10px}.item-stats{color:#4caf50;font-weight:700;margin:10px 0;font-size:1.2em}.item-desc{color:#aaa;font-style:italic;font-size:.9em;line-height:1.4;margin-bottom:20px}.login-panel{background:var(--panel);border:2px solid var(--gold);padding:40px;max-width:500px;width:100%;text-align:center;box-shadow:0 0 30px #000c;margin-top:50px}.avatar-grid{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0;justify-content:center;align-items:center}.avatar-opt{width:50px;height:50px;border-radius:50%;border:2px solid #444;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5em;background:#222;transition:.2s}.avatar-opt:hover,.avatar-opt.selected{border-color:var(--gold);background:#333;box-shadow:0 0 10px var(--gold-glow);transform:scale(1.1)}.gm-top-bar{width:100%;display:flex;justify-content:space-between;border-bottom:1px solid #333;padding-bottom:10px;margin-bottom:10px}.gm-tabs{display:flex;gap:10px;margin-bottom:20px;width:100%;justify-content:center}.tab-btn{border:1px solid #444;background:#222;color:#888;padding:10px 30px;cursor:pointer;font-weight:700}.tab-btn.active{border-color:var(--gold);color:var(--gold);background:#1a1a1a;border-bottom:2px solid var(--gold)}.gm-view-section{display:none;width:100%}.gm-view-section.active{display:block}.card-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:100%}.char-card{width:320px;height:520px;perspective:1000px;cursor:pointer;position:relative;z-index:1;margin:10px}.char-card:hover{z-index:10}.card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;background:var(--panel);border:1px solid var(--gold);box-shadow:0 5px 15px #00000080;top:0;left:0;will-change:transform}.char-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;padding:10px;overflow-x:hidden}.card-front{transform:rotateY(0) translateZ(1px);z-index:1;overflow-y:hidden}.card-back{transform:rotateY(180deg) translateZ(1px);background:#151515;visibility:visible;opacity:1;color:var(--text-main);will-change:transform;z-index:2;overflow-y:auto;position:relative}.scroll-indicator{position:sticky;bottom:10px;display:flex;justify-content:center;align-items:center;z-index:100;pointer-events:none;animation:bounce 2s infinite;width:100%;padding:10px 0;margin-top:auto}.scroll-indicator span{display:block;font-size:1.5em;color:var(--gold);text-shadow:0 0 10px rgba(197,160,89,.8);opacity:.8}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.card-avatar{width:100px;height:100px;border-radius:50%;border:3px solid var(--gold);margin:20px auto 10px;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}.card-avatar img{width:100%;height:100%;object-fit:cover}.card-avatar span{font-size:4em}.tap-hint{display:none}.delete-btn{position:absolute;top:10px;right:10px;background:transparent;border:none;color:#555;font-size:1.5em;cursor:pointer;z-index:10;width:45px;height:45px}.delete-btn:hover{color:red;transition:.2s}.gm-hp-container{display:flex;align-items:center;justify-content:center;gap:5px;width:100%}.gm-hp-bar-wrap{flex-grow:1;height:30px;background:#111;border:1px solid #555;position:relative;border-radius:3px}.gm-hp-fill{height:100%;background:var(--accent-red);width:100%;transition:width .3s}.gm-hp-text{position:absolute;width:100%;text-align:center;top:0;line-height:30px;color:#fff;font-size:.9em;text-shadow:1px 1px 1px #000;font-weight:700}.gm-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:0 5px;margin-bottom:10px}.stat-ctrl-row{display:flex;justify-content:space-between;align-items:center;font-size:.75em;border:1px solid #333;padding:5px 8px;background:#ffffff0d;border-radius:3px}.stat-ctrl-row .btn-small{padding:4px 8px;font-size:.9em;min-width:28px;min-height:28px;background:#111;border:1px solid var(--gold);color:var(--gold);cursor:pointer;transition:.2s}.stat-ctrl-row .btn-small:hover{background:var(--gold);color:#000;border-color:var(--gold)}.stat-ctrl-val{color:var(--gold);font-weight:700;width:30px;text-align:center;font-size:.95em}.info-icon{font-family:monospace;background:#333;color:#aaa;border-radius:50%;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;border:1px solid #555;cursor:pointer;margin-right:5px}.gm-inv-list{flex-grow:1;overflow-y:auto;border:1px solid #333;margin-bottom:5px;background:#111}.gm-inv-item{font-size:.8em;border-bottom:1px solid #333;padding:5px;display:flex;justify-content:space-between;align-items:center}.gm-inv-item:hover{background:#222}.gm-gold-section{border-top:2px solid #333;padding-top:5px;background:#1a1500;border-radius:5px;margin-top:auto}.gold-label{color:var(--gold);font-size:.9em;font-weight:700;margin-bottom:3px;display:flex;align-items:center;justify-content:center;gap:5px}.gold-controls{display:flex;justify-content:center;align-items:center;gap:10px;padding-bottom:5px;flex-wrap:nowrap}.gold-controls button{min-width:28px;min-height:28px;padding:4px 8px;font-size:.85em;font-weight:400}.player-list-view{width:100%;max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.player-list-item{background:var(--panel);border:2px solid #333;border-radius:8px;overflow:hidden;transition:all .3s ease}.player-list-item:hover{border-color:var(--gold);box-shadow:0 0 15px #c5a0594d}.player-list-header{display:flex;justify-content:space-between;align-items:center;padding:15px;cursor:pointer;background:linear-gradient(135deg,#1a1a20,#252025);transition:background .3s ease}.player-list-header:hover{background:linear-gradient(135deg,#252025,#2a2530)}.list-avatar{width:50px;height:50px;border-radius:50%;border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;font-size:1.8em;background:#111;flex-shrink:0}.list-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.player-list-content{padding:20px;background:#1a1a20;border-top:1px solid #333;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0;padding:0 20px}to{opacity:1;max-height:2000px;padding:20px}}.list-section{margin-bottom:20px}.list-section h4{margin:0 0 10px;color:var(--gold);font-size:1em;border-bottom:1px solid #333;padding-bottom:5px}.gm-hp-container{display:flex;align-items:center;gap:5px;justify-content:center;flex-wrap:wrap}.gm-hp-bar-wrap{position:relative;flex:1;min-width:120px;height:40px;background:#1a0000;border:2px solid #333;border-radius:5px;overflow:hidden;margin:0 10px}.gm-hp-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#8a1c1c,#c52a2a);transition:width .3s ease}.gm-hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;text-shadow:1px 1px 2px black;z-index:1}.gm-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.stat-ctrl-row{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#111;border-radius:5px;border:1px solid #333}.stat-ctrl-val{min-width:40px;text-align:center;font-weight:700;color:var(--gold);font-size:1.1em;margin:0 10px}.workshop-container{max-width:800px;margin:0 auto;background:#1a1a1a;padding:20px;border:1px solid #333}.ws-item-row{background:#222;border:1px solid #444;padding:10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.ws-item-row .btn-small{min-width:60px;min-height:32px;padding:6px 12px;font-size:.85em;display:flex;align-items:center;justify-content:center;text-align:center}.player-header{width:100%;text-align:center;margin-bottom:10px;border-bottom:1px solid #333;padding-bottom:10px}.hp-wrapper-large{height:35px;background:#111;border:2px solid #555;position:relative;margin:0 auto 5px;width:100%;max-width:500px;border-radius:4px;overflow:hidden}.hp-fill-large{height:100%;background:var(--accent-red);width:100%;transition:width .3s}.hp-text-overlay{position:absolute;width:100%;text-align:center;line-height:35px;top:0;left:0;font-weight:700;color:#fff;text-shadow:1px 1px 2px #000;letter-spacing:1px}.player-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;width:100%;max-width:500px;margin:10px auto}.p-stat-box{background:#ffffff0d;border:1px solid #444;text-align:center;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:5px 15px}.stat-mod-big{font-size:1.4em;font-weight:700;color:var(--gold)}.stat-score-tiny{font-size:.8em;color:#888}.equip-zone,.inv-zone{width:100%;max-width:500px;background:#1a1a1a;border:1px solid #444;padding:10px;border-radius:5px;margin-bottom:15px}.equip-header,.inv-title{color:var(--gold);font-size:.9em;border-bottom:1px solid var(--gold);margin-bottom:5px;text-align:center;letter-spacing:2px}.inv-header-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #555;margin-bottom:5px;padding-bottom:5px}.inv-item{font-size:.85em;border-bottom:1px solid #333;padding:10px;display:flex;justify-content:space-between;cursor:pointer;transition:.2s;background:#222;margin-bottom:2px;align-items:center}.inv-item:hover{background:#333;border-left:2px solid var(--gold)}.weight-badge{font-size:.8em;background:#000;padding:2px 6px;border:1px solid #444;color:#888;border-radius:4px}.weight-warn{color:#f55;border-color:#a00}.p-gold-badge{display:inline-flex;align-items:center;gap:5px;color:var(--gold);border:1px solid var(--gold);padding:2px 8px;border-radius:10px;background:#111;font-size:.9em;margin-top:5px}.game-log-container{position:fixed;bottom:20px;right:20px;width:350px;max-height:500px;background:var(--panel);border:2px solid var(--gold);border-radius:8px;box-shadow:0 4px 20px #000c;display:flex;flex-direction:column;z-index:1000;transition:all .3s}.game-log-container.minimized{max-height:50px}.game-log-header{background:linear-gradient(135deg,#1a1a20,#2a2a30);padding:12px 15px;border-bottom:1px solid var(--gold);cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;font-weight:700;color:var(--gold)}.game-log-header:hover{background:linear-gradient(135deg,#2a2a30,#3a3a40)}.minimize-btn{background:none;border:none;color:var(--gold);cursor:pointer;font-size:1.2em;padding:0}.game-log-messages{flex:1;overflow-y:auto;padding:10px;max-height:380px;min-height:200px}.game-log-messages::-webkit-scrollbar{width:8px}.game-log-messages::-webkit-scrollbar-track{background:#111}.game-log-messages::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px}.log-entry{display:flex;gap:8px;margin-bottom:12px;padding:8px;background:#ffffff05;border-left:3px solid;border-radius:4px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.log-icon{font-size:1.2em;line-height:1}.log-content{flex:1;min-width:0}.log-header-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.log-sender{font-weight:700;font-size:.9em}.log-time{font-size:.75em;color:#666}.log-message{font-size:.9em;color:#ddd;word-wrap:break-word;line-height:1.4}.game-log-input{display:flex;gap:5px;padding:10px;border-top:1px solid #333;background:#111}.log-input-field{flex:1;background:#222;border:1px solid #444;color:#fff;padding:8px 12px;border-radius:4px;font-size:.9em}.log-input-field:focus{border-color:var(--gold);outline:none}.log-send-btn{background:var(--gold);color:#000;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;font-weight:700;transition:.2s}.log-send-btn:hover:not(:disabled){background:var(--gold-glow);transform:scale(1.05)}.log-send-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.card-container{justify-content:center}.char-card{width:300px;height:500px}.game-log-container{width:320px;bottom:10px;right:10px}}@media(max-width:768px){body{font-size:14px}.login-panel{padding:20px;margin-top:20px}.stat-ctrl-row{font-size:.85em!important;padding:6px 10px!important;margin-bottom:4px!important}.stat-ctrl-row button{min-width:32px!important;min-height:32px!important;font-size:.95em!important;padding:4px 8px!important;font-weight:400!important}.stat-ctrl-val{width:35px!important;font-size:1em!important}.gm-hp-container button{min-width:70px!important;min-height:70px!important;font-size:1.5em!important;font-weight:700!important;padding:16px!important}.gm-hp-bar-wrap{flex:1 1 auto!important;min-width:120px!important;max-width:200px!important;height:50px!important;margin:0 5px!important}.gm-hp-container{flex-wrap:wrap!important;justify-content:center!important;gap:5px!important}.gold-controls button{min-width:32px!important;min-height:32px!important;font-size:.9em!important;padding:4px 8px!important}.char-card{width:100%;max-width:100%;height:500px;min-height:500px;perspective:800px;margin-bottom:20px;z-index:1}.char-card:hover,.char-card.flipped{z-index:10}.card-inner{height:100%;min-height:400px;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;top:0;left:0}.card-front,.card-back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;padding:15px;overflow-x:hidden}.card-front{transform:rotateY(0) translateZ(1px);z-index:1;overflow-y:hidden}.card-back{transform:rotateY(180deg) translateZ(1px);background:#151515;visibility:visible;opacity:1;color:var(--text-main);z-index:2;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}.scroll-indicator{bottom:15px;width:100%;padding:15px 0}.scroll-indicator span{font-size:1.8em}.char-card.flipped .card-inner{transform:rotateY(180deg)}.delete-btn{position:absolute;top:10px;right:10px;background:#8a1c1ccc!important;border:1px solid #ff5555!important;padding:8px 12px!important;font-size:1.2em!important;z-index:10}.tap-hint{display:block!important;text-align:center;color:var(--gold)!important;font-size:.85em!important;padding:5px;background:#c5a0591a;border-radius:5px;margin:10px 0}.card-container{gap:15px;padding:10px;flex-direction:column;align-items:stretch}.card-avatar{width:80px!important;height:80px!important;margin:10px auto!important;flex-shrink:0}.card-avatar img{width:80px!important;height:80px!important;object-fit:cover}.gm-stat-grid{grid-template-columns:1fr!important;gap:8px!important}.gm-inv-list{max-height:150px!important;overflow-y:auto!important}.char-card h3{font-size:1.3em!important;margin:5px 0!important}.char-card h4{font-size:1em!important;margin:10px 0 5px!important;padding:5px 0!important}.gold-controls{flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important}.game-log-container{bottom:0;right:0;left:0;width:100%;max-width:100%;border-radius:0;max-height:60vh}.game-log-container.minimized{max-height:50px}.game-log-messages{max-height:calc(60vh - 120px)}.tab-btn{padding:12px 20px;font-size:.9em}.gm-tabs{gap:5px}.workshop-container{padding:15px}.ws-item-row{flex-direction:column;gap:10px;align-items:stretch}.ws-item-row .btn-small{min-width:60px!important;min-height:32px!important;padding:6px 12px!important;font-size:.85em!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}.player-stat-grid{grid-template-columns:1fr;gap:8px}.p-stat-box{padding:10px 15px}.btn{padding:12px 24px;font-size:1em;min-height:44px}.input-box{padding:15px;font-size:1em}.avatar-opt{width:55px;height:55px;font-size:1.8em}.avatar-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.gm-top-bar{flex-direction:column;gap:10px;align-items:stretch}.gm-top-bar h2{font-size:1.2em}.login-panel{padding:15px;margin-top:10px}h1{font-size:1.5em}h2{font-size:1.3em}h3{font-size:1.1em}.btn-small{padding:18px 22px!important;font-size:1.2em!important;min-width:50px!important;min-height:50px!important;border-radius:10px!important}.btn-small-2{font-size:1.2em!important}.stat-ctrl-row button{min-width:32px!important;min-height:32px!important;font-size:.95em!important;padding:4px 8px!important;background:#111!important;border:1px solid var(--gold)!important;color:var(--gold)!important;cursor:pointer!important;transition:.2s!important}.stat-ctrl-row button:hover{background:var(--gold)!important;color:#000!important;border-color:var(--gold)!important}.gm-hp-container button{min-width:40px!important;min-height:40px!important;font-size:1em!important;padding:0!important}.gold-controls button{min-width:32px!important;min-height:32px!important;font-size:.9em!important;padding:4px 8px!important}.list-section button{min-width:35px!important;min-height:35px!important;font-size:.75em!important;padding:8px!important}.stat-ctrl-val{font-size:1.6em!important;width:55px!important}.stat-ctrl-row{padding:14px!important}.avatar-grid{grid-template-columns:repeat(3,1fr)}.game-log-messages{max-height:calc(60vh - 100px);font-size:.9em}.card-front,.card-back{padding:12px!important}.gm-inv-list{max-height:120px!important}.card-avatar,.card-avatar img{width:70px!important;height:70px!important}.card-avatar span{font-size:2.5em!important}}@media(max-width:896px)and (orientation:landscape){.game-log-container{max-height:80vh}.char-card{height:auto;min-height:400px}}@media(hover:none)and (pointer:coarse){.btn-small{min-width:44px;min-height:44px}.info-icon{width:24px;height:24px;font-size:14px}*{touch-action:manipulation}}.hp-green{background:var(--accent-green);color:#fff;border:1px solid #2a7a2a}.hp-red{background:var(--accent-red);color:#fff;border:1px solid #aa3333}