*{box-sizing:border-box}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e2e8f0;background:#0f172a}body{margin:0;min-width:320px;overflow:hidden;background:#0f172a}button,input{font:inherit}button{cursor:pointer;border:0}#app{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}.panel{background:#0f172ae6;border:1px solid rgba(148,163,184,.24);box-shadow:0 18px 48px #02061742;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.login-card{position:fixed;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 32px));padding:32px;border-radius:24px;background:#0f172af5;border:1px solid rgba(125,211,252,.25);box-shadow:0 24px 90px #0206177a}.eyebrow{margin:0 0 8px;color:#7dd3fc;font-size:11px;font-weight:800;letter-spacing:.16em}h1{margin:0 0 8px;font-size:clamp(32px,6vw,52px);line-height:1;color:#f8fafc}.muted,.hint{color:#94a3b8}.login-card label{display:block;margin:20px 0 8px;color:#cbd5e1;font-size:13px;font-weight:700}input{width:100%;border:1px solid #334155;border-radius:12px;background:#111c32;color:#f8fafc;padding:12px 14px;outline:none}input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}.character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.character-card{display:grid;gap:5px;justify-items:center;padding:13px 8px;border:1px solid #334155;border-radius:14px;background:#17233b;color:#cbd5e1}.character-card.selected{border-color:#38bdf8;background:#12314a;color:#f8fafc;box-shadow:0 0 0 2px #38bdf82e}.character-card small{color:#94a3b8;font-size:11px}.avatar-swatch{width:32px;height:32px;border-radius:50%;box-shadow:inset 0 -5px #0000002e}.avatar-blue{background:#2563eb}.avatar-green{background:#16a34a}.avatar-orange{background:#ea580c}.avatar-purple{background:#9333ea}.primary-button,.secondary-button,.camera-controls button,.chat-tabs button{border-radius:10px;padding:10px 14px;font-weight:800;transition:transform .16s ease,background .16s ease}.primary-button{margin-top:24px;width:100%;background:#0ea5e9;color:#082f49}.primary-button:hover{background:#38bdf8;transform:translateY(-1px)}.secondary-button,.camera-controls button,.chat-tabs button{background:#263650;color:#cbd5e1}.secondary-button:hover,.camera-controls button:hover,.chat-tabs button:hover{background:#334a6b}.hud-shell{position:fixed;z-index:3;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-shell>*{pointer-events:auto}.hud-topbar{position:absolute;top:16px;left:16px;right:16px;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 16px;border-radius:16px}.hud-topbar strong{display:block;color:#f8fafc}.hud-topbar span{display:block;margin-top:3px;color:#7dd3fc;font-size:11px}#status{flex:1;color:#cbd5e1;font-size:13px}.world-panel{position:absolute;left:16px;top:94px;width:min(290px,calc(100vw - 32px));padding:16px;border-radius:16px}#tablesInfo{max-height:min(38vh,360px);overflow-y:auto;overscroll-behavior:contain;padding-right:5px;scrollbar-width:thin;scrollbar-color:rgba(125,211,252,.55) rgba(15,23,42,.38)}.table-card{display:block;box-sizing:border-box;width:100%;height:210px;overflow:hidden;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.16);text-align:left}.table-card:last-child{border-bottom:0}.table-card h3{margin:0 0 7px;color:#f8fafc;font-size:14px}.table-card p{margin:4px 0;color:#94a3b8;font-size:12px}.status-chip{display:inline-block;margin-top:5px;padding:3px 7px;border-radius:99px;background:#263650;color:#cbd5e1;font-size:10px;font-weight:800;letter-spacing:.08em}.camera-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.camera-controls button{padding:8px 5px;font-size:11px}.interaction{position:absolute;left:50%;bottom:30px;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px}.interaction strong{white-space:nowrap}.interaction .primary-button{width:auto;margin:0;padding:9px 18px}.chat{position:fixed;z-index:4;right:16px;bottom:16px;width:min(360px,calc(100vw - 32px));border-radius:16px;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid rgba(148,163,184,.18);color:#f8fafc;font-size:12px}.chat-tabs{display:flex;gap:5px}.chat-tabs button{padding:5px 8px;font-size:11px}.chat-tabs button:disabled{cursor:not-allowed;opacity:.45}#chatMessages{height:160px;overflow-y:auto;padding:10px 13px}.chat-line{margin:6px 0;color:#cbd5e1;font-size:12px;line-height:1.35}.chat-line strong{color:#7dd3fc}#chat form{display:flex;gap:8px;padding:10px;border-top:1px solid rgba(148,163,184,.18)}#chat form input{min-width:0;padding:9px 10px}#chat form button{width:auto;margin:0;padding:8px 12px}@media(max-width:720px){.character-grid{grid-template-columns:repeat(2,1fr)}.hud-topbar{right:16px;flex-wrap:wrap}.world-panel{top:150px}.chat{bottom:12px}.world-panel{width:240px}.interaction{bottom:210px}}@media(max-width:480px){.login-card{padding:24px}.world-panel{left:10px;top:148px;width:calc(100vw - 20px)}.chat{left:10px;right:10px;width:auto}.hud-topbar{left:10px;right:10px;top:10px}.interaction{left:10px;right:10px;transform:none;justify-content:space-between}}.admin-page{overflow:auto;min-height:100vh;padding:18px;background:#0f172a}.admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;max-width:1440px;min-height:calc(100vh - 36px);margin:0 auto}.admin-main,.admin-side{border-radius:18px;padding:16px}.admin-header,.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-header h1{font-size:34px}.admin-header a{text-decoration:none}.admin-toolbar{justify-content:flex-start;margin:14px 0}.admin-toolbar .secondary-button{padding:8px 10px;font-size:12px}.admin-toolbar span{margin-left:auto;color:#7dd3fc;font-size:12px}#adminCanvas{width:100%;height:calc(100vh - 160px);min-height:480px;display:block;border-radius:12px;background:#111827}.admin-section-title{margin-top:24px}.admin-list{display:grid;gap:8px}.admin-row{display:grid;gap:4px;width:100%;padding:10px;border:1px solid #334155;border-radius:10px;background:#17233b;color:#cbd5e1;text-align:left}.admin-row:hover{background:#263650;border-color:#38bdf8}.admin-row strong{color:#f8fafc}.admin-row span{color:#94a3b8;font-size:11px}.admin-side pre{max-height:260px;overflow:auto;padding:10px;border-radius:10px;background:#0b1220;color:#a7f3d0;font-size:10px;white-space:pre-wrap}.admin-control-section{margin-top:18px;padding-top:15px;border-top:1px solid rgba(148,163,184,.16)}.admin-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.admin-section-head>span{color:#cbd5e1;font-size:11px;text-align:right}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.admin-form-grid label{display:grid;gap:5px;color:#cbd5e1;font-size:11px;font-weight:700}.admin-form-grid input,.admin-form-grid select{box-sizing:border-box;width:100%;padding:8px 9px;border:1px solid #334155;border-radius:8px;background:#111c32;color:#f8fafc}.admin-action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.admin-action-row button{flex:1 1 120px;margin:0;width:auto}.danger-button{padding:9px 12px;border-radius:10px;background:#7f1d1d;color:#fecaca;font-weight:800}.danger-button:hover{background:#991b1b}.fixture-admin-match{padding:8px 10px;font-size:11px}@media(max-width:900px){.admin-layout{grid-template-columns:1fr}.admin-side{order:-1}.admin-list{grid-template-columns:repeat(2,minmax(0,1fr))}#adminCanvas{min-height:420px}}@media(max-width:560px){.admin-page{padding:10px}.admin-layout{min-height:calc(100vh - 20px)}.admin-main,.admin-side{padding:12px}.admin-list,.admin-form-grid{grid-template-columns:1fr}#adminCanvas{min-height:340px}}.character-grid-single{grid-template-columns:minmax(0,1fr)}.character-grid-single .character-card{grid-template-columns:auto 1fr;grid-template-rows:auto auto;justify-items:start;align-items:center;column-gap:12px;text-align:left}.character-grid-single .character-card .avatar-swatch{grid-row:1 / span 2}.asset-note{margin:12px 0 0;color:#94a3b8;font-size:11px;line-height:1.45}.asset-note code{color:#bae6fd}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-header .eyebrow{margin-bottom:4px}.panel-toggle{padding:5px 8px;border:1px solid rgba(148,163,184,.24);border-radius:8px;background:#1e2d48;color:#cbd5e1;font-size:11px;font-weight:800}.panel-toggle:hover{background:#2f4568}.panel-body.collapsed{display:none}.notice-panel{position:absolute;right:16px;top:94px;width:min(360px,calc(100vw - 32px));padding:13px 15px;border-radius:16px}.notice-panel .panel-body{padding-top:8px}.notice-panel p{margin:0;color:#cbd5e1;font-size:12px;line-height:1.45}.notice-panel[data-level=success]{border-color:#4ade808c}.notice-panel[data-level=warning]{border-color:#facc15a6}.notice-panel[data-level=error]{border-color:#f87171b8}.rules-list{margin:10px 0;padding:10px;border:1px solid rgba(125,211,252,.18);border-radius:10px;background:#0e74901c}.rules-list strong{color:#bae6fd;font-size:12px}.rules-list p{margin:6px 0 0;color:#cbd5e1;font-size:11px;line-height:1.45}#chat .chat-header{padding:11px 13px}#chat .panel-body{padding:0}#chat .chat-tabs{display:flex;gap:5px;padding:10px 10px 0}#chat .chat-tabs button{padding:5px 8px;font-size:11px}#chat .chat-tabs button:disabled{cursor:not-allowed;opacity:.45}#chat #chatMessages{height:160px}@media(max-width:1100px){.notice-panel{right:16px;top:100px;width:min(360px,calc(100vw - 32px))}}@media(max-width:720px){.notice-panel{left:16px;right:16px;top:100px;width:auto}.hud-topbar{gap:8px}.hud-topbar #status{order:3;flex-basis:100%}.world-panel{top:160px}}@media(max-width:480px){.notice-panel{left:10px;right:10px;top:100px}.world-panel{top:95px}}.mobile-controls{position:fixed;z-index:5;left:max(14px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));display:none;gap:5px;flex-direction:column;align-items:center;pointer-events:auto}.mobile-controls>div{display:flex;gap:5px}.mobile-controls button{width:52px;height:46px;border-radius:13px;background:#1e2d48e6;border:1px solid rgba(125,211,252,.35);color:#e0f2fe;font-size:20px;font-weight:900;touch-action:none;user-select:none;-webkit-user-select:none}.mobile-controls button:active,.mobile-controls button.is-pressed{background:#0ea5e9;color:#082f49;transform:scale(.96)}@media(pointer:coarse),(max-width:900px){body{min-height:100dvh}#app{touch-action:none}.mobile-controls{display:flex}.hud-topbar{top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));padding:10px 12px}.hud-topbar button,.camera-controls button,.panel-toggle,.secondary-button,.primary-button{min-height:44px}.world-panel{max-height:min(42dvh,380px);overflow:hidden}#tablesInfo{max-height:min(30dvh,280px)}.notice-panel{max-height:min(30dvh,250px);overflow:auto}.chat{bottom:max(12px,env(safe-area-inset-bottom))}}@media(orientation:landscape)and (max-height:560px){.world-panel{top:88px;width:220px;max-height:48dvh;overflow:hidden}#tablesInfo{max-height:24dvh}.notice-panel{top:88px;right:10px;width:250px;max-height:38dvh}.chat{width:280px}.interaction{bottom:18px}}@media(max-width:560px){.hud-topbar strong{font-size:12px}#status{font-size:11px}.world-panel{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));width:auto;top:142px}.notice-panel{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));top:10px}.chat{left:10px;right:10px;width:auto}.chat #chatMessages{height:110px}.interaction{left:10px;right:10px;bottom:150px}}@media(min-width:561px)and (max-width:900px){.mobile-controls{left:20px;bottom:24px}.chat{right:18px;width:min(320px,38vw)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.panel,.table-card,.notice-panel,.chat{background:#080d1894;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.table-history{display:block;max-height:112px;overflow-y:auto;overscroll-behavior:contain;padding:6px 5px 3px;border-top:1px solid rgba(125,211,252,.16);color:#e8efffc7;margin-top:.45rem;line-height:1.35;scrollbar-width:thin;scrollbar-color:rgba(125,211,252,.55) rgba(15,23,42,.45)}.table-history-title{position:sticky;top:-6px;z-index:1;padding:2px 0 5px;background:#080d18eb;color:#7dd3fc;font-size:9px;font-weight:900;letter-spacing:.12em}.table-result{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:6px 0;border-bottom:1px solid rgba(148,163,184,.11);font-size:11px}.table-result:last-child{border-bottom:0}.table-result-names{display:flex;min-width:0;flex-wrap:wrap;align-items:baseline;gap:3px 7px}.table-result-names:before{content:"";color:#64748b}.result-winner{color:#f8fafc;font-weight:900}.result-draw{color:#facc15;font-weight:900}.result-winner:before{content:"Kazanan: ";color:#86efac;font-size:10px;font-weight:700}.result-loser{color:#94a3b8;text-decoration:line-through;text-decoration-thickness:1px}.result-loser:before{content:"Kaybeden: ";color:#64748b;text-decoration:none;display:inline-block;margin-right:3px}.table-result time{flex:0 0 auto;color:#e8efff94;font-size:10px;white-space:nowrap}.chat-time{margin-left:.45rem;color:#e8efff94;font-size:.72rem}@media(max-width:760px){.table-card{height:184px}.table-history{max-height:88px}.table-result{align-items:flex-start}.table-result time{font-size:9px}.chat-time{display:block;margin-left:0}}canvas{touch-action:none}.reaction-bar{display:flex;gap:6px;align-items:center;padding:6px 10px 4px;border-top:1px solid rgba(125,211,252,.14)}.reaction-bar button{width:32px;height:30px;padding:0;border:1px solid rgba(125,211,252,.25);border-radius:9px;background:#0f172a9e;color:#fff;font-size:18px;line-height:1;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease;touch-action:manipulation}.reaction-bar button:hover,.reaction-bar button:focus-visible{transform:translateY(-1px) scale(1.06);background:#1e40afb8;border-color:#7dd3fcb8;outline:none}.reaction-bar button:active{transform:scale(.94)}@media(max-width:640px){.reaction-bar button{width:38px;height:34px;font-size:20px}}.movement-joystick{width:126px;height:126px;display:grid;place-items:center;touch-action:none;-webkit-user-select:none;user-select:none}.joystick-ring{width:112px;height:112px;display:grid;place-items:center;border:2px solid rgba(125,211,252,.48);border-radius:50%;background:#0f172a94;box-shadow:inset 0 0 0 8px #0f172a3d,0 8px 24px #02061747}.joystick-knob{width:46px;height:46px;border:2px solid rgba(255,255,255,.68);border-radius:50%;background:#2563ebc7;box-shadow:0 3px 12px #0206176b;pointer-events:none}.mobile-control-hint{display:block;margin-top:2px;max-width:150px;text-align:center;color:#e8efffb3;font-size:.7rem;line-height:1.2}.admin-moderation-panel{margin-top:12px}.admin-chat-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.admin-chat-column{min-width:0;display:grid;gap:6px}.admin-chat-column>strong{color:#bae6fd;font-size:.76rem;letter-spacing:.04em}.admin-chat-messages{max-height:230px;overflow-y:auto;display:grid;align-content:start;gap:6px;padding:4px;border:1px solid rgba(148,163,184,.16);border-radius:8px}.admin-table-chat-box{display:grid;gap:4px}.admin-table-chat-heading{margin:4px 0 0;color:#fbbf24;font-size:.75rem}.admin-table-message-box{max-height:198px;min-height:72px;overflow-y:auto;display:grid;align-content:start;gap:6px;padding:4px;border:1px solid rgba(251,191,36,.22);border-radius:8px;background:#0f172a38}.admin-chat-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:8px;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:#0f172a6b}.admin-chat-row>div{min-width:0;display:grid;gap:3px}.admin-chat-row strong{color:#bae6fd;font-size:.78rem}.admin-chat-row span{color:#e8efffe0;overflow-wrap:anywhere;font-size:.84rem}.admin-chat-row .danger-button{flex:0 0 auto;padding:5px 9px;font-size:.72rem}@media(max-width:760px){.movement-joystick{width:112px;height:112px}.joystick-ring{width:100px;height:100px}.admin-chat-columns{grid-template-columns:1fr}.admin-chat-messages{max-height:180px}}