@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{color:#f7f0d8;font-synthesis:none;text-rendering:optimizelegibility;--navy:#071a3a;--blue:#0c2d64;--blue-light:#16539a;--cream:#f7f0d8;--yellow:#ffc900;--red:#e83d3d;--mint:#44d2bf;--ink:#071329;background:#071a3a;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 75% 15%,#19559b73,#0000 32rem),linear-gradient(145deg,#061630,#0b2b60 60%,#071a3a);min-width:320px;min-height:100vh}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #fff}.home-shell{place-items:center;min-height:100vh;padding:48px 24px;display:grid;position:relative;overflow:hidden}.home-grid{opacity:.17;background-image:linear-gradient(#ffffff42 1px,#0000 1px),linear-gradient(90deg,#ffffff42 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:-10%;transform:perspective(700px)rotateX(58deg)rotate(-7deg)translateY(22%);-webkit-mask-image:radial-gradient(circle,#000 25%,#0000 72%);mask-image:radial-gradient(circle,#000 25%,#0000 72%)}.hero-panel{z-index:1;text-align:center;width:min(920px,100%);position:relative}.brand-lockup h1{color:var(--yellow);letter-spacing:-.055em;text-shadow:0 9px #00000029;margin:0;font:800 clamp(5rem,14vw,9.5rem)/.78 Barlow Condensed,sans-serif}.brand-kicker,.eyebrow{color:var(--mint);text-transform:uppercase;letter-spacing:.17em;font:700 .74rem/1.2 Inter,sans-serif;display:block}.route-rule{justify-content:center;align-items:center;width:min(470px,90%);margin:34px auto 22px;display:flex}.route-rule span{aspect-ratio:1;background:var(--cream);width:50px;color:var(--ink);border-radius:12px;place-items:center;font:800 1.5rem Barlow Condensed,sans-serif;display:grid;box-shadow:0 5px #0000002e}.route-rule i{background:var(--yellow);flex:1;height:5px}.home-actions{justify-content:center;gap:10px;display:grid}.primary-button,.secondary-button,.text-button{cursor:pointer;border:0;border-radius:10px;font-weight:800;transition:transform .16s,filter .16s,background .16s}.primary-button{background:var(--yellow);color:var(--ink);text-transform:uppercase;letter-spacing:.07em;padding:15px 26px;box-shadow:0 5px #b48e00}.secondary-button{color:var(--cream);background:#ffffff1c;border:1px solid #fff3;padding:13px 22px}.text-button{color:var(--cream);text-underline-offset:4px;background:0 0;padding:10px 14px;text-decoration:underline}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.text-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.primary-button:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.level-strip{text-align:left;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:46px;display:grid}.level-card{color:var(--cream);text-align:left;font:inherit;cursor:pointer;background:#05132db3;border:1px solid #ffffff21;border-radius:12px;flex-direction:column;gap:6px;min-height:82px;padding:16px;display:flex}.level-card span{color:var(--mint);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800}.level-card strong{font:700 1.25rem Barlow Condensed,sans-serif}.level-card.current{border-color:var(--yellow);box-shadow:inset 0 0 0 1px var(--yellow)}.level-card.available{border-color:var(--mint)}.level-card.available:hover,.level-card.available:focus-visible{background:#44d2bf1a;transform:translateY(-3px)}.level-card.locked{opacity:.58;cursor:not-allowed}.game-shell{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.game-header{z-index:5;background:#041027f0;border-bottom:1px solid #ffffff1f;grid-template-columns:220px 1fr auto;align-items:center;gap:20px;height:76px;padding:0 24px;display:grid;position:relative}.mini-brand{color:var(--yellow);cursor:pointer;text-align:left;letter-spacing:-.04em;background:0 0;border:0;font:800 2.5rem/.8 Barlow Condensed,sans-serif}.objective{align-items:baseline;gap:12px;min-width:0;display:flex}.objective span{color:var(--mint);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800}.objective strong{font:700 1.15rem Barlow Condensed,sans-serif}.objective small{color:#f7f0d894}.header-actions{gap:8px;display:flex}.header-actions button,.zoom-controls button{color:var(--cream);cursor:pointer;background:#ffffff12;border:1px solid #fff3;border-radius:8px;min-width:38px;height:38px;font-weight:800}.game-layout{flex:1;grid-template-columns:290px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.control-rail{background:#05132dd1;border-right:1px solid #ffffff1a;flex-direction:column;gap:18px;padding:20px;display:flex;overflow-y:auto}.rail-actions{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.rail-actions button{min-height:36px;color:var(--cream);cursor:pointer;background:#ffffff12;border:1px solid #ffffff29;border-radius:8px;font-size:.72rem;font-weight:800}.rail-actions button:hover{border-color:var(--yellow);background:#ffc90014}.phase-block{border-left:3px solid var(--yellow);background:#ffffff0f;border-radius:10px;padding:14px}.phase-label{color:var(--yellow);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:800}.phase-block p{color:#f7f0d8b8;margin:8px 0 0;font-size:.84rem;line-height:1.5}.choice-zone{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.choice-or{color:#f7f0d873;text-transform:uppercase;font:700 .7rem Barlow Condensed,sans-serif}.choice-card{color:var(--cream);cursor:pointer;background:#ffffff0e;border:1px solid #ffffff29;border-radius:12px;min-width:0;padding:8px;transition:transform .16s,border-color .16s,background .16s}.choice-card:hover:not(:disabled){border-color:var(--yellow);background:#ffc90014;transform:translateY(-3px)}.choice-card:disabled{opacity:.45;cursor:not-allowed}.choice-card span{color:var(--mint);text-transform:uppercase;margin-bottom:7px;font-size:.65rem;font-weight:800;display:block}.choice-card img,.empty-card{aspect-ratio:1;object-fit:cover;border-radius:7px;width:100%;display:block}.choice-card strong{margin-top:7px;font:700 .85rem Barlow Condensed,sans-serif;display:block}.empty-card{color:#ffffff59;background:#ffffff0f;place-items:center;display:grid}.secondary-button.compact{grid-column:1/-1;padding:10px;font-size:.78rem}.active-card-panel{text-align:center}.active-card-panel>span,.direction-panel>span{color:var(--mint);text-transform:uppercase;letter-spacing:.11em;margin-bottom:9px;font-size:.68rem;font-weight:800;display:block}.active-card-image{border-radius:11px;width:min(160px,75%);box-shadow:0 12px 26px #00000059}.active-card-panel strong{text-transform:capitalize;margin-top:9px;font:700 1rem Barlow Condensed,sans-serif;display:block}.direction-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.direction-button{color:var(--cream);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:9px;min-height:58px}.direction-button:hover,.direction-button:focus{border-color:var(--yellow);background:#ffc9001a}.direction-button b{color:var(--yellow);font-size:1.3rem;display:block}.direction-arrow{transform-origin:50%;line-height:1;display:inline-block}.direction-arrow.right{transform:rotate(90deg)}.direction-arrow.down{transform:rotate(180deg)}.direction-arrow.left{transform:rotate(270deg)}.direction-button small{color:#f7f0d8a6;text-transform:capitalize;font-size:.64rem}.cancel-choice{font-size:.76rem}.correction-panel,.result-panel{text-align:center}.score-preview{background:#ffffff0f;border-radius:9px;justify-content:space-between;align-items:center;padding:10px 13px;display:flex}.score-preview span{color:#f7f0d8a6;font-size:.78rem}.score-preview b{color:var(--yellow);font:800 2rem Barlow Condensed,sans-serif}.correction-panel p,.result-panel p{color:#f7f0d8b8;font-size:.82rem;line-height:1.5}.correction-panel .primary-button{width:100%;font-size:.72rem}.result-panel>span{color:var(--mint);text-transform:uppercase;font-size:.7rem;font-weight:800}.result-panel>b{color:var(--yellow);font:800 6rem/.9 Barlow Condensed,sans-serif;display:block}.result-panel .primary-button{width:100%}.rail-stats{grid-template-columns:1fr 1fr;gap:7px;margin-top:auto;display:grid}.rail-stats div{background:#ffffff0b;border-radius:8px;padding:9px}.rail-stats span{color:#f7f0d87a;text-transform:uppercase;letter-spacing:.1em;font-size:.59rem;display:block}.rail-stats b{font:700 1rem Barlow Condensed,sans-serif}.rail-stats div:last-child{grid-column:1/-1}.game-id-stat{color:var(--cream);text-align:left;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff17;border-radius:8px;grid-column:1/-1;padding:9px}.game-id-stat:hover,.game-id-stat:focus-visible{border-color:var(--yellow);background:#ffc90012}.game-id-stat span{color:#f7f0d87a;text-transform:uppercase;letter-spacing:.1em;font-size:.59rem;display:block}.game-id-stat b{font:700 1rem Barlow Condensed,sans-serif}.export-log{align-self:center;font-size:.7rem}.network-panel{min-width:0;min-height:0;color:var(--ink);background:#e7dfc3;flex-direction:column;display:flex}.network-scroll{background-color:#dcd3b4;background-image:linear-gradient(#16539a17 1px,#0000 1px),linear-gradient(90deg,#16539a17 1px,#0000 1px),radial-gradient(circle,#ffffff9e,#dcd3b4bf);background-size:24px 24px,24px 24px,auto;flex:1;place-items:center;min-height:0;padding:18px;display:grid;overflow:hidden}.network-world{min-width:220px;min-height:220px;margin:auto;position:relative}@media (width>=821px){.network-panel{align-items:center}.network-scroll{aspect-ratio:1;flex:none;width:min(100%,100dvh)}}.network-card,.legal-cell{border-radius:9px;padding:0;transition:transform .16s,filter .16s,box-shadow .16s;position:absolute}.network-card{background:#b9aa82;border:0;box-shadow:0 4px 8px #1f25263b}.network-card img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.network-card:disabled{opacity:1}.network-card.interactive{cursor:pointer}.network-card.interactive:not(.correction-selectable){box-shadow:0 0 0 3px var(--yellow), 0 8px 16px #1f25264d}.network-card.correction-selectable:focus-visible{outline:4px solid var(--blue-light);outline-offset:3px}.network-card.interactive:hover{z-index:4;transform:translateY(-4px)scale(1.035)}.network-card.selected{z-index:3;box-shadow:0 0 0 4px #fff, 0 0 0 7px var(--blue-light), 0 9px 18px #1f252659}.network-card.preview-move{z-index:2;filter:brightness(1.15);box-shadow:0 0 0 4px var(--mint), 0 8px 18px #1f252659;transform:translateY(-3px)}.network-card.invalid{box-shadow:0 0 0 4px var(--red), 0 8px 16px #1f25264d;animation:1.4s ease-in-out infinite invalidPulse}.network-card.penalty img{filter:grayscale(.65)brightness(.52)}.penalty-mark{color:#fff;text-shadow:0 3px 8px #000c;place-items:center;font:800 3rem Barlow Condensed,sans-serif;display:grid;position:absolute;inset:0}.legal-cell{color:var(--blue);cursor:pointer;background:#ffffff57;border:2px dashed #072d6466}.legal-cell:hover{border-style:solid;border-color:var(--blue);background:#ffc90094;transform:scale(.94)}.legal-cell span{font:500 2rem/1 Barlow Condensed,sans-serif}.axis-hint{z-index:0;color:#072d6461;text-transform:uppercase;letter-spacing:.13em;pointer-events:none;font:700 .62rem Barlow Condensed,sans-serif;position:absolute}.axis-hint.horizontal{top:-24px;left:50%;transform:translate(-50%)}.axis-hint.vertical{top:50%;left:-42px;transform:translateY(-50%)rotate(90deg)}.network-navigator{z-index:8;top:calc(env(safe-area-inset-top,0px) + 14px);cursor:pointer;background:#f7f0d8d6;border:1px solid #072d6438;border-radius:12px;width:126px;height:92px;padding:7px;position:absolute;right:14px;box-shadow:0 7px 18px #1f25262e}.navigator-map{background:#0c2d6414;border-radius:6px;width:100%;height:100%;display:block;position:relative;overflow:hidden}.navigator-map i{box-sizing:border-box;border:1px solid #f7f0d8d1;display:block;position:absolute}.navigator-map i.covered{box-shadow:inset 0 0 0 1px #071329e6}.navigator-map b{border:2px solid var(--yellow);pointer-events:none;border-radius:3px;display:block;position:absolute;box-shadow:0 0 0 1px #07132966}.edge-beacon{z-index:7;background:var(--yellow);width:44px;height:44px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;place-items:center;font:800 1.35rem/1 Barlow Condensed,sans-serif;display:grid;position:absolute;box-shadow:0 5px 14px #07132947}.edge-beacon .direction-arrow{display:block}.edge-beacon.left{top:50%;left:9px;transform:translateY(-50%)}.edge-beacon.right{top:50%;right:9px;transform:translateY(-50%)}.edge-beacon.up{top:calc(env(safe-area-inset-top,0px) + 112px);left:50%;transform:translate(-50%)}.edge-beacon.down{bottom:calc(env(safe-area-inset-bottom,0px) + 138px);left:50%;transform:translate(-50%)}.dialog-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#010816d1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.help-dialog{width:min(720px,100%);max-height:calc(100vh - 48px);color:var(--ink);background:var(--cream);text-align:center;border-radius:18px;width:min(420px,100%);padding:34px;position:relative;overflow-y:auto;box-shadow:0 30px 80px #00000080}.help-dialog h2{margin:12px 0 28px;font:800 2.2rem Barlow Condensed,sans-serif}.dialog-close{color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:1.8rem;position:absolute;top:15px;right:18px}@keyframes invalidPulse{50%{box-shadow:0 0 0 7px #e83d3d75,0 8px 16px #1f25264d}}@media (width<=820px){.game-layout{display:block}.network-panel{z-index:0;position:fixed;inset:0}.network-scroll{height:100dvh;min-height:0;padding:0}.network-scroll.table-camera{touch-action:none;cursor:grab}.network-scroll.table-camera:active{cursor:grabbing}.network-scroll.table-camera .network-world{will-change:transform;margin:0;position:absolute;top:50%;left:50%}.control-rail{z-index:10;max-height:52dvh;padding:0 max(12px, env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));pointer-events:none;background:0 0;border:0;position:fixed;bottom:0;left:0;right:0;overflow:visible}.control-rail>*{pointer-events:auto}.rail-actions{top:calc(env(safe-area-inset-top,0px) + 12px);background:#05132dcc;border-radius:10px;width:auto;padding:4px;display:flex;position:fixed;left:12px;box-shadow:0 4px 13px #07132933}.rail-actions button{background:0 0;border:0;min-width:44px;min-height:36px;padding:0 9px}.rail-actions button:last-child,.phase-block,.rail-stats,.export-log{display:none}.choice-zone,.active-card-panel,.direction-panel,.correction-panel,.result-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05132de6;border:1px solid #ffffff2b;border-radius:16px;width:min(100%,500px);margin-inline:auto;padding:10px;box-shadow:0 12px 35px #0713294d}.choice-zone{grid-template-columns:86px 86px;justify-content:center;gap:14px}.choice-or{display:none}.choice-card{border-color:#ffffff38;padding:5px}.choice-card span{display:none}.choice-card strong{margin:4px 0 0;font-size:.72rem}.secondary-button.compact{grid-column:1/-1;padding:9px}.active-card-panel{justify-content:center;align-items:center;gap:12px;display:flex}.active-card-panel>span,.active-card-panel strong{display:none}.active-card-image{width:82px;margin:0}.direction-panel>span{margin-bottom:6px}.direction-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.direction-button{min-height:46px}.direction-button small{display:none}.cancel-choice{background:#05132dd6;border-radius:9px;width:fit-content;margin:7px auto 0;padding:7px 12px;text-decoration:none;display:block}.correction-panel,.result-panel{max-height:45dvh;overflow-y:auto}.result-panel>b{font-size:4.5rem}.network-card.interactive:hover,.legal-cell:hover{transform:none}.axis-hint{display:none}.network-navigator{width:104px;height:104px;right:12px}.edge-beacon.up{top:calc(env(safe-area-inset-top,0px) + 112px)}.edge-beacon.down{bottom:calc(env(safe-area-inset-bottom,0px) + 126px)}}@media (width<=560px){.home-shell{align-items:start;padding:30px 16px}.brand-lockup h1{font-size:6rem}.level-strip{grid-template-columns:1fr;margin-top:32px}.level-card{min-height:84px}.network-navigator{width:104px;height:104px}.rail-actions{left:8px;top:calc(env(safe-area-inset-top,0px) + 8px)}.rail-actions button{font-size:.66rem}.edge-beacon.left{left:6px}.edge-beacon.right{right:6px}}@media (width>=821px){.network-navigator,.edge-beacon{display:none}}@media (height<=690px) and (width<=820px){.network-navigator{transform-origin:100% 0;transform:scale(.86)}.choice-zone{padding:7px}.choice-card{width:72px}.active-card-image{width:70px}.edge-beacon.down{bottom:calc(env(safe-area-inset-bottom,0px) + 112px)}}@media (width<=820px){.network-scroll.table-camera .network-world{min-width:0;min-height:0;transition:transform .16s}.network-scroll.table-camera:active .network-world{transition:none}.network-scroll.table-camera .network-card,.network-scroll.table-camera .legal-cell{touch-action:manipulation;min-width:44px;min-height:44px}.network-scroll.table-camera .network-card{border-radius:8px;box-shadow:0 3px 7px #1f25263b}.network-scroll.table-camera .network-card:not(.interactive){pointer-events:none}.network-scroll.table-camera .network-card.interactive{pointer-events:auto}.network-scroll.table-camera .network-card.interactive:not(.correction-selectable){box-shadow:0 0 0 3px var(--yellow), 0 6px 14px #1f25264d}.network-scroll.table-camera .legal-cell{background:#ffffff8f}.network-scroll.table-camera .legal-cell span{font-size:1.6rem}.network-scroll.table-camera .penalty-mark{font-size:2.2rem}}@media (width<=560px){.help-dialog{padding:28px 18px 20px}}@media (prefers-reduced-motion:reduce){.network-scroll.table-camera .network-world{transition:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.login-shell{background:linear-gradient(145deg,#061630,#0b2b60 60%,#071a3a);place-items:center;min-height:100dvh;padding:24px;display:grid;position:relative;overflow:hidden}.login-card{z-index:1;width:min(470px,100%);color:var(--cream);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05132dd1;border:1px solid #ffffff24;border-radius:18px;gap:14px;padding:38px;display:grid;position:relative;box-shadow:0 24px 70px #00000057}.login-card .brand-lockup{text-align:center;margin-bottom:16px}.login-card .brand-lockup h1{color:var(--yellow);text-shadow:0 7px #0000002e;margin:8px 0 0;font-size:clamp(5rem,18vw,8rem)}.login-card label{color:var(--mint);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:800}.login-card input,.user-management input{width:100%;color:var(--ink);font:inherit;background:var(--cream);border:2px solid #ffffff2e;border-radius:10px;padding:13px 14px}.login-card input:focus,.user-management input:focus{border-color:var(--yellow);outline:3px solid #ffc90040}.form-error{color:#9b1c1c;font-weight:700}.session-bar{z-index:100;color:var(--cream);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05132de0;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:7px;padding:6px;display:flex;position:fixed;top:10px;right:12px;box-shadow:0 5px 18px #0000003d}.session-bar span{color:var(--mint);padding-left:8px;font-size:.78rem;font-weight:900}.session-bar button{color:var(--cream);font:inherit;cursor:pointer;background:#ffffff12;border:1px solid #ffffff24;border-radius:999px;padding:7px 10px;font-size:.75rem}.session-bar button:hover{border-color:var(--yellow)}.review-shell{min-height:100dvh;color:var(--cream);background:linear-gradient(145deg,#061630,#0b2b60 60%,#071a3a);padding:24px;position:relative;overflow:hidden}.review-grid{position:fixed}.review-shell>header,.review-layout,.review-shell>.form-error{z-index:1;position:relative}.review-shell>header{justify-content:space-between;align-items:start;gap:20px;max-width:1500px;margin:0 auto 20px;display:flex}.review-header-actions{align-items:center;gap:12px;display:flex}.review-header-actions label{color:#f7f0d8c7;align-items:center;gap:8px;font-weight:700;display:inline-flex}.review-header-actions select{min-height:42px;color:var(--cream);font:inherit;background:#071329b8;border:1px solid #f7f0d847;border-radius:8px;padding:8px 12px}.review-shell>header h1{color:var(--yellow);letter-spacing:-.045em;text-shadow:0 5px #0000002b;margin:4px 0 0;font:800 clamp(3.8rem,8vw,6.5rem)/.8 Barlow Condensed,sans-serif}.review-shell>header p{color:#f7f0d8b8;margin-top:12px}.review-shell h2,.review-shell p{margin:0}.review-layout{grid-template-columns:minmax(220px,300px) minmax(0,1fr) minmax(260px,340px);gap:18px;max-width:1500px;margin:auto;display:grid}.game-list,.replay-panel,.user-management{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05132dd6;border:1px solid #ffffff21;border-radius:14px;padding:14px;box-shadow:0 14px 40px #0003}.game-list{flex-direction:column;gap:8px;max-height:calc(100dvh - 150px);display:flex;overflow:auto}.game-list button{text-align:left;color:var(--cream);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;gap:3px;padding:11px;display:grid}.game-list button:hover{border-color:var(--mint);background:#44d2bf14}.game-list button.selected{color:var(--ink);border-color:var(--yellow);background:var(--yellow);box-shadow:0 4px #b48e00}.game-list span,.game-list small{color:inherit;font-size:.76rem}.replay-panel{flex-direction:column;gap:18px;min-width:0;min-height:520px;display:flex}.replay-heading{justify-content:space-between;gap:18px;display:flex}.replay-heading h2,.user-management h2{color:var(--yellow);text-transform:uppercase;font:800 2rem Barlow Condensed,sans-serif}.replay-heading button,.replay-controls button,.user-list button{color:var(--cream);cursor:pointer;background:#ffffff12;border:1px solid #ffffff29;border-radius:8px}.review-network{min-width:0;color:var(--ink);background:var(--cream);border:3px solid #ffc900b3;border-radius:12px;flex:1;place-content:center;gap:clamp(1px,.45vw,4px);padding:clamp(8px,2vw,20px);display:grid;overflow:hidden;box-shadow:inset 0 0 35px #0713291f}.review-network>i,.review-card{width:var(--review-card-size);height:var(--review-card-size)}.review-card{background:#272d2e;border-radius:7px;display:block;position:relative;overflow:hidden;box-shadow:0 3px 7px #00000047}.review-card img{object-fit:cover;width:100%;height:100%;display:block}.review-card.penalty{filter:grayscale(.28)brightness(.72)}.review-card.penalty b{color:#fff;text-shadow:0 2px 4px #000000b3;place-items:center;font-size:2.1rem;display:grid;position:absolute;inset:0}.replay-controls{align-items:center;gap:10px;display:flex}.replay-controls button{min-width:42px;min-height:36px}.replay-controls input{flex:1}.event-summary{color:var(--mint);font-size:.8rem;font-weight:700}.user-management form{gap:8px;margin:12px 0;display:flex}.user-list{gap:8px;max-height:60dvh;display:grid;overflow:auto}.user-list>div{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:10px;padding-top:8px;display:flex}.user-list span{display:grid}.user-list small{color:#f7f0d89e;font-size:.7rem}.user-list button{padding:7px 9px}@media (width<=1280px){.review-layout{grid-template-columns:240px 1fr}.user-management{grid-column:1/-1}}@media (width<=700px){.session-bar{top:6px;right:6px}.review-shell{padding:14px}.review-layout{grid-template-columns:1fr}.game-list{max-height:220px}.replay-panel{min-height:min(480px,100dvh - 180px)}.user-management{grid-column:auto}}