.sidebar{position:fixed;top:0;left:0;width:200px;height:100vh;background:#0b0c10;border-right:1px solid #262a36;padding:16px;display:flex;flex-direction:column;gap:16px;z-index:9999}.sidebar-logo img{width:160px;height:auto;image-rendering:pixelated;margin-bottom:20px;opacity:.95}.sidebar a{display:block;margin-bottom:10px;width:100%;padding:10px 12px;border-radius:8px;background:#151822;border:1px solid #343a4a;color:var(--text);font-size:.9rem;text-decoration:none;transition:.15s ease;text-align:center}.sidebar a:hover{background:#1f2430;border-color:#4b5264}.sidebar .active{background:var(--accent);color:#000;border-color:var(--accent)}#mobileTopBar,#floatingMenu{display:none}@media(max-width:700px){.sidebar{display:none}#mobileTopBar{display:flex;position:fixed;top:0;left:0;width:100%;height:56px;background:#0b0c10;align-items:center;justify-content:space-between;padding:0 16px;z-index:10000;border-bottom:1px solid #262a36}.mobile-logo{height:36px;image-rendering:pixelated}.hamburger-btn{display:block;background:none;border:none;font-size:1.8rem;color:var(--text);cursor:pointer}#floatingMenu{display:block;position:fixed;top:0;left:0;width:100%;height:100%;padding-top:80px;background:#0b0c10;transform:translate(-100%);transition:transform .25s ease;z-index:9999;overflow-y:auto}#floatingMenu.open{transform:translate(0)}.mobile-sidebar{position:relative;width:100%;padding:24px;background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:20px}.mobile-sidebar nav{width:100%;display:flex;flex-direction:column;gap:12px;align-items:center}.mobile-sidebar nav a{width:80%}body{padding-top:56px}}.footer{width:100%;padding:16px 0;background:#0f172a;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:center;margin-top:auto}.footer-inner{width:100%;padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:6px}.footer-links{display:flex;gap:16px}.footer-link{color:#94a3b8;font-size:.85rem;text-decoration:none;transition:color .15s ease}.footer-link:hover{color:#fbbf24}.footer-copy{font-size:.75rem;color:#64748b}:root{--bg: #111318;--bg-alt: #181b22;--accent: #f4c15d;--accent-soft: #f4c15d22;--danger: #e05b5b;--text: #f5f5f7;--muted: #9ca3af;--card-bg: #1f2430;--card-border: #2c3240;--shadow-soft: 0 14px 30px rgba(0, 0, 0, .45);--radius-lg: 14px;--radius-md: 10px;--radius-sm: 6px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#222738 0,#0b0c10 55%);color:var(--text);min-height:100vh}.layout{display:flex;min-height:100vh}.content-wrapper{display:flex;flex-direction:column;flex:1}.content{flex:1}.page-container{max-width:1400px;margin:0 auto;width:100%;padding:20px}@media(min-width:701px){.content-wrapper{margin-left:200px}}.card-art img{width:100%;height:auto;image-rendering:pixelated;border-radius:var(--radius-lg)}.header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}@media(max-width:600px){.header-row{display:block}}.title-block h1{font-size:1.4rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.title-block p{font-size:.85rem;color:var(--muted);margin-top:4px}.controls{display:flex;align-items:center;gap:10px}button{border:none;cursor:pointer;font:inherit}.btn-primary{padding:8px 14px;border-radius:999px;background:linear-gradient(135deg,#f4c15d,#f7a93b);color:#1b1307;font-weight:600;font-size:.85rem;box-shadow:0 8px 18px #0006;display:inline-flex;align-items:center;gap:6px;transition:transform .08s ease,box-shadow .08s ease,filter .08s ease;white-space:nowrap}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px #00000080;filter:brightness(1.03)}.btn-primary:active{transform:translateY(0);box-shadow:0 6px 14px #00000073;filter:brightness(.97)}.btn-secondary{padding:8px 14px;border-radius:999px;background:#151822;color:#e6e9ef;font-weight:600;font-size:.85rem;box-shadow:0 8px 18px #00000059;border:1px solid #262a36;display:inline-flex;align-items:center;gap:6px;transition:transform .08s ease,box-shadow .08s ease,filter .08s ease;white-space:nowrap}.btn-secondary:hover{transform:translateY(-1px);box-shadow:0 10px 22px #00000073;filter:brightness(1.05)}.btn-secondary:active{transform:translateY(0);box-shadow:0 6px 14px #0006;filter:brightness(.95)}.btn-ghost{padding:7px 12px;border-radius:999px;background:transparent;border:1px solid #343a4a;color:var(--muted);font-size:.8rem;display:inline-flex;align-items:center;gap:6px;transition:background .1s ease,border-color .1s ease,color .1s ease;white-space:nowrap}.btn-ghost:hover{background:#1f2430;border-color:#4b5264;color:var(--text)}.stats-row{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.stat-pill{flex:1;min-width:120px;background:#151822;border-radius:999px;padding:7px 12px;display:flex;align-items:center;justify-content:space-between;border:1px solid #262a36}.stat-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.stat-value{font-size:.95rem;font-weight:600}.stat-value.hp{color:#7dd3fc}.stat-value.gold{color:#facc6b}.stat-value.deck{color:#a5b4fc}.stat-value.floor{color:#fca5a5}#statWeapon{display:flex;align-items:center;gap:6px;color:#facc6b}.weapon-icon{font-size:1.1rem}.board{margin-top:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media(max-width:600px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}}.card-slot{background:#10121a;border-radius:var(--radius-lg);border:1px dashed #2b3140;min-height:120px;display:flex;align-items:stretch;justify-content:stretch;position:relative;overflow:hidden}.card{flex:1;background:radial-gradient(circle at top,#2a3144 0,#171b26 55%);border-radius:var(--radius-lg);border:1px solid var(--card-border);box-shadow:0 10px 22px #00000080;padding:10px 10px 9px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,border-color .08s ease,background .08s ease}.card:hover{transform:translateY(-2px);box-shadow:0 14px 26px #0009;border-color:#4b5264;background:radial-gradient(circle at top,#343b52 0,#181c28 55%)}.card:active{transform:translateY(0);box-shadow:0 8px 18px #00000080}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;font-size:.8rem}.card-main{display:flex;align-items:flex-end;justify-content:space-between;gap:6px}.card-name{font-size:.95rem;font-weight:600}.card-value{font-size:1.3rem;font-weight:700}.card-footer{margin-top:4px;display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:var(--muted)}.tag{padding:2px 7px;border-radius:999px;border:1px solid #3b4254;background:#151822;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em}.card.monster.spade,.card.monster.club{background:radial-gradient(circle at top,#3a2432 0,#1a1016 55%);border-color:#4b2b35}.card.monster.spade .card-value,.card.monster.club .card-value{color:#fecaca}.card.weapon{background:radial-gradient(circle at top,#3b2f1a 0,#18120a 55%);border-color:#c9a34a}.card.weapon .card-value{color:#facc6b}.card.potion{background:radial-gradient(circle at top,#23402f 0,#0f1711 55%);border-color:#285b3a}.card.potion .card-value{color:#bbf7d0}.log-panel{background:#10121a;border-radius:var(--radius-lg);border:1px solid #262a36;padding:10px 12px;height:190px;display:flex;flex-direction:column;margin-top:10px}.log-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.log-header span{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.log-body{flex:1;overflow-y:auto;font-size:.78rem;line-height:1.4;padding-right:4px;color:#d1d5db}.log-entry{margin-bottom:4px}.log-entry.danger{color:#fecaca}.log-entry.success{color:#bbf7d0}.log-entry.important{color:#facc6b}.story-panel{background:#10121a;border-radius:var(--radius-lg);border:1px solid #262a36;padding:12px 12px 10px;font-size:.78rem;color:#d1d5db;line-height:1.45;max-height:220px;overflow-y:auto;margin-bottom:12px}.story-panel h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:2px}.story-panel p{color:#9ca3af;margin-bottom:6px}#storyText{white-space:pre-line}.status-banner{margin-top:10px;padding:8px 10px;border-radius:var(--radius-md);border:1px solid #374151;background:#0b0c10;font-size:.8rem;display:flex;align-items:center;justify-content:space-between;gap:8px}.status-banner span{color:var(--muted)}.status-banner strong{color:var(--accent)}.status-banner.bad strong{color:var(--danger)}.status-banner.good strong{color:#4ade80}.status-dot{width:8px;height:8px;border-radius:999px;background:#4ade80;box-shadow:0 0 10px #4ade8099}.status-banner.bad .status-dot{background:#f97373;box-shadow:0 0 10px #f8717199}.status-banner.neutral .status-dot{background:#facc6b;box-shadow:0 0 10px #facc6b99}#floorArtContainer{width:100%;margin-top:12px;text-align:center}#floorArt{max-width:100%;height:auto;image-rendering:pixelated;border-radius:12px;box-shadow:0 0 12px #0006}.play-wrapper{position:relative;padding-top:20px}@media(max-width:600px){.play-wrapper{padding-inline:0px;padding-bottom:24px}}.game-shell{min-height:100%;height:auto}.story-title{font-size:1.1rem;font-weight:700;margin-bottom:6px;color:var(--accent)}.story-text{font-size:.9rem;line-height:1.4;margin-bottom:12px}.floor-art-container{margin-top:12px;text-align:center}.floor-art{width:100%;border-radius:6px}.play-wrapper{display:flex;gap:24px;padding-inline:10px;width:100%;box-sizing:border-box}.campaign-page{flex:1;min-height:100vh;padding:16px 12px 24px;box-sizing:border-box;position:relative;overflow:hidden;background:radial-gradient(circle at top,#1b1f2c 0,#05060a 55%)}.campaign-page:before{content:"";position:absolute;inset:0;background-image:url(/sprites/ui/worldmap_placeholder.png);background-size:cover;background-position:center;opacity:.08;pointer-events:none;mix-blend-mode:screen}.campaign-page>*{position:relative;z-index:1}.campaign-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.campaign-title-main{font-size:1.6rem;letter-spacing:.12em;text-transform:uppercase;color:#f9fafb;text-shadow:0 2px 6px rgba(0,0,0,.7)}.campaign-subtitle{margin-top:4px;font-size:.9rem;color:#9ca3af}.campaign-filters{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.campaign-filter-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:#6b7280}.campaign-filter-chips{display:flex;flex-wrap:wrap;gap:6px}.campaign-chip{border-radius:999px;border:1px solid #374151;background:#0f172ad9;color:#e5e7eb;font-size:.85rem;padding:6px 14px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.campaign-chip:hover{background:#1f2937f2;transform:translateY(-1px)}.campaign-chip-active{border-color:var(--accent, #fbbf24);background:radial-gradient(circle at top,#4b5563 0,#111827 60%);color:#fef3c7}.campaign-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1.2fr);gap:18px;align-items:flex-start;min-height:0}.campaign-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;padding:10px;border-radius:18px;background:linear-gradient(145deg,#0f172ae6,#030712f2);box-shadow:0 18px 40px #0009;border:1px solid rgba(55,65,81,.7);max-height:calc(100vh - 170px);overflow-y:auto}.campaign-loading,.campaign-empty{grid-column:1 / -1;text-align:center;font-size:.9rem;color:#9ca3af}.campaign-card-atlas{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;height:180px;background:#020617;box-shadow:0 10px 24px #000000b3;transform:translateY(0);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,outline .18s ease;border:1px solid rgba(55,65,81,.9)}.campaign-card-bg{position:absolute;inset:0;background-size:cover;background-position:center;image-rendering:pixelated;filter:brightness(1.9) contrast(1.05)}.campaign-card-vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0,rgba(0,0,0,.8) 100%)}.campaign-card-content{position:absolute;inset:10px;display:flex;flex-direction:column;justify-content:flex-end;z-index:2}.campaign-card-id{font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:#9ca3af;margin-bottom:4px}.campaign-card-title{font-size:.95rem;font-weight:600;color:#f9fafb;text-shadow:0 2px 4px rgba(0,0,0,.9)}.campaign-card-tagline{font-size:.75rem;color:#e5e7eb;margin-top:2px;opacity:.9}.campaign-card-tags{position:absolute;left:8px;top:8px;display:flex;flex-wrap:wrap;gap:4px;z-index:2}.campaign-tag-pill{border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.8);color:#e5e7eb;font-size:.65rem;padding:2px 8px;text-transform:uppercase;letter-spacing:.12em}.campaign-card-atlas:hover{transform:translateY(-3px);box-shadow:0 18px 40px #000000d9;border-color:var(--accent, #fbbf24)}.campaign-card-selected{outline:2px solid var(--accent, #fbbf24);outline-offset:2px}.campaign-drawer{background:radial-gradient(circle at top left,#111827 0,#020617 60%);border-radius:18px;padding:16px 16px 18px;border:1px solid rgba(55,65,81,.9);box-shadow:0 18px 40px #000000b3;max-height:calc(100vh - 170px);overflow-y:auto}.campaign-placeholder{color:#9ca3af;font-size:.9rem}.campaign-details-panel{display:flex;flex-direction:column;gap:12px}.campaign-details-header h2{font-size:1.1rem;color:#f9fafb;margin-bottom:2px}.campaign-details-id{font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:#6b7280}.campaign-details-body{display:flex;flex-direction:column;gap:10px}.campaign-details-description{background:#0f172ae6;border-radius:12px;border:1px solid rgba(55,65,81,.9);padding:10px 12px;font-size:.8rem;color:#d1d5db;line-height:1.5}.campaign-details-tags{display:flex;flex-wrap:wrap;gap:6px}.campaign-btn{width:100%;padding:10px 12px;border-radius:999px;font-size:.95rem;margin-top:4px}@media(max-width:1200px){.campaign-layout{grid-template-columns:minmax(0,1fr)}.campaign-grid,.campaign-drawer{max-height:none}}@media(max-width:768px){.campaign-title-main{font-size:1.3rem}.campaign-page{padding-inline:6px}}.howto-shell{width:100%;max-width:1400px;background:linear-gradient(145deg,#10121a,#171a23);border-radius:24px;border:1px solid #262a36;box-shadow:var(--shadow-soft);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);overflow:hidden;padding:24px;margin:0 auto 20px}.howto-hero{grid-column:1 / -1;position:relative;width:100%;height:240px;border-radius:20px;overflow:hidden;margin-bottom:24px;background:#000}.howto-hero img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;filter:brightness(.7)}.howto-hero-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent)}.howto-hero-overlay h1{font-size:2rem;color:#f5f5f7;margin:0}.howto-hero-overlay p{color:#d1d5db;margin-top:4px;font-size:.9rem}.howto-lore-image{width:100%;border-radius:12px;margin:12px 0 20px;image-rendering:pixelated;box-shadow:var(--shadow-soft)}.card-type{background:#ffffff08;padding:12px;border-radius:12px;border:1px solid #262a36;box-shadow:inset 0 0 8px #0006}.howto-left,.howto-right{padding:16px 20px}.card-type{display:flex;align-items:center;gap:12px;margin-bottom:12px}.rules-icon{width:75px;height:75px;image-rendering:pixelated}.warning{color:#ff6b6b;font-weight:700;margin-top:8px}.howto-shell hr{margin:20px 0}@media(max-width:1100px){.howto-shell{display:flex;flex-direction:column;padding:16px}.howto-right{margin-top:16px}}.wm-page{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.2fr);min-height:100vh;background:radial-gradient(circle at top,#111827 0,#020617 60%);color:#e5e7eb}.wm-sidebar{padding:16px 18px;box-sizing:border-box;border-right:1px solid rgba(55,65,81,.8);background:radial-gradient(circle at top left,#020617 0 55%,#030712);box-shadow:0 0 40px #000000b3;display:flex;flex-direction:column;gap:16px}.wm-header{margin-bottom:4px}.wm-title{margin:0;font-size:1.4rem;letter-spacing:.16em;text-transform:uppercase;color:#f9fafb;text-shadow:0 2px 6px rgba(0,0,0,.7)}.wm-subtitle{margin:4px 0 0;font-size:.85rem;color:#9ca3af}.wm-region-info{background:#0f172ae6;border-radius:14px;border:1px solid rgba(55,65,81,.9);padding:12px 14px;min-height:120px;box-shadow:0 14px 30px #0009}.wm-placeholder{font-size:.85rem;color:#9ca3af}.wm-region-name{font-size:1.1rem;color:#f9fafb;margin:0 0 4px}.wm-region-description{font-size:.85rem;color:#d1d5db;margin:0}.wm-region-campaigns{margin-top:4px;display:flex;flex-direction:column;gap:8px}.wm-region-campaigns-title{font-size:.9rem;text-transform:uppercase;letter-spacing:.16em;color:#6b7280;margin:0}.wm-region-campaign-list{background:#0f172ae6;border-radius:14px;border:1px solid rgba(55,65,81,.9);padding:10px;min-height:160px;max-height:calc(100vh - 260px);overflow-y:auto;box-shadow:0 14px 30px #0009}.wm-region-campaign-card{position:relative;border-radius:12px;padding:8px 10px;margin-bottom:8px;background:linear-gradient(145deg,#0f172af2,#030712fa);border:1px solid rgba(55,65,81,.9);box-shadow:0 10px 24px #000000b3;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.wm-region-campaign-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px #000000d9;border-color:#fbbf24}.wm-region-campaign-title{font-size:.95rem;font-weight:600;color:#f9fafb;margin:0 0 2px}.wm-region-campaign-meta{font-size:.75rem;color:#9ca3af}.wm-main{padding:16px;box-sizing:border-box;display:flex;align-items:stretch;justify-content:center}.wm-map-container{position:relative;width:100%;max-width:1100px;aspect-ratio:16 / 9;border-radius:18px;overflow:hidden;border:1px solid rgba(55,65,81,.9);box-shadow:0 20px 50px #000c;background:radial-gradient(circle at top,#020617 0 60%)}.wm-map-image{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.05) brightness(1.05)}.wm-map-markers{position:absolute;inset:0;pointer-events:none}.wm-region-marker{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer}.wm-region-marker-button{border-radius:999px;border:1px solid rgba(248,250,252,.8);background:radial-gradient(circle at top,#0f172af2,#030712fa);color:#f9fafb;font-size:.7rem;padding:4px 10px;display:flex;align-items:center;gap:6px;box-shadow:0 8px 18px #000c;text-transform:uppercase;letter-spacing:.12em;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.wm-region-marker-icon{width:16px;height:16px;object-fit:contain}.wm-region-marker-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #000000e6;border-color:#fbbf24;background:radial-gradient(circle at top,#4b5563,#020617)}.wm-region-marker-selected .wm-region-marker-button{border-color:#fbbf24;box-shadow:0 16px 36px #000000f2}.wm-map-loading,.wm-map-error{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px 12px;border-radius:999px;background:#0f172ae6;border:1px solid rgba(55,65,81,.9);font-size:.8rem;color:#e5e7eb}@media(max-width:960px){.wm-page{grid-template-columns:minmax(0,1fr)}.wm-sidebar{border-right:none;border-bottom:1px solid rgba(55,65,81,.8)}.wm-region-campaign-list{max-height:none}}.wm-region-campaign-badge{width:210px;height:150px;object-fit:contain;margin-bottom:6px}.wm-region-campaign-description{font-size:.75rem;color:#cbd5e1;margin-top:4px}.wm-map-container{transform:translate(var(--pan-x),var(--pan-y)) scale(var(--zoom));transition:transform .1s ease-out}.wm-editor-label{font-size:.75rem;color:#9ca3af;margin-top:8px;display:block}.wm-editor-input,.wm-editor-textarea{width:100%;background:#0f172ae6;border:1px solid rgba(55,65,81,.9);border-radius:8px;padding:6px 8px;color:#f9fafb;margin-top:4px}.wm-editor-textarea{min-height:60px;resize:vertical}.wm-editor-button{background:#fbbf24;color:#111;padding:8px 12px;border-radius:8px;font-weight:600;cursor:pointer;border:none;transition:background .15s ease}.wm-editor-button:hover{background:#f59e0b}.about-page{width:100%;display:flex;justify-content:center;padding:40px 20px;color:#e2e8f0}.about-container{max-width:800px;display:flex;flex-direction:column;gap:20px}.about-title{font-size:2rem;color:#fbbf24;margin-bottom:10px;text-transform:uppercase;letter-spacing:.1em}.about-text{font-size:1rem;line-height:1.6;color:#cbd5e1}.about-signature{margin-top:20px;font-size:1rem;color:#94a3b8;font-style:italic}.legal-page{width:100%;display:flex;justify-content:center;padding:40px 20px;color:#e2e8f0}.legal-container{max-width:800px;display:flex;flex-direction:column;gap:20px}.legal-title{font-size:2rem;color:#fbbf24;margin-bottom:10px;text-transform:uppercase;letter-spacing:.1em}.legal-text{font-size:1rem;line-height:1.6;color:#cbd5e1;margin-bottom:16px}.legal-list{margin:16px 0;padding-left:20px;color:#cbd5e1}.legal-list li{margin-bottom:10px;font-size:1rem;line-height:1.6}.legal-contact-item{font-size:1rem;color:#fbbf24;margin-bottom:10px}.legal-signature{margin-top:20px;font-size:1rem;color:#94a3b8;font-style:italic;text-align:right}.game-shell{width:100%;max-width:1400px;background:linear-gradient(145deg,#10121a,#171a23);border-radius:24px;box-shadow:var(--shadow-soft);border:1px solid #262a36;display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1.4fr);overflow:hidden;margin:0 auto;box-sizing:border-box}@media(max-width:900px){.game-shell{grid-template-columns:1fr;max-width:100%;margin:10px auto;border-radius:18px}}@media(max-width:600px){.game-shell{max-width:100%;width:100%;overflow-x:hidden}}.left-panel{width:100%;padding:22px 24px 20px;border-right:1px solid #262a36}.right-panel{width:100%;padding:22px 24px 20px;background:radial-gradient(circle at top left,#20263a 0,#10121a 55%)}@media(max-width:700px){body{margin-left:0;padding-top:40px}.game-shell{grid-template-columns:1fr;max-width:50%;margin-top:10px;margin-bottom:10px;overflow-y:auto}.left-panel,.right-panel{padding:22px 8px 0}}@media(max-width:900px){.game-shell{grid-template-columns:1fr;max-width:90%;margin-top:10px;margin-bottom:10px;overflow-y:auto}}@media(max-width:900px){.left-panel{border-right:none;border-bottom:1px solid #262a36}}