@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600&display=swap");:root{color-scheme:dark;--cod-bg-0:#0a0c14;--cod-bg-1:#11141f;--cod-bg-2:#181c2a;--cod-panel:#1c2030;--cod-panel-border:#2a3148;--cod-panel-border-strong:#3a4360;--cod-fg:#e8e6df;--cod-fg-dim:#a8a69e;--cod-fg-muted:#6d6b64;--cod-gold:#d8b34a;--cod-gold-bright:#f0c955;--cod-gold-dim:#8a7333;--cod-error:#c8453c;--cod-error-dim:#5a1f1b;--background:var(--cod-bg-0);--foreground:var(--cod-fg);--accent:var(--cod-gold);--cod-radius:6px;--cod-radius-lg:10px;--cod-maxw-form:420px;--cod-maxw-page:1080px;--cod-header-h:3.25rem;--cod-font-display:"Cinzel","Trajan Pro","Times New Roman",serif;--cod-font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--cod-shadow-panel:0 1px 0 rgba(255,255,255,0.04) inset,0 0 0 1px var(--cod-panel-border),0 20px 40px -20px rgba(0,0,0,0.8);--cod-shadow-panel-hover:0 1px 0 rgba(255,255,255,0.06) inset,0 0 0 1px var(--cod-panel-border-strong),0 24px 48px -18px rgba(0,0,0,0.9)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100vh;background:var(--cod-bg-0);color:var(--cod-fg);font-family:var(--cod-font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background:radial-gradient(ellipse at 15% -10%,rgba(216,179,74,.06) 0,transparent 55%),radial-gradient(ellipse at 110% 110%,rgba(74,100,216,.08) 0,transparent 50%),linear-gradient(180deg,var(--cod-bg-1) 0,var(--cod-bg-0) 100%);background-attachment:fixed}h1,h2,h3{font-family:var(--cod-font-display);letter-spacing:.03em;color:var(--cod-fg);margin:0 0 .75rem;line-height:1.15}h1{font-size:clamp(2rem,4vw + 1rem,3.4rem);font-weight:700;background:linear-gradient(180deg,var(--cod-gold-bright) 0,var(--cod-gold) 60%,var(--cod-gold-dim) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(0,0,0,.6)}h2{font-size:clamp(1.5rem,2vw + .8rem,2rem);color:var(--cod-gold);font-weight:600}p{margin:0 0 1rem;color:var(--cod-fg-dim)}a{color:var(--cod-gold);text-decoration:none;border-bottom:1px solid transparent;transition:color .15s,border-color .15s}a:hover{color:var(--cod-gold-bright);border-bottom-color:var(--cod-gold-bright)}a:focus-visible{outline:2px solid var(--cod-gold-bright);outline-offset:3px;border-radius:2px}header{border-bottom:1px solid var(--cod-panel-border);background:rgba(10,12,20,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:-webkit-sticky;position:sticky;top:0;z-index:10;min-height:var(--cod-header-h)}header nav{max-width:var(--cod-maxw-page);margin:0 auto;padding:.9rem 1.5rem;display:flex;align-items:center;gap:1.25rem}header nav a{font-family:var(--cod-font-display);font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;border-bottom:none}header nav a:first-child{color:var(--cod-fg);font-weight:700;margin-right:auto}header nav a:first-child:hover{color:var(--cod-gold-bright)}main{max-width:var(--cod-maxw-page);margin:0 auto;padding:3rem 1.5rem 4rem}main:has(form[aria-label$=form]){max-width:var(--cod-maxw-form);padding-top:4.5rem}.cod-panel,form[aria-label$=form]{background:linear-gradient(180deg,var(--cod-panel) 0,var(--cod-bg-2) 100%);border-radius:var(--cod-radius-lg);padding:2rem 1.75rem;box-shadow:var(--cod-shadow-panel);position:relative}form[aria-label$=form]{display:flex;flex-direction:column;gap:1.1rem;margin-top:1.5rem;margin-bottom:1.5rem}.cod-panel:before,form[aria-label$=form]:before{content:"";position:absolute;left:1.5rem;right:1.5rem;top:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--cod-gold-dim) 50%,transparent 100%);opacity:.8}form label{display:flex;flex-direction:column;gap:.4rem;font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cod-fg-dim)}form input[type=email],form input[type=password],form input[type=text]{font:inherit;font-size:1rem;text-transform:none;letter-spacing:normal;padding:.7rem .9rem;background:var(--cod-bg-0);color:var(--cod-fg);border:1px solid var(--cod-panel-border);border-radius:var(--cod-radius);transition:border-color .15s,box-shadow .15s,background .15s}form input[type=email]:hover,form input[type=password]:hover,form input[type=text]:hover{border-color:var(--cod-panel-border-strong)}form input[type=email]:focus,form input[type=password]:focus,form input[type=text]:focus{outline:none;border-color:var(--cod-gold);box-shadow:0 0 0 3px rgba(216,179,74,.18);background:var(--cod-bg-1)}form input[type=email]:disabled,form input[type=password]:disabled,form input[type=text]:disabled{opacity:.55;cursor:not-allowed}form [role=alert]{margin:0;padding:.65rem .9rem;background:var(--cod-error-dim);border-left:3px solid var(--cod-error);border-radius:var(--cod-radius);color:#f4b8b4;font-size:.9rem}.cod-btn,form button[type=submit]{font:inherit;font-family:var(--cod-font-display);font-weight:600;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;padding:.85rem 1.4rem;margin-top:.25rem;cursor:pointer;color:#1a1508;background:linear-gradient(180deg,var(--cod-gold-bright) 0,var(--cod-gold) 55%,var(--cod-gold-dim) 100%);border:1px solid var(--cod-gold-dim);border-radius:var(--cod-radius);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 24px -12px rgba(216,179,74,.5),0 0 0 1px rgba(0,0,0,.2);transition:transform .12s,box-shadow .12s,filter .12s;text-decoration:none;display:inline-block;text-align:center}.cod-btn:hover,form button[type=submit]:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 16px 30px -14px rgba(216,179,74,.6),0 0 0 1px rgba(0,0,0,.25)}.cod-btn:active,form button[type=submit]:active:not(:disabled){transform:translateY(0);filter:brightness(.95)}form button[type=submit]:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.4)}.cod-btn--ghost{background:transparent;color:var(--cod-gold);border:1px solid var(--cod-gold-dim);box-shadow:none}.cod-btn--ghost:hover{background:rgba(216,179,74,.08);color:var(--cod-gold-bright);border-color:var(--cod-gold);filter:none;box-shadow:0 0 0 3px rgba(216,179,74,.1)}.cod-hero{text-align:center;padding:3rem 1rem 4rem;background:linear-gradient(180deg,rgba(11,11,19,.6),rgba(11,11,19,.95)),url(/assets/images/hero-title.png) 50%/cover no-repeat;min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.cod-hero h1{font-size:clamp(2.4rem,5vw + 1rem,4.2rem);margin-bottom:1rem}.cod-tagline{font-size:1.2rem;max-width:34em;line-height:1.55}.cod-hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.cod-feature-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:1.25rem;gap:1.25rem;margin-top:3rem}.cod-feature-grid article{padding:1.6rem 1.4rem;background:var(--cod-panel);border-radius:var(--cod-radius-lg);transition:transform .2s,box-shadow .2s,border-color .2s}.cod-feature-grid article:hover{transform:translateY(-2px);border-color:var(--cod-panel-border-strong);box-shadow:var(--cod-shadow-panel-hover)}.cod-feature-grid h2{margin-bottom:.4rem;font-size:1.1rem;color:var(--cod-gold);text-transform:uppercase;letter-spacing:.08em}.cod-feature-grid p{font-size:.95rem}.cod-auth-header{text-align:center;margin-bottom:.5rem}.cod-auth-header h1{font-size:2.1rem;margin-bottom:.4rem}.cod-auth-header p{color:var(--cod-fg-muted);font-size:.95rem;margin-bottom:0}.cod-auth-footer{text-align:center;margin-top:.5rem;color:var(--cod-fg-muted);font-size:.92rem}dl{display:grid;grid-template-columns:max-content 1fr;grid-gap:.5rem 1.5rem;gap:.5rem 1.5rem;margin-top:2rem;padding:1.25rem 1.5rem;background:var(--cod-panel);border:1px solid var(--cod-panel-border);border-radius:var(--cod-radius-lg)}dt{font-family:var(--cod-font-display);font-weight:600;color:var(--cod-gold);letter-spacing:.06em;font-size:.88rem;text-transform:uppercase}dd{margin:0;color:var(--cod-fg)}.cod-instance-browser{display:flex;flex-direction:column;gap:1.5rem}.cod-instance-browser-toolbar{display:flex;align-items:center;gap:1rem}.cod-create-instance-btn{font:inherit;font-family:var(--cod-font-display);font-weight:600;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;padding:.7rem 1.2rem;cursor:pointer;color:#1a1508;background:linear-gradient(180deg,var(--cod-gold-bright) 0,var(--cod-gold) 55%,var(--cod-gold-dim) 100%);border:1px solid var(--cod-gold-dim);border-radius:var(--cod-radius);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 8px 20px -10px rgba(216,179,74,.45);transition:transform .12s,box-shadow .12s,filter .12s}.cod-create-instance-btn:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 14px 28px -12px rgba(216,179,74,.55)}.cod-create-instance-btn:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.4)}.cod-instance-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1rem;gap:1rem}.cod-instance-card{background:linear-gradient(180deg,var(--cod-panel) 0,var(--cod-bg-2) 100%);border:1px solid var(--cod-panel-border);border-radius:var(--cod-radius-lg);padding:1.2rem 1.3rem;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.cod-instance-card:before{content:"";position:absolute;left:1rem;right:1rem;top:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--cod-gold-dim) 50%,transparent 100%);opacity:.6}.cod-instance-card:hover{transform:translateY(-2px);border-color:var(--cod-gold-dim);box-shadow:0 0 12px rgba(216,179,74,.12),var(--cod-shadow-panel-hover)}.cod-instance-card a{font-family:var(--cod-font-display);font-weight:600;font-size:1.05rem;color:var(--cod-gold);border-bottom:none;letter-spacing:.04em}.cod-instance-card a:hover{color:var(--cod-gold-bright)}.cod-instance-visibility{display:inline-block;margin-top:.5rem;font-weight:600;letter-spacing:.08em;color:var(--cod-fg-muted);padding:.2rem .5rem;border-radius:3px}.cod-instances-empty{text-align:center;padding:3rem 1rem;color:var(--cod-fg-muted);font-size:1rem}.cod-lobby-room{display:grid;grid-template-columns:1fr 340px;grid-gap:1.5rem;gap:1.5rem;min-height:60vh}@media (max-width:768px){.cod-lobby-room{grid-template-columns:1fr}}.cod-lobby-header{grid-column:1/-1;font-family:var(--cod-font-display);font-size:1.1rem;color:var(--cod-gold);letter-spacing:.06em;padding-bottom:.75rem;margin-bottom:0}.cod-lobby-status{grid-column:1/-1;font-size:.8rem;color:var(--cod-fg-muted);margin:0}.cod-lobby-main{display:flex;flex-direction:column;gap:1.25rem}.cod-lobby-sidebar{display:flex;flex-direction:column;gap:1rem}.cod-lobby-members-panel{background:linear-gradient(180deg,var(--cod-panel) 0,var(--cod-bg-2) 100%);border:1px solid var(--cod-panel-border);border-radius:var(--cod-radius-lg);padding:1.25rem;position:relative}.cod-lobby-members-panel:before{content:"";position:absolute;left:1rem;right:1rem;top:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--cod-gold-dim) 50%,transparent 100%);opacity:.6}.cod-lobby-members-title{font-size:.95rem;margin-bottom:.75rem}.cod-lobby-members-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:.5rem;gap:.5rem}.cod-lobby-member-slot{display:flex;align-items:center;gap:.6rem;background:var(--cod-bg-0);border:1px solid var(--cod-panel-border);border-radius:var(--cod-radius);padding:.6rem .85rem;font-size:.9rem}.cod-lobby-member-slot-number{font-family:var(--cod-font-display);font-weight:700;font-size:.75rem;color:var(--cod-gold-dim);background:rgba(216,179,74,.08);padding:.15rem .4rem;border-radius:3px;min-width:1.6rem;text-align:center}.cod-lobby-member-name{color:var(--cod-fg);font-weight:500}.cod-lobby-host-badge{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--cod-gold);background:rgba(216,179,74,.12);border:1px solid var(--cod-gold-dim);padding:.1rem .4rem;border-radius:3px;margin-left:auto}.cod-lobby-chat-panel{background:linear-gradient(180deg,var(--cod-panel) 0,var(--cod-bg-2) 100%);border:1px solid var(--cod-panel-border);border-radius:var(--cod-radius-lg);padding:1rem 1.25rem;display:flex;flex-direction:column;flex:1 1;min-height:200px;position:relative}.cod-lobby-chat-panel:before{content:"";position:absolute;left:1rem;right:1rem;top:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--cod-gold-dim) 50%,transparent 100%);opacity:.6}.cod-lobby-chat-title{font-size:.95rem;margin-bottom:.5rem}.cod-lobby-chat-log{list-style:none;padding:0;flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem;margin:0 0 .75rem}.cod-lobby-chat-log li{background:rgba(0,0,0,.3);border-radius:var(--cod-radius);padding:.35rem .65rem;font-size:.85rem;color:var(--cod-fg-dim)}.cod-lobby-chat-log li strong{color:var(--cod-gold);font-weight:600}.cod-lobby-chat-form{display:flex;gap:.5rem}.cod-lobby-chat-input{flex:1 1;font:inherit;font-size:.9rem;padding:.55rem .75rem;background:var(--cod-bg-0);color:var(--cod-fg);border:1px solid var(--cod-panel-border);border-radius:var(--cod-radius);transition:border-color .15s,box-shadow .15s}.cod-lobby-chat-input:focus{outline:none;border-color:var(--cod-gold);box-shadow:0 0 0 3px rgba(216,179,74,.18)}.cod-lobby-chat-send{font:inherit;font-family:var(--cod-font-display);font-weight:600;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;padding:.55rem 1rem;cursor:pointer;color:var(--cod-gold);background:rgba(216,179,74,.08);border:1px solid var(--cod-gold-dim);border-radius:var(--cod-radius);transition:background .15s,color .15s,border-color .15s}.cod-lobby-chat-send:hover{background:rgba(216,179,74,.16);color:var(--cod-gold-bright);border-color:var(--cod-gold)}.cod-lobby-actions{display:flex;flex-direction:column;gap:.75rem}.cod-lobby-faction-placeholder{background:var(--cod-bg-0);border:1px dashed var(--cod-panel-border);border-radius:var(--cod-radius);padding:.85rem 1rem;text-align:center;font-size:.85rem;color:var(--cod-fg-muted);font-style:italic}.cod-lobby-start-btn{font:inherit;font-family:var(--cod-font-display);font-weight:600;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;padding:.8rem 1.4rem;cursor:pointer;color:#1a1508;background:linear-gradient(180deg,var(--cod-gold-bright) 0,var(--cod-gold) 55%,var(--cod-gold-dim) 100%);border:1px solid var(--cod-gold-dim);border-radius:var(--cod-radius);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 8px 20px -10px rgba(216,179,74,.45);transition:transform .12s,box-shadow .12s,filter .12s}.cod-lobby-start-btn:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 14px 28px -12px rgba(216,179,74,.55)}@keyframes cod-hero-pulse{0%,to{background-position:50% 0}50%{background-position:50% 100%}}.cod-hero{padding:5rem 1rem;position:relative;background:radial-gradient(ellipse at 50% 30%,rgba(216,179,74,.06) 0,transparent 60%),linear-gradient(180deg,var(--cod-bg-0) 0,#0b0b13 30%,var(--cod-bg-1) 70%,var(--cod-bg-0) 100%);background-size:100% 200%;animation:cod-hero-pulse 8s ease-in-out infinite}.cod-hero h1{font-size:clamp(2.8rem,6vw + 1rem,5rem);margin-bottom:1.25rem}.cod-tagline{font-size:1.25rem;max-width:36em;margin:0 auto 3rem}.cod-hero-cta{margin-bottom:0}.cod-hero-cta .cod-btn{padding:1rem 2rem;font-size:1.05rem}.cod-hero-cta .cod-btn:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 16px 30px -14px rgba(216,179,74,.6),0 0 20px rgba(216,179,74,.15),0 0 0 1px rgba(0,0,0,.25)}.cod-hero-cta .cod-btn--ghost:hover{box-shadow:0 0 0 3px rgba(216,179,74,.1),0 0 16px rgba(216,179,74,.08)}.cod-feature-grid{margin-top:4rem}.cod-feature-grid article{padding:2rem 1.6rem}.cod-feature-icon{line-height:1;filter:grayscale(.2)}.cod-feature-grid article:hover .cod-feature-icon{filter:grayscale(0)}.cod-feature-grid h2{font-size:1.15rem;margin-bottom:.5rem}.cod-feature-grid p{font-size:.92rem;line-height:1.55}main>dl:last-child{margin-top:3rem}.cod-hud-panel{background:linear-gradient(180deg,rgba(28,32,48,.92),rgba(11,11,19,.88));border:1px solid var(--cod-panel-border);border-radius:var(--cod-radius);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 4px 16px -6px rgba(0,0,0,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cod-hud-panel-gold{border-color:var(--cod-gold-dim);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 8px rgba(216,179,74,.08),0 4px 16px -6px rgba(0,0,0,.7)}.cod-hud-resources{position:absolute;top:.5rem;left:.5rem;display:flex;gap:.75rem;padding:.5rem .85rem;font-size:.85rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cod-hud-res-cell{display:flex;align-items:center;gap:.3rem}.cod-hud-res-label{font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.cod-hud-res-label--wood{color:#a67c52}.cod-hud-res-label--stone{color:#9e9e9e}.cod-hud-res-label--food{color:#66bb6a}.cod-hud-res-label--metal{color:#b0bec5}.cod-hud-res-icon{display:inline-block;flex-shrink:0;width:18px;height:18px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 0 1px rgba(0,0,0,.6))}.cod-hud-res-value{font-weight:600;color:var(--cod-fg)}.cod-hud-res-pop-label{font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--cod-fg-muted)}.cod-hud-toggle-btn{position:absolute;right:.5rem;pointer-events:auto;font-family:var(--cod-font-display);font-weight:600;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;padding:.4rem .8rem;border-radius:var(--cod-radius);cursor:pointer;color:var(--cod-fg);background:linear-gradient(180deg,rgba(28,32,48,.92),rgba(11,11,19,.88));border:1px solid var(--cod-panel-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 2px 8px -3px rgba(0,0,0,.6);transition:border-color .15s,background .15s,box-shadow .15s,transform .12s}.cod-hud-toggle-btn:hover{border-color:var(--cod-gold-dim);background:linear-gradient(180deg,rgba(40,44,62,.95),rgba(18,18,30,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 10px rgba(216,179,74,.1),0 4px 12px -4px rgba(0,0,0,.7);transform:translateX(-1px)}.cod-hud-toggle-btn[data-active=true]{border-color:var(--cod-gold);color:var(--cod-gold);background:rgba(216,179,74,.1);box-shadow:0 0 8px rgba(216,179,74,.15),0 2px 8px -3px rgba(0,0,0,.6)}.cod-hud-status{position:absolute;top:.5rem;left:50%;transform:translateX(-50%);padding:.3rem .85rem;font-size:.75rem;color:var(--cod-fg-dim)}.cod-hud-status-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:.6rem 1.2rem;border-radius:var(--cod-radius-lg);font-size:.9rem}.cod-hud-status-error{border-color:var(--cod-error);background:linear-gradient(180deg,rgba(140,0,0,.9),rgba(90,10,10,.85))}.cod-hud-selection{position:absolute;bottom:.5rem;left:.5rem;padding:.5rem .85rem;font-size:.85rem}.cod-hud-killfeed{position:absolute;top:7rem;right:.5rem;list-style:none;padding:.5rem .75rem;margin:0;font-size:.75rem;max-width:18rem;pointer-events:none;display:flex;flex-direction:column;gap:.2rem}.cod-hud-end-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:2rem 2.5rem;border-radius:var(--cod-radius-lg);text-align:left;pointer-events:auto;min-width:28rem;max-width:40rem;border-color:var(--cod-gold-dim);box-shadow:0 0 24px rgba(216,179,74,.1),0 8px 32px rgba(0,0,0,.6)}.cod-hud-end-modal h2{font-size:1.5rem;text-align:center;background:linear-gradient(180deg,var(--cod-gold-bright) 0,var(--cod-gold) 60%,var(--cod-gold-dim) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}.cod-hud-end-modal table{width:100%;border-collapse:collapse;font-size:.85rem}.cod-hud-end-modal thead tr{border-bottom:1px solid var(--cod-gold-dim)}.cod-hud-end-modal th{padding:.5rem .6rem;font-family:var(--cod-font-display);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--cod-gold)}.cod-hud-end-modal td{padding:.45rem .6rem;border-bottom:1px solid rgba(255,255,255,.06)}.cod-hud-end-modal tr[data-winner=true]{background:rgba(216,179,74,.1)}.cod-hud-sandbox{position:absolute;bottom:.5rem;right:.5rem;display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;pointer-events:auto;padding:.55rem .85rem;font-size:.75rem;border-color:#4b3}.cod-hud-sandbox-toggle{font:inherit;font-weight:600;font-size:.75rem;padding:.3rem .7rem;cursor:pointer;border-radius:var(--cod-radius);transition:background .12s,border-color .12s}.cod-hud-sandbox-toggle[data-on=true]{background:rgba(50,180,80,.3);color:#5f5;border:1px solid #4b4}.cod-hud-sandbox-toggle[data-on=false]{background:rgba(255,255,255,.06);color:var(--cod-fg);border:1px solid var(--cod-panel-border)}.cod-hud-sandbox-toggle:hover{border-color:var(--cod-gold-dim)}.cod-hud-happiness{position:absolute;top:2.5rem;left:.5rem;padding:.5rem .85rem;font-size:.8rem;min-width:200px}.cod-hud-cmd-error{position:absolute;top:3rem;left:50%;transform:translateX(-50%);padding:.4rem .9rem;font-size:.8rem;border-color:var(--cod-error);background:linear-gradient(180deg,rgba(130,30,30,.92),rgba(90,15,15,.88))}.loading-screen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--cod-bg-0) 0,var(--cod-bg-1) 50%,var(--cod-bg-2) 100%);font-family:Inter,system-ui,sans-serif}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:500px;padding:2.5rem;background:var(--cod-panel);border:1px solid var(--cod-panel-border);border-radius:var(--cod-radius-lg);box-shadow:0 20px 60px rgba(0,0,0,.5);animation:loading-fade-in .3s ease-out}@keyframes loading-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-art{width:200px;height:120px;background:linear-gradient(135deg,rgba(216,179,74,.1),rgba(216,179,74,.05));border:1px solid var(--cod-gold-dim);border-radius:var(--cod-radius);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.loading-art:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y="50" font-size="50" text-anchor="middle" fill="%23d8b34a" opacity="0.3">⚔️</text></svg>') 50%/contain no-repeat;animation:loading-pulse 2s ease-in-out infinite}@keyframes loading-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.loading-progress-container{width:100%;display:flex;align-items:center;gap:1rem}.loading-progress-bar{flex:1 1;height:8px;background:var(--cod-bg-0);border:1px solid var(--cod-panel-border);border-radius:999px;overflow:hidden;position:relative}.loading-progress-fill{height:100%;background:linear-gradient(90deg,var(--cod-gold-dim) 0,var(--cod-gold) 50%,var(--cod-gold-bright) 100%);background-size:200% 100%;animation:loading-shimmer 2s linear infinite;transition:width .3s ease-out;border-radius:999px}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-progress-text{min-width:3.5rem;text-align:right;font-weight:600;font-size:.9rem;color:var(--cod-gold);font-feature-settings:"tnum" 1}.loading-message{font-size:.95rem;color:var(--cod-fg-dim);text-align:center;margin:0}.loading-tip{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:rgba(216,179,74,.08);border:1px solid rgba(216,179,74,.2);border-radius:var(--cod-radius);animation:loading-tip-fade-in .5s ease-out}@keyframes loading-tip-fade-in{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.loading-tip-icon{font-size:1.25rem;line-height:1.4;flex-shrink:0}.loading-tip-text{margin:0;font-size:.85rem;line-height:1.5;color:var(--cod-fg);font-style:italic}.main-menu{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.cod-hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden}.cod-hero-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,rgba(216,179,74,.15) 0,transparent 50%);animation:hero-pulse 8s ease-in-out infinite}@keyframes hero-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.cod-hero-particles{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(216,179,74,.03) 0,transparent 2%);background-size:60px 60px;animation:particles-float 20s linear infinite}@keyframes particles-float{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-100px) rotate(1turn)}}.cod-hero-content{position:relative;z-index:1;max-width:var(--cod-maxw-page);margin:0 auto;padding:4rem 2rem;text-align:center;animation:hero-fade-in .8s ease-out}@keyframes hero-fade-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cod-hero-title{position:relative;display:inline-block;margin-bottom:1.5rem;font-family:Cinzel,serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.1;letter-spacing:.02em;color:var(--cod-gold-bright);text-shadow:0 0 40px rgba(216,179,74,.5),0 4px 20px rgba(0,0,0,.8)}.cod-hero-title-text{position:relative;z-index:1}.cod-hero-title-glow{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(216,179,74,.3) 50%,transparent);background-size:200% 100%;animation:title-shine 3s ease-in-out infinite;filter:blur(20px)}@keyframes title-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.cod-tagline{max-width:600px;margin:0 auto 2.5rem;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;color:var(--cod-fg-dim);animation:tagline-fade-in 1s ease-out .3s both}@keyframes tagline-fade-in{0%{opacity:0}to{opacity:1}}.cod-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.75rem;font-family:Cinzel,serif;font-size:1rem;font-weight:600;text-decoration:none;border:2px solid var(--cod-gold);border-radius:var(--cod-radius);background:linear-gradient(180deg,rgba(216,179,74,.15),rgba(216,179,74,.05));color:var(--cod-gold-bright);cursor:pointer;transition:all .3s ease;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.3),inset 0 0 0 0 rgba(216,179,74,0)}.cod-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 50%,transparent);background-size:200% 100%;transition:background-position .6s ease}.cod-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(216,179,74,.4),inset 0 0 20px rgba(216,179,74,.2)}.cod-btn:hover:before{background-position:-200% 0}.cod-btn:active{transform:translateY(0)}.cod-btn--primary{background:linear-gradient(180deg,var(--cod-gold) 0,var(--cod-gold-dim) 100%);color:var(--cod-bg-0);border-color:var(--cod-gold-bright);box-shadow:0 4px 16px rgba(216,179,74,.5),inset 0 0 0 0 rgba(216,179,74,.4)}.cod-btn--primary:hover{box-shadow:0 6px 24px rgba(216,179,74,.7),inset 0 0 30px rgba(216,179,74,.3)}.cod-btn-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translateX(-100%) rotate(45deg);transition:transform .6s ease}.cod-btn:hover .cod-btn-shine{transform:translateX(100%) rotate(45deg)}.cod-btn-text{position:relative;z-index:1}.cod-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1.5rem;gap:1.5rem;max-width:var(--cod-maxw-page);margin:0 auto;padding:3rem 2rem;animation:features-fade-in .8s ease-out .5s both}@keyframes features-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cod-feature-grid article{position:relative;padding:1.5rem;background:rgba(28,32,48,.5);border:1px solid var(--cod-panel-border);border-radius:var(--cod-radius);transition:all .3s ease;overflow:hidden}.cod-feature-grid article:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(216,179,74,.1) 0,transparent 50%);opacity:0;transition:opacity .3s ease}.cod-feature-grid article:hover{transform:translateY(-4px);border-color:var(--cod-gold-dim);box-shadow:0 8px 24px rgba(216,179,74,.2)}.cod-feature-grid article:hover:before{opacity:1}.cod-feature-icon{display:block;font-size:2rem;margin-bottom:.75rem;filter:drop-shadow(0 0 10px rgba(216,179,74,.5))}.cod-feature-grid h2{margin:0 0 .75rem;font-family:Cinzel,serif;font-size:1.25rem;font-weight:600;color:var(--cod-gold-bright)}.cod-feature-grid p{margin:0;font-size:.9rem;line-height:1.5;color:var(--cod-fg-dim)}.cod-lobby-container{max-width:var(--cod-maxw-page);margin:0 auto;padding:2rem;min-height:100vh}.cod-lobby-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--cod-panel-border)}.cod-lobby-header h1{margin:0 0 .5rem;font-family:Cinzel,serif;font-size:2rem;font-weight:700;color:var(--cod-gold-bright)}.cod-lobby-subtitle{margin:0;font-size:.9rem;color:var(--cod-fg-dim)}.cod-auth-required{display:flex;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:2rem}.cod-auth-required p{font-size:1.1rem;color:var(--cod-fg-dim)}.cod-auth-required a{color:var(--cod-gold);text-decoration:underline}.cod-error-state{display:flex;gap:1rem;padding:2rem;background:rgba(200,69,60,.1);border:1px solid var(--cod-error);border-radius:var(--cod-radius);margin:2rem 0}.cod-error-icon{font-size:2rem;flex-shrink:0}.cod-error-state h3{margin:0 0 .5rem;color:var(--cod-error)}.cod-error-state p{margin:0 0 1rem;color:var(--cod-fg-dim)}.cod-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;text-align:center;padding:3rem}.cod-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.cod-empty-state h2{margin:0 0 .5rem;font-family:Cinzel,serif;font-size:1.5rem;color:var(--cod-fg)}.cod-empty-state p{margin:0 0 2rem;color:var(--cod-fg-dim)}.cod-instance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:1.5rem;gap:1.5rem;animation:instances-fade-in .5s ease-out}@keyframes instances-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cod-instance-card-enhanced{position:relative;display:block;padding:1.5rem;background:var(--cod-panel);border:2px solid var(--cod-panel-border);border-radius:var(--cod-radius-lg);text-decoration:none;transition:all .3s ease;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.3)}.cod-instance-card-enhanced:hover{transform:translateY(-4px);border-color:var(--cod-gold-dim);box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 20px rgba(216,179,74,.2)}.cod-instance-card-enhanced:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(216,179,74,.1),transparent);opacity:0;transition:opacity .3s ease}.cod-instance-card-enhanced:hover:before{opacity:1}.cod-instance-card-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:1rem}.cod-instance-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.cod-instance-name{margin:0;font-family:Cinzel,serif;font-size:1.25rem;font-weight:600;color:var(--cod-gold-bright);line-height:1.3}.cod-instance-status{padding:.25rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:rgba(0,0,0,.3);border:1px solid;border-radius:999px;white-space:nowrap}.cod-instance-info{display:flex;flex-direction:column;gap:.5rem}.cod-instance-info-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--cod-fg-dim)}.cod-instance-info-icon{font-size:1rem}.cod-instance-visibility{padding:.25rem .75rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--cod-panel-border)}.cod-instance-visibility--public{color:#4f8;border-color:rgba(68,255,136,.3);background:rgba(68,255,136,.1)}.cod-instance-visibility--private{color:#f84;border-color:rgba(255,136,68,.3);background:rgba(255,136,68,.1)}.cod-instance-visibility--password{color:#ff4;border-color:rgba(255,255,68,.3);background:rgba(255,255,68,.1)}.cod-instance-footer{padding-top:.75rem;border-top:1px solid var(--cod-panel-border)}.cod-instance-action{font-size:.9rem;font-weight:500;color:var(--cod-gold)}.cod-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:currentcolor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}