:root{color-scheme:light;font-family:Manrope,Segoe UI,sans-serif;--bg: #f6f0e7;--bg-deep: #e8dbc9;--paper: rgba(255, 250, 243, .9);--paper-strong: #fffaf2;--line: rgba(106, 75, 43, .18);--ink: #2d241c;--muted: #6e6255;--accent: #7a5531;--accent-deep: #57381e;--accent-soft: #f0dfcd;--success: #2f6a53;--danger: #8c3c38;--shadow: 0 24px 60px rgba(61, 41, 23, .12);--radius-lg: 28px;--radius-md: 18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at top right,rgba(255,255,255,.74),transparent 34%),radial-gradient(circle at 10% 20%,rgba(207,178,145,.34),transparent 30%),linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(180deg,rgba(0,0,0,.2),transparent 85%)}code{color:var(--accent-deep)}.app-shell{position:relative;z-index:1;width:min(1320px,calc(100vw - 32px));margin:0 auto;padding:28px 0 44px}.surface-card{position:relative;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow)}.surface-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.34),transparent 42%)}.app-header{padding:clamp(24px,4vw,40px);margin-bottom:24px}.hero-topline,.section-head,.session-toolbar,.status-card-head,.stage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 12px;border-radius:999px;background:rgba(240,223,205,.62);color:var(--accent-deep);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}.hero-pills{display:flex;flex-wrap:wrap;gap:10px}.hero-pill,.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:rgba(255,250,243,.82);border:1px solid rgba(106,75,43,.12);color:var(--muted);font-size:.8rem;font-weight:700}h1,h2,h3{font-family:Cormorant Garamond,Georgia,serif;letter-spacing:-.02em}h1{margin:18px 0 12px;font-size:clamp(3rem,6vw,5rem);line-height:.92}.lead{margin:0;max-width:64ch;color:var(--muted);font-size:1.03rem;line-height:1.75}.layout{display:grid;grid-template-columns:370px minmax(0,1fr);gap:24px;align-items:start}.sidebar-panel{display:grid;gap:16px}.control-panel,.hud-panel,.info-card,.stage-panel{padding:22px}.section-head h2,.status-card-head h2,.stage-head h2,.info-card h2{margin:0 0 8px;font-size:clamp(2rem,4vw,2.5rem);line-height:.96}.section-head p,.stage-head p,.info-card p{margin:0;color:var(--muted);line-height:1.75}.back-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(106,75,43,.14);background:rgba(255,250,243,.84);color:var(--accent-deep);font-weight:700;text-decoration:none}.session-toolbar{margin-top:16px;padding:16px;border-radius:20px;border:1px solid rgba(106,75,43,.12);background:rgba(255,250,243,.78)}.control-button,.action-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid transparent;background:linear-gradient(135deg,#7a5531 0%,#b98a5f 100%);color:#fffaf2;font-weight:700;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.control-button:hover,.action-button:hover,.back-link:hover{transform:translateY(-1px)}.control-button--secondary{background:rgba(255,250,243,.9);color:var(--accent-deep);border-color:#6a4b2b29}.control-button--ghost{background:rgba(240,223,205,.54);color:var(--accent-deep);border-color:#6a4b2b1f}.control-button.is-active,.action-button{box-shadow:0 16px 30px #7a55312e}.control-button.is-muted{background:rgba(70,56,45,.12)}.control-button:disabled,.action-button:disabled,.action-button--disabled{cursor:default;opacity:.72}.room-code-field{display:grid;gap:6px;min-width:150px;flex:1 1 160px}.room-code-field span{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.room-code-field input{width:100%;min-height:44px;border-radius:14px;border:1px solid rgba(106,75,43,.16);background:rgba(255,255,255,.84);color:var(--ink);padding:0 14px;letter-spacing:.16em;text-transform:uppercase}.room-code-field input:focus{outline:none;border-color:#7a553147;box-shadow:0 0 0 4px #7a553114}.status-line{display:grid;gap:14px}.sidebar-section{padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,rgba(240,223,205,.42),rgba(255,250,243,.94));border:1px solid rgba(106,75,43,.12)}.sidebar-section h3{margin:0 0 10px;font-size:1.7rem;line-height:.96}.sidebar-metrics{display:grid;gap:9px;margin:0}.sidebar-metric{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:baseline}.sidebar-metric dt{margin:0;color:var(--muted);font-size:.83rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sidebar-metric dd{margin:0;text-align:right;font-weight:700;color:var(--ink)}.sidebar-metric__value--accent{color:var(--accent-deep)}.sidebar-metric__value--success{color:var(--success)}.sidebar-metric__value--danger{color:var(--danger)}.sidebar-metric__value--muted{color:var(--muted)}.sidebar-section__note{margin:10px 0 0;color:var(--muted);font-size:.9rem;line-height:1.6}.runtime-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;min-height:46px}.info-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.info-list li{position:relative;padding:12px 14px 12px 40px;border-radius:16px;background:rgba(240,223,205,.34);color:var(--muted);line-height:1.6}.info-list li:before{content:"";position:absolute;top:18px;left:16px;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #7a553124}.info-list strong{color:var(--ink)}.info-list--compact li{padding-left:48px}.power-chip{position:absolute;top:10px;left:12px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;font-size:.78rem;font-weight:800;color:#1b2220}.power-chip--armor{background:#7ce0e8}.power-chip--speed{background:#ffd56e}.power-chip--bullets{background:#8fe08d}.power-chip--life{background:#f08d9f}.stage-panel{display:grid;gap:16px}.canvas-frame{padding:14px;border-radius:24px;background:linear-gradient(180deg,#102224 0%,#0a1516 100%);box-shadow:inset 0 1px #ffffff0f}#game-canvas{display:block;width:100%;max-width:100%;height:auto;border-radius:18px;background:#101616;border:1px solid rgba(255,255,255,.08);image-rendering:pixelated;image-rendering:crisp-edges}@media (max-width: 1080px){.layout{grid-template-columns:1fr}.sidebar-panel{order:2}}@media (max-width: 767px){.app-shell{width:min(100vw - 20px,1320px);padding:14px 0 28px}.app-header,.control-panel,.hud-panel,.info-card,.stage-panel{padding:18px}.hero-topline,.section-head,.session-toolbar,.status-card-head,.stage-head{flex-direction:column;align-items:flex-start}.control-button,.action-button,.back-link,.room-code-field{width:100%}.canvas-frame{padding:10px}}.editor-layout{display:grid;grid-template-columns:420px minmax(0,1fr);gap:24px;align-items:start}.editor-sidebar{display:grid;gap:16px}.editor-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.editor-tool-button{display:grid;gap:4px;padding:12px 14px;border-radius:16px;border:1px solid rgba(106,75,43,.14);background:rgba(255,250,243,.9);color:var(--ink);cursor:pointer;text-align:left}.editor-tool-button.is-active{border-color:#7a553152;box-shadow:0 16px 28px #7a553124;background:linear-gradient(180deg,rgba(240,223,205,.72),rgba(255,250,243,.98))}.editor-tool-button__label{font-weight:800;color:var(--accent-deep)}.editor-tool-button__hint{font-size:.86rem;color:var(--muted)}.editor-actions-row,.editor-load-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.editor-actions-row--tight{margin-top:0}.editor-select-field select,.editor-metadata-grid input,.editor-json{width:100%;min-height:44px;border-radius:14px;border:1px solid rgba(106,75,43,.16);background:rgba(255,255,255,.86);color:var(--ink);padding:0 14px}.editor-metadata-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.editor-metadata-grid label{display:grid;gap:6px}.editor-metadata-grid span,.editor-select-field span{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.editor-stage{display:grid;gap:16px}.editor-grid-scroll{overflow:auto;padding:14px;border-radius:24px;background:linear-gradient(180deg,rgba(16,34,36,.92),rgba(10,21,22,.96))}.editor-grid{display:grid;gap:2px;width:max-content}.editor-cell{position:relative;width:32px;height:32px;border:0;padding:0;cursor:crosshair;border-radius:8px}.editor-cell--ground{background:#32413c}.editor-cell--brick{background:#a55436}.editor-cell--steel{background:#9aa7ae}.editor-cell--water{background:#2f7da2}.editor-marker{position:absolute;inset:4px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:.68rem;font-weight:800;line-height:1;color:#12201d;box-shadow:inset 0 0 0 1px #12201d24}.editor-marker--base{background:#f4cf79}.editor-marker--player1{background:#9ad88c}.editor-marker--player2{background:#8abce4}.editor-marker--enemy{background:#f19b8f}.editor-json-card{display:grid;gap:14px;padding:18px;border-radius:24px;border:1px solid rgba(106,75,43,.12);background:rgba(255,250,243,.72)}.editor-json{min-height:280px;padding:14px;resize:vertical;font-family:Consolas,Courier New,monospace;line-height:1.5}.editor-status{margin:16px 0 0;padding:12px 14px;border-radius:16px;background:rgba(240,223,205,.34);color:var(--muted);line-height:1.6}.editor-status--success{background:rgba(47,106,83,.12);color:var(--success)}.editor-status--danger{background:rgba(140,60,56,.12);color:var(--danger)}@media (max-width: 1180px){.editor-layout{grid-template-columns:1fr}}@media (max-width: 767px){.editor-tool-grid,.editor-metadata-grid{grid-template-columns:1fr}.editor-actions-row,.editor-load-row{flex-direction:column;align-items:stretch}.editor-grid-scroll{padding:10px}}.control-link,.action-link{text-decoration:none}.control-link{min-width:170px}.leaderboard-submit-card{width:100%;display:grid;gap:12px;padding:16px;border-radius:18px;border:1px solid rgba(106,75,43,.14);background:linear-gradient(180deg,rgba(255,250,243,.96),rgba(240,223,205,.5))}.leaderboard-submit-card h3{margin:0;font-size:1.55rem;line-height:1}.leaderboard-submit-card p{margin:0;color:var(--muted);line-height:1.65}.leaderboard-submit-card__note{font-size:.92rem}.leaderboard-submit-form{display:flex;flex-wrap:wrap;gap:10px}.leaderboard-submit-form input{flex:1 1 180px;min-height:44px;border-radius:14px;border:1px solid rgba(106,75,43,.16);background:rgba(255,255,255,.9);color:var(--ink);padding:0 14px}.leaderboard-submit-form input:focus{outline:none;border-color:#7a553147;box-shadow:0 0 0 4px #7a553114}.leaderboard-submit-card__message{font-size:.92rem}.leaderboard-submit-card__message--muted{color:var(--muted)}.leaderboard-submit-card__message--success{color:var(--success)}.leaderboard-submit-card__message--danger{color:var(--danger)}.leaderboard-shell{width:min(1380px,calc(100vw - 32px))}.leaderboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.leaderboard-panel,.leaderboard-sidebar .info-card{padding:22px}.leaderboard-actions{display:flex;flex-wrap:wrap;gap:12px}.leaderboard-status{margin-top:16px;padding:12px 14px;border-radius:16px;background:rgba(240,223,205,.34);color:var(--muted);line-height:1.6}.leaderboard-status--success{background:rgba(47,106,83,.12);color:var(--success)}.leaderboard-status--danger{background:rgba(140,60,56,.12);color:var(--danger)}.leaderboard-table-wrap{margin-top:18px;overflow:auto;border-radius:22px;border:1px solid rgba(106,75,43,.12);background:rgba(255,250,243,.82)}.leaderboard-table{width:100%;min-width:860px;border-collapse:collapse}.leaderboard-table th,.leaderboard-table td{padding:14px 16px;border-bottom:1px solid rgba(106,75,43,.1);text-align:left}.leaderboard-table th{position:sticky;top:0;background:rgba(240,223,205,.92);color:var(--accent-deep);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;z-index:1}.leaderboard-table td{color:var(--ink);font-weight:600}.leaderboard-table tr:last-child td{border-bottom:0}.leaderboard-table__rank,.leaderboard-table__score{color:var(--accent-deep);font-weight:800}.leaderboard-table__muted,.leaderboard-table__empty{color:var(--muted)}.leaderboard-table__empty{text-align:center;font-weight:700}@media (max-width: 1180px){.leaderboard-layout{grid-template-columns:1fr}}@media (max-width: 767px){.leaderboard-panel,.leaderboard-sidebar .info-card{padding:18px}.leaderboard-actions,.leaderboard-submit-form{flex-direction:column;align-items:stretch}}.status-badge--muted{color:var(--muted);background:rgba(255,250,243,.68)}.sidebar-section{padding:16px 16px 15px;background:linear-gradient(180deg,rgba(240,223,205,.5),rgba(255,250,243,.98));box-shadow:inset 0 1px #ffffff73}.sidebar-section__header{display:grid;gap:10px;margin-bottom:12px}.sidebar-section h3{margin:0;font-size:1.72rem;line-height:.96}.sidebar-section__badges{display:flex;flex-wrap:wrap;gap:8px}.sidebar-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(106,75,43,.12);background:rgba(255,250,243,.88);color:var(--ink);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sidebar-badge--accent{color:var(--accent-deep);background:rgba(240,223,205,.9)}.sidebar-badge--success{color:var(--success);background:rgba(47,106,83,.1)}.sidebar-badge--danger{color:var(--danger);background:rgba(140,60,56,.12)}.sidebar-badge--muted{color:var(--muted);background:rgba(255,250,243,.74)}.sidebar-metrics{gap:10px}.sidebar-metric{grid-template-columns:minmax(0,1fr) auto;align-items:center}.sidebar-metric dt{font-size:.76rem;line-height:1.25}.sidebar-metric dd{display:inline-flex;align-items:center;justify-content:flex-end}.sidebar-metric__value{min-height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(106,75,43,.08);background:rgba(255,255,255,.72);font-size:.9rem;line-height:1;white-space:nowrap}.sidebar-metric__value--accent{background:rgba(240,223,205,.82)}.sidebar-metric__value--success{background:rgba(47,106,83,.12)}.sidebar-metric__value--danger{background:rgba(140,60,56,.12)}.sidebar-metric__value--muted{background:rgba(255,250,243,.78)}.runtime-actions-shell{margin-top:16px;padding-top:16px;border-top:1px solid rgba(106,75,43,.12);display:grid;gap:10px}.runtime-actions-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.runtime-actions-head h3{margin:0;font-size:1.42rem;line-height:1}.runtime-actions-note{margin:0;padding:11px 13px;border-radius:16px;background:rgba(240,223,205,.3);color:var(--muted);font-size:.92rem;line-height:1.55}.runtime-actions-note--accent{background:rgba(240,223,205,.46);color:var(--accent-deep)}.runtime-actions-note--danger{background:rgba(140,60,56,.12);color:var(--danger)}.runtime-actions{margin-top:0}.runtime-actions>.runtime-actions-note{flex:1 1 100%}.runtime-actions>.action-button,.runtime-actions>.action-link{flex:1 1 170px}@media (max-width: 767px){.sidebar-section__header,.runtime-actions-head{gap:8px}.sidebar-metric{grid-template-columns:1fr;gap:6px}.sidebar-metric dd{justify-content:flex-start}.sidebar-metric__value{white-space:normal}}