:root{color-scheme:dark;--bg: #111217;--bg-2: #17191f;--panel: #20242b;--panel-2: #292e37;--line: #3a414d;--text: #f4f1e8;--muted: #a8a59a;--teal: #44d0b3;--coral: #ff786c;--gold: #f2c94c;--green: #73d36e;--blue: #74a7ff;--shadow: rgba(0, 0, 0, .28);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px),var(--bg);background-size:34px 34px,34px 34px,auto;color:var(--text)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}.boot-screen,.auth-screen{min-height:100vh;display:grid;place-items:center}.auth-panel{width:min(28rem,calc(100vw - 2rem));display:grid;justify-items:center;gap:.9rem;padding:1.4rem;border:1px solid var(--line);border-radius:8px;background:#20242bf5;box-shadow:0 1.2rem 2.8rem var(--shadow);text-align:center}.auth-panel h1,.auth-panel p{margin:0}.auth-panel p{color:var(--muted)}.invite-panel{width:min(31rem,calc(100vw - 2rem))}.invite-room-card{width:100%;display:grid;gap:.85rem;padding:.9rem;border:1px solid rgba(68,208,179,.22);border-radius:8px;background:#1113188f;text-align:left}.invite-room-card>strong{color:var(--text);font-size:1.06rem}.invite-meta{display:grid;gap:.55rem;margin:0}.invite-meta div{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.45rem;border-bottom:1px solid rgba(255,255,255,.06)}.invite-meta div:last-child{padding-bottom:0;border-bottom:0}.invite-meta dt,.invite-meta dd{margin:0}.invite-meta dt,.invite-password{color:var(--muted);font-size:.85rem}.invite-meta dd{color:var(--text);font-weight:800;text-align:right}.invite-password{width:100%;display:grid;gap:.35rem;text-align:left}.invite-password input{width:100%;min-height:2.45rem;padding:0 .75rem;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--bg)}.invite-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;margin:0}.auth-mark{width:3.4rem;height:3.4rem;display:grid;place-items:center;border-radius:8px;color:#121217;background:var(--gold)}.warning{color:#ffb2aa}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:40;height:4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1rem;border-bottom:1px solid var(--line);background:#17191ff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand,.profile,.account-row,.host-line,.player-list article,.wait-list article,.winner-list article{display:flex;align-items:center;gap:.65rem}.brand span{width:2.2rem;height:2.2rem;display:grid;place-items:center;border-radius:8px;color:#101116;background:var(--teal)}.brand strong{font-size:1rem}.profile>span{display:grid;gap:.08rem}.profile strong,.account-row strong,.wait-list strong,.player-list strong{max-width:11rem;overflow:hidden;color:var(--text);font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.profile em,.account-row span,.wait-list span,.player-list span{color:var(--muted);font-size:.72rem;font-style:normal}.profile form button{width:2.25rem;height:2.25rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--panel)}.topbar-tool-button{min-height:2.25rem;display:inline-flex;align-items:center;gap:.38rem;padding:0 .65rem;border:1px solid rgba(68,208,179,.45);border-radius:8px;color:var(--teal);background:#44d0b314;font-size:.78rem;font-weight:800;white-space:nowrap}.avatar{width:2.3rem;height:2.3rem;display:grid;place-items:center;flex:none;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:50%;color:#111217;background:linear-gradient(135deg,var(--gold),var(--coral));font-weight:900}.avatar.small{width:1.85rem;height:1.85rem;font-size:.78rem}.avatar img{width:100%;height:100%;display:block;object-fit:cover}.primary-button,.ghost-button,.ghost-link,.join-button,.chat-form button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.45rem;padding:0 .9rem;border-radius:8px;text-decoration:none;font-weight:800}.primary-button{border:1px solid rgba(68,208,179,.45);color:#0d1412;background:var(--teal)}.ghost-button,.ghost-link{border:1px solid var(--line);color:var(--text);background:var(--panel-2)}.toast{position:fixed;top:4.6rem;left:50%;z-index:90;max-width:calc(100vw - 2rem);padding:.7rem .9rem;border:1px solid rgba(255,120,108,.5);border-radius:8px;color:var(--text);background:#4a2525;box-shadow:0 1rem 2.2rem var(--shadow);transform:translate(-50%)}.lobby-layout,.game-layout{display:grid;gap:.75rem;width:min(1480px,100%);margin:0 auto;padding:.75rem}.lobby-layout{grid-template-columns:minmax(0,1fr) 310px}.game-layout{grid-template-columns:minmax(0,1fr) 320px}.lobby-primary,.game-main{min-width:0}.panel,.room-card,.completed-strip,.race-shell,.race-stage-empty,.empty-state{border:1px solid var(--line);border-radius:8px;background:#20242bf0;box-shadow:0 .8rem 1.7rem var(--shadow)}.panel{padding:.85rem}.lobby-side,.game-side{display:grid;align-content:start;gap:.75rem}.lobby-toolbar,.game-toolbar,.panel-title-row,.modal-header,.race-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.lobby-toolbar,.game-toolbar{min-height:4.2rem;margin-bottom:.75rem;padding:.85rem;border:1px solid var(--line);border-radius:8px;background:#292e37eb}.eyebrow{display:block;margin-bottom:.18rem;color:var(--teal);font-size:.68rem;font-weight:900;letter-spacing:.12em}.lobby-toolbar h1,.game-toolbar h1,.race-header h2{margin:0;font-size:1.12rem}.panel-title-row{min-height:1.7rem;margin-bottom:.75rem}.panel-title-row h2{margin:0;font-size:.92rem}.panel-title-row span{display:inline-flex;align-items:center;gap:.3rem;color:var(--muted);font-size:.76rem}.room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.room-card{display:grid;gap:.75rem;min-height:14.5rem;padding:.9rem}.room-card header,.room-meta{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.room-card header{justify-content:space-between}.room-card header span,.room-card header b{min-height:1.55rem;display:inline-flex;align-items:center;padding:0 .55rem;border-radius:999px;color:#101116;background:var(--gold);font-size:.72rem}.room-card header b{color:var(--text);background:#3a414d}.room-card.running header b{color:#101116;background:var(--green)}.room-card h2{min-height:2.5rem;margin:0;overflow:hidden;font-size:1.05rem;line-height:1.25}.room-meta span{display:inline-flex;align-items:center;gap:.28rem;color:var(--muted);font-size:.78rem}.host-line{min-width:0;color:var(--muted);font-size:.8rem}.join-button{width:100%;margin-top:auto;border:1px solid rgba(116,167,255,.42);color:var(--text);background:#2d4363}.empty-state{min-height:12rem;display:grid;place-items:center;align-content:center;gap:.35rem;padding:1rem;color:var(--muted);text-align:center}.empty-state h2,.empty-state p{margin:0}.empty-state h2{color:var(--text);font-size:1rem}.completed-strip{display:grid;gap:.5rem;margin-top:.75rem;padding:.85rem}.completed-strip .completed-item{display:flex;align-items:flex-start;gap:.55rem;min-height:2.6rem;padding:.65rem .75rem;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--panel-2);cursor:default;text-align:left}.completed-strip .completed-item.is-hidden{opacity:.42;cursor:not-allowed}.completed-delete{flex:none;padding:0;border:0;color:#ff6b6b;background:transparent;font-size:.78rem;font-weight:800;cursor:pointer;-webkit-user-select:none;user-select:none}.completed-body{display:grid;gap:.22rem;min-width:0;flex:1}.completed-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem;min-width:0}.completed-top strong{flex:1;min-width:0;font-size:.92rem;line-height:1.35}.completed-top em{flex:none;color:var(--muted);font-size:.72rem;font-style:normal;white-space:nowrap}.completed-winner{display:block;color:var(--teal);font-size:.8rem;line-height:1.35;word-break:break-word}.completed-state{width:max-content;display:inline-flex;min-height:1.45rem;align-items:center;padding:0 .5rem;border:1px solid rgba(168,165,154,.26);border-radius:999px;color:var(--muted);background:#1112175c;font-size:.72rem;font-weight:800}.completed-strip>button{display:flex;justify-content:space-between;gap:.7rem;min-height:2.6rem;padding:0 .7rem;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--panel-2);text-align:left}.completed-strip span{color:var(--muted)}.completed-strip .completed-winner{color:var(--teal)}.completed-strip .completed-state{color:var(--muted)}.mini-stats,.info-list{display:grid;gap:.5rem;margin:0}.mini-stats{grid-template-columns:1fr 1fr;margin-top:.85rem}.mini-stats div,.info-list div{display:flex;justify-content:space-between;gap:.8rem;min-width:0;padding:.58rem .62rem;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#11121773}.mini-stats dt,.mini-stats dd,.info-list dt,.info-list dd{margin:0}.mini-stats dt,.info-list dt{color:var(--muted);font-size:.74rem}.mini-stats dd,.info-list dd{color:var(--text);font-size:.82rem;font-weight:800;text-align:right}.wait-list,.player-list{display:grid;gap:.45rem}.wait-list article,.player-list article{position:relative;min-height:2.55rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.45rem;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#1112175c}.player-rank{align-self:center;min-width:2.4rem;padding:.2rem .42rem;border-radius:999px;color:#111217;background:var(--teal);font-size:.7rem;text-align:center}.player-spectator{align-self:center;min-width:2.4rem;padding:.2rem .42rem;border:1px solid rgba(168,165,154,.28);border-radius:999px;color:var(--muted);background:#a8a59a1a;font-size:.7rem;text-align:center}.player-list article.spectator-player{border-color:#a8a59a29;background:#11121742}.player-actions{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;min-width:2.2rem}.icon-danger-button{width:2rem;height:2rem;display:inline-grid;place-items:center;border:1px solid rgba(255,122,122,.34);border-radius:8px;color:#ff7a7a;background:#ff7a7a14;cursor:pointer}.icon-danger-button:hover{border-color:#ff7a7ab3;color:#f4f1e8;background:#ff7a7a33}.player-list article.removed-player{border-color:#ff7a7a7a;background:#ff7a7a1c}.player-list article.removed-player strong,.player-list article.removed-player span{color:#ff7a7a}.removed-badge{margin-left:.35rem;padding:.08rem .35rem;border-radius:999px;color:#ff7a7a;background:#ff7a7a29;font-size:.62rem;font-style:normal;font-weight:900;vertical-align:middle}.host-player{border-color:#f2c94c47}.host-badge{margin-left:.35rem;padding:.08rem .35rem;border-radius:999px;color:#111217;background:var(--gold);font-size:.62rem;font-style:normal;font-weight:800;vertical-align:middle}.superuser-badge{display:inline-block;margin-top:.2rem;padding:.08rem .38rem;border-radius:999px;color:#111217;background:#ff8f8f;font-size:.62rem;font-weight:800}.modal-note{margin:0;color:var(--muted);font-size:.84rem;line-height:1.45}.room-card header span{display:inline-flex;align-items:center;gap:.28rem}.game-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.race-shell{min-height:calc(100vh - 6rem);overflow:hidden}.race-header{min-height:4rem;padding:.85rem;border-bottom:1px solid var(--line);background:#292e37e0}.race-header span{color:var(--gold);font-size:.75rem;font-weight:900}.race-header strong{min-width:4rem;color:var(--teal);font-size:1.8rem;text-align:right}.race-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;flex-wrap:wrap}.my-rank-pill{min-height:2rem;display:inline-flex;align-items:center;padding:0 .65rem;border:1px solid rgba(242,201,76,.35);border-radius:999px;color:var(--gold);background:#1112176b}.view-toggle{display:inline-flex;gap:.2rem;padding:.22rem;border:1px solid var(--line);border-radius:8px;background:#11121780}.view-toggle button{min-height:1.8rem;padding:0 .6rem;border-radius:6px;color:var(--muted);background:transparent;font-size:.74rem;font-weight:800}.view-toggle button.active{color:#111217;background:var(--gold)}.race-content{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:.75rem;padding:.75rem}.race-stage-empty{min-height:calc(100vh - 6rem);display:grid;place-items:center;align-content:center;gap:.55rem;padding:1.5rem;color:var(--muted);text-align:center}.race-stage-empty h2,.race-stage-empty p{margin:0}.race-note{color:var(--muted);font-size:.82rem}.duck-viewport,.pinball-viewport{position:relative;min-height:34rem;max-height:34rem;overflow:auto;overflow-anchor:none;overscroll-behavior:contain;border:1px solid var(--line);border-radius:8px;scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:rgba(68,208,179,.45) transparent}.duck-viewport{background:#12181c}.pinball-viewport{overflow:hidden;background:radial-gradient(circle at 18% 8%,rgba(250,183,26,.2),transparent 18rem),radial-gradient(circle at 84% 2%,rgba(235,92,72,.18),transparent 18rem),linear-gradient(135deg,#0c0e13f5,#252a33e6);perspective:1200px;touch-action:none}.duck-race-stage{position:relative;width:var(--track-width, 3400px);min-height:34rem;padding:.65rem 1rem .65rem .65rem;background:radial-gradient(circle at 18% 24%,rgba(116,167,255,.14),transparent 18rem),radial-gradient(circle at 74% 70%,rgba(68,208,179,.11),transparent 22rem),repeating-linear-gradient(90deg,rgba(68,208,179,.035) 0 48px,transparent 48px 96px),#11191e}.duck-start-banner,.duck-finish-banner{position:absolute;top:.65rem;bottom:.65rem;width:2.4rem;display:grid;place-items:center;border-radius:6px;color:#111217;font-size:.68rem;font-weight:900;letter-spacing:.08em;writing-mode:vertical-rl;z-index:2}.duck-start-banner{left:.65rem;background:var(--teal)}.duck-finish-banner{right:.65rem;background:var(--gold)}.duck-water-field{position:relative;height:32.7rem;width:calc(var(--track-width, 3400px) - 1.65rem);overflow:visible;border:1px solid rgba(68,208,179,.18);border-radius:8px;background:radial-gradient(ellipse at 20% 28%,rgba(116,167,255,.18),transparent 18rem),radial-gradient(ellipse at 68% 82%,rgba(68,208,179,.14),transparent 22rem),repeating-linear-gradient(0deg,rgba(229,245,255,.035) 0 2px,transparent 2px 22px),linear-gradient(90deg,#74a7ff21,#44d0b31c),#17232a;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 -2.2rem 4rem #00000029}.duck-finish-line,.duck-start-line{position:absolute;top:0;bottom:0;width:.34rem;border-radius:999px}.duck-finish-line{right:5.3rem;background:repeating-linear-gradient(0deg,#f4f1e8 0,#f4f1e8 .35rem,#151515 .35rem,#151515 .7rem)}.duck-start-line{left:3.85rem;background:#44d0b399}.duck-runner{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.18rem;min-width:4.8rem;transform:translate(-50%,-50%);transition:left 70ms linear,top .12s ease-out;z-index:1;pointer-events:none;will-change:left,top}.duck-runner.leading{z-index:3;filter:drop-shadow(0 0 .55rem rgba(242,201,76,.55))}.duck-runner.leading b{color:var(--gold)}.duck-runner b{max-width:7.4rem;padding:.13rem .38rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#11151cc7;color:var(--text);font-size:.76rem;line-height:1.1;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.65);white-space:nowrap}.duck-figure{position:relative;width:2.1rem;height:1.7rem;display:inline-block;flex:none}.duck-body,.duck-head,.duck-bill{position:absolute;display:block}.duck-body{left:.15rem;bottom:.08rem;width:1.55rem;height:.95rem;border-radius:55% 45% 50% 50%;background:var(--duck-color)}.duck-head{right:.1rem;top:.1rem;width:.8rem;height:.8rem;border-radius:50%;background:var(--duck-color)}.duck-bill{right:-.22rem;top:.45rem;width:.48rem;height:.22rem;border-radius:999px;background:var(--coral)}.duck-figure.leading .duck-body,.duck-figure.leading .duck-head{animation:duck-paddle .42s ease-in-out infinite alternate}.duck-splash{position:absolute;left:-.35rem;bottom:-.1rem;width:.7rem;height:.35rem;border-radius:50%;background:#74a7ff73;animation:splash-pop .5s ease-in-out infinite alternate}@keyframes duck-paddle{0%{transform:rotate(-4deg) translateY(0)}to{transform:rotate(4deg) translateY(-1px)}}@keyframes splash-pop{0%{transform:scale(.85);opacity:.45}to{transform:scale(1.15);opacity:.9}}.pinball-stage{position:relative;min-width:100%;overflow:visible;transform-origin:0 0;background:radial-gradient(circle at 25% 8%,rgba(250,183,26,.16),transparent 18rem),radial-gradient(circle at 78% 14%,rgba(68,208,179,.12),transparent 22rem),linear-gradient(135deg,#141820,#22262f);box-shadow:inset 0 0 0 10px #0b0d12f2,inset 0 0 4rem #00000047,0 1.2rem 2.8rem #00000052}.pinball-stage:before,.pinball-stage:after{display:none}.pinball-track-surface{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(circle at 20% 8%,rgba(250,183,26,.26),transparent 18rem),radial-gradient(circle at 82% 12%,rgba(235,92,72,.2),transparent 20rem),radial-gradient(circle at 48% 42%,rgba(95,63,163,.09),transparent 28rem),linear-gradient(90deg,rgba(32,36,45,.1) 1px,transparent 1px),linear-gradient(0deg,rgba(32,36,45,.09) 1px,transparent 1px),#eee7e0;background-size:auto,auto,auto,72px 72px,72px 72px,auto;box-shadow:inset 0 0 0 12px #ffffff47,inset 0 0 4rem #3c302433;pointer-events:none}.pinball-track-side{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 14%,rgba(0,0,0,.28)),repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,transparent 1px 72px),linear-gradient(135deg,#151a22,#252a33 45%,#11161e);box-shadow:inset 0 0 0 10px #070a0fdb,inset 0 0 3.6rem #0000006b}.pinball-track-side-left{background:linear-gradient(270deg,rgba(255,255,255,.09),transparent 12%,rgba(0,0,0,.32)),repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,transparent 1px 72px),linear-gradient(135deg,#151a22,#252a33 45%,#11161e)}.pinball-track-side-right{background:linear-gradient(90deg,rgba(255,255,255,.09),transparent 12%,rgba(0,0,0,.32)),repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,transparent 1px 72px),linear-gradient(135deg,#151a22,#252a33 45%,#11161e)}.pinball-stage-frame{position:relative;overflow-anchor:none;transform:translateZ(0);will-change:transform}.pinball-minimap{position:absolute;top:.65rem;left:.65rem;z-index:12;width:4.7rem;height:7.4rem;overflow:hidden;border:1px solid rgba(244,241,232,.18);border-radius:8px;background:#0c0e13d1;box-shadow:0 .8rem 1.8rem #00000057;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:grab;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.pinball-minimap.dragging{cursor:grabbing;border-color:#44d0b3bd;box-shadow:0 0 .8rem #44d0b347,0 .8rem 1.8rem #00000057}.pinball-minimap-track{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#f4f1e8e6,#dfd5ccf0),#eee7e0}.pinball-minimap-view{position:absolute;min-width:.42rem;min-height:.72rem;border:1px solid rgba(68,208,179,.9);border-radius:4px;box-shadow:0 0 .55rem #44d0b35c}.pinball-minimap-dot{position:absolute;width:.32rem;height:.32rem;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:var(--ball-color);box-shadow:0 0 .28rem #00000057;transform:translate(-50%,-50%)}.pinball-minimap-dot.leading{width:.42rem;height:.42rem;border-color:var(--gold);box-shadow:0 0 .5rem #f2c94cbf}.pinball-zoom-controls{position:absolute;top:.65rem;right:.65rem;z-index:10;width:max-content;display:flex;align-items:center;gap:.25rem;padding:.25rem;border:1px solid rgba(244,241,232,.14);border-radius:999px;background:#111217db;box-shadow:0 .7rem 1.6rem #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pinball-zoom-controls button{width:1.9rem;height:1.9rem;display:grid;place-items:center;border:0;border-radius:50%;color:var(--text);background:#ffffff14;cursor:pointer}.pinball-zoom-controls span{min-width:3rem;color:var(--muted);font-size:.72rem;font-weight:800;text-align:center}.pinball-obstacle{position:absolute;width:var(--obstacle-width);height:var(--obstacle-height);border-radius:50%;z-index:2}.pinball-wall{z-index:1;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 24%,rgba(0,0,0,.32)),linear-gradient(90deg,#11151c,#2f3541 48%,#151922);box-shadow:0 .5rem 1.1rem #00000047,inset 0 0 0 2px #ffffff14,inset -.15rem -.2rem .32rem #0000005c}.pinball-peg{border:2px solid rgba(244,241,232,.38);background:radial-gradient(circle at 32% 24%,rgba(244,241,232,.58),rgba(244,241,232,.16) 18%,transparent 30%),radial-gradient(circle at 68% 76%,rgba(0,0,0,.28),transparent 36%),linear-gradient(145deg,var(--accent),var(--accent-dark));box-shadow:0 0 .55rem var(--accent-glow),.2rem .34rem .5rem #503a2947,inset -.12rem -.18rem .28rem #00000047}.pinball-rail,.pinball-gate,.pinball-finish-rail,.pinball-finish-guide,.pinball-spinner,.pinball-windmill,.pinball-finish-flipper,.pinball-boost{border-radius:999px;border:2px solid var(--accent-edge, rgba(244, 241, 232, .22))}.pinball-rail{background:linear-gradient(180deg,rgba(244,241,232,.32),transparent 24%,rgba(0,0,0,.34) 78%),linear-gradient(90deg,var(--accent-dark),var(--accent),var(--accent-highlight, #b7ad96) 48%,var(--accent));box-shadow:0 0 .85rem var(--accent-glow),.35rem .5rem .65rem #382d2547,inset -.18rem -.2rem .36rem #00000047}.pinball-gate{border-radius:10px;background:linear-gradient(90deg,rgba(244,241,232,.24),transparent 24%,rgba(0,0,0,.24)),linear-gradient(180deg,#1d222c,var(--accent-dark));box-shadow:0 0 .65rem var(--accent-glow),inset .2rem 0 #f4f1e829,inset -.18rem -.18rem .34rem #00000052}.pinball-finish-rail{border-radius:999px;background:linear-gradient(180deg,rgba(244,241,232,.3),transparent 24%,rgba(0,0,0,.3)),linear-gradient(90deg,#1d222c,#8f7d48,#b7ad96 54%,#7a693e);box-shadow:0 0 .75rem #8f7d482e,inset -.18rem -.22rem .34rem #00000047}.pinball-finish-guide{z-index:3;border-radius:999px;background:linear-gradient(180deg,rgba(244,241,232,.1),transparent 26%,rgba(0,0,0,.42)),linear-gradient(90deg,#07090d,#171b23 52%,#05070a);box-shadow:0 .55rem 1rem #00000052,inset 0 0 0 2px #f4f1e814,inset -.14rem -.2rem .3rem #0000006b}.pinball-bumper{border:0;background:radial-gradient(circle at 32% 26%,rgba(244,241,232,.64),rgba(244,241,232,.14) 18%,transparent 30%),linear-gradient(145deg,var(--accent),var(--accent-dark));box-shadow:0 0 1.1rem var(--accent-glow),.45rem .65rem .95rem #4e382859,inset -.2rem -.32rem .45rem #00000052}.pinball-bumper:after{position:absolute;top:29%;right:29%;bottom:29%;left:29%;border:2px solid rgba(244,241,232,.34);border-radius:50%;background:#c7bda8;box-shadow:inset .16rem .2rem .35rem #4c372633,0 0 .28rem #f4f1e82e;content:""}.pinball-wedge{border-radius:8px;clip-path:polygon(50% 0,100% 100%,0 100%);background:radial-gradient(circle at 44% 22%,rgba(244,241,232,.46),transparent 18%),linear-gradient(145deg,var(--accent),var(--accent-dark));box-shadow:0 0 .85rem var(--accent-glow),.36rem .5rem .72rem #503a294d}.pinball-kicker{border-radius:10px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:radial-gradient(circle at 18% 22%,rgba(244,241,232,.44),transparent 24%),linear-gradient(145deg,#b7ad96,var(--accent) 42%,var(--accent-dark));box-shadow:0 0 .85rem var(--accent-glow),.32rem .5rem .75rem #503a2952,inset -.18rem -.24rem .35rem #00000047}.pinball-spinner,.pinball-windmill{border:0;background:linear-gradient(180deg,rgba(244,241,232,.38),transparent 28%,rgba(0,0,0,.3)),linear-gradient(90deg,var(--accent-dark),var(--accent),var(--accent-dark));box-shadow:0 0 .95rem var(--accent-glow),.35rem .48rem .74rem #503a2957,inset -.16rem -.22rem .32rem #00000052}.pinball-spinner:before,.pinball-windmill:before{position:absolute;inset:calc(50% - .55rem) 14%;border-radius:999px;background:linear-gradient(180deg,rgba(244,241,232,.36),transparent 28%,rgba(0,0,0,.3)),linear-gradient(90deg,var(--accent-dark),var(--accent-highlight, var(--accent)),var(--accent-dark));box-shadow:inset -.12rem -.16rem .25rem #00000040;content:"";transform:rotate(90deg)}.pinball-windmill{z-index:3;background:linear-gradient(180deg,rgba(244,241,232,.4),transparent 30%,rgba(0,0,0,.34)),linear-gradient(90deg,var(--accent-edge, #151922),var(--accent),var(--accent-edge, #151922))}.pinball-windmill:after{position:absolute;left:50%;top:50%;width:1.2rem;height:1.2rem;border:2px solid rgba(244,241,232,.42);border-radius:50%;background:var(--accent-dark);box-shadow:0 0 .55rem var(--accent-glow);content:"";transform:translate(-50%,-50%)}.pinball-boost{border-radius:9px;background:linear-gradient(135deg,transparent 0 22%,rgba(244,241,232,.32) 22% 30%,transparent 30% 42%,rgba(244,241,232,.26) 42% 50%,transparent 50%),linear-gradient(145deg,#10242b,var(--accent) 48%,var(--accent-dark));background-size:48px 100%,auto;box-shadow:0 0 1rem var(--accent-glow),.32rem .48rem .72rem #503a2947,inset -.18rem -.22rem .34rem #0000004d}.pinball-flipper,.pinball-finish-flipper{border-radius:999px;background:radial-gradient(circle at 12% 28%,rgba(244,241,232,.48),transparent 20%),linear-gradient(90deg,var(--accent-highlight, #b7ad96),var(--accent) 42%,var(--accent-dark));box-shadow:0 0 .85rem var(--accent-glow),.35rem .5rem .75rem #503a2957,inset -.2rem -.24rem .28rem #0000004d}.pinball-finish-flipper{z-index:3;background:radial-gradient(circle at 12% 28%,rgba(244,241,232,.44),transparent 20%),linear-gradient(90deg,#b99c88,#8f3833 45%,#4f2423);box-shadow:0 0 .75rem #8f383333,.32rem .45rem .72rem #503a2952,inset -.18rem -.22rem .28rem #00000047}.pinball-runner{position:absolute;left:0;top:0;width:var(--ball-size, 1.35rem);height:var(--ball-size, 1.35rem);will-change:transform;z-index:4}.pinball-runner-core{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border:1px solid rgba(255,255,255,.62);border-radius:50%;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.96),rgba(255,255,255,.18) 18%,transparent 28%),radial-gradient(circle at 62% 72%,rgba(0,0,0,.36),transparent 34%),var(--ball-color);box-shadow:.42rem .58rem .75rem #0000006b,inset -.16rem -.22rem .3rem #00000057;transform:rotate(var(--ball-angle, 0rad));will-change:transform}.pinball-runner.leading{z-index:3}.pinball-runner.leading .pinball-runner-core{border-color:var(--gold);box-shadow:0 0 .8rem #f2c94c8c,0 .45rem 1rem #00000057}.pinball-runner b{position:absolute;left:50%;top:-1.45rem;max-width:7rem;overflow:hidden;padding:.12rem .38rem;border-radius:999px;color:var(--text);background:#111217d1;font-size:.68rem;text-overflow:ellipsis;transform:translate(-50%);white-space:nowrap}.pinball-finish{position:absolute;left:50%;bottom:1.2rem;width:12rem;height:1.75rem;display:grid;place-items:center;border:2px solid rgba(17,18,23,.64);border-radius:999px;color:#111217;background:repeating-linear-gradient(90deg,#111217e0 0,#111217e0 .75rem,#f4f1e8e6 .75rem,#f4f1e8e6 1.5rem),var(--gold);font-weight:900;letter-spacing:.12em;box-shadow:0 -.45rem 1.1rem #00000057;transform:translate(-50%);z-index:5}.pinball-finish-hole{position:absolute;width:7.6rem;height:2.7rem;border:.42rem solid rgba(17,18,23,.94);border-radius:50%;background:radial-gradient(ellipse at 50% 52%,#050608 0 38%,rgba(17,18,23,.94) 39% 58%,rgba(250,183,26,.82) 59% 66%,transparent 67%);box-shadow:0 .8rem 1.35rem #0000005c,inset 0 .28rem .5rem #ffffff29;transform:translate(-50%,-50%);z-index:3}.rank-board{min-width:0;padding:.85rem;border:1px solid var(--line);border-radius:8px;background:#17191fd6}.rank-list,.winner-list{display:grid;gap:.45rem}.rank-list article,.winner-list article{min-width:0;min-height:2.6rem;display:grid;grid-template-columns:1.7rem auto minmax(0,1fr) auto;align-items:center;gap:.45rem;padding:.42rem;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#1112176b}.rank-list article.winner{border-color:#f2c94c8c}.rank-list strong{color:var(--gold);text-align:center}.rank-list span,.winner-list strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-list em,.winner-list span{color:var(--muted);font-size:.74rem;font-style:normal}.rank-list-note{margin:.55rem 0 0;color:var(--muted);font-size:.74rem;line-height:1.4}.winner-list article{grid-template-columns:auto auto minmax(0,1fr) auto}.winner-list svg{color:var(--gold)}.floating-chat-tab,.floating-chat-panel{position:fixed;z-index:70}.floating-chat-tab{right:0;top:var(--pip-y, 56%);min-height:2.75rem;display:inline-flex;align-items:center;gap:.4rem;padding:0 .58rem 0 .75rem;border:1px solid rgba(68,208,179,.55);border-right:0;border-radius:999px 0 0 999px;color:#0f1514;background:var(--teal);box-shadow:0 .8rem 1.8rem var(--shadow);transform:translateY(-50%);touch-action:none;-webkit-user-select:none;user-select:none}.floating-chat-tab b{min-width:1.28rem;height:1.28rem;display:grid;place-items:center;border-radius:999px;color:var(--text);background:#11121752;font-size:.7rem}.floating-chat-panel{top:4.8rem;right:.7rem;bottom:.7rem;width:min(24rem,calc(100vw - 4.4rem));transform:translate(calc(100% + 1rem));transition:transform .2s ease}.floating-chat-panel.is-open{transform:translate(0)}.chat-panel{height:100%;display:flex;flex-direction:column;min-height:22rem;padding:.85rem;border:1px solid var(--line);border-radius:8px;background:#20242bfa;box-shadow:0 1rem 2rem var(--shadow)}.chat-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-bottom:.65rem;padding:.25rem;border:1px solid var(--line);border-radius:8px;background:#11121785}.chat-tabs button{display:flex;align-items:center;justify-content:center;gap:.35rem;min-height:2rem;border-radius:6px;color:var(--muted);background:transparent;font-size:.78rem;font-weight:800}.chat-tabs button.active{color:#101116;background:var(--gold)}.chat-tabs b{min-width:1.1rem;height:1.1rem;display:grid;place-items:center;border-radius:999px;color:inherit;background:#1112171f;font-size:.66rem}.chat-list{flex:1;min-height:0;overflow:auto;display:grid;align-content:start;gap:.45rem;padding-right:.2rem}.chat-line{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.5rem;align-items:start;padding:.42rem;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#11121757}.chat-line header{display:flex;justify-content:space-between;gap:.5rem}.chat-line strong{min-width:0;overflow:hidden;color:var(--blue);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.chat-line time{color:var(--muted);font-size:.68rem;white-space:nowrap}.chat-line p{margin:.16rem 0 0;color:var(--text);font-size:.8rem;line-height:1.45;overflow-wrap:anywhere}.empty-text{margin:1rem 0;color:var(--muted);text-align:center}.chat-form{display:flex;gap:.45rem;margin-top:.7rem;padding-top:.7rem;border-top:1px solid var(--line)}.chat-form input,.create-form input,.create-form select{min-width:0;border:1px solid var(--line);border-radius:8px;outline:none;color:var(--text);background:#15171d}.chat-form input{flex:1;min-height:2.4rem;padding:0 .7rem}.chat-form button{width:2.55rem;padding:0;color:#101116;background:var(--teal)}.chat-close-button{width:1.9rem;height:1.9rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:#1112176b}.chat-close-button:hover{color:var(--text);background:var(--panel-2)}@media(min-width:1181px){.lobby-layout,.game-layout{width:min(1840px,100%)}.lobby-layout{grid-template-columns:minmax(0,1fr) 310px minmax(20rem,24rem)}.game-layout{grid-template-columns:minmax(0,1fr) 320px minmax(20rem,24rem)}.floating-chat-tab{display:none}.floating-chat-panel{position:sticky;top:4.75rem;right:auto;bottom:auto;grid-column:3;grid-row:1 / span 2;align-self:start;width:auto;height:calc(100vh - 5.5rem);transform:none;transition:none}.floating-chat-panel .chat-close-button{display:none}.floating-chat-panel .chat-panel{min-height:0}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:1rem;background:#0000008f}.modal-panel{width:min(42rem,100%);border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 1.5rem 4rem #00000073}.create-room-panel{max-height:calc(100dvh - 1.1rem);overflow:visible}.create-room-form,.create-room-form label{overflow:visible}.custom-select{position:relative;min-width:0}.custom-select-trigger{width:100%;min-height:2.45rem;display:flex;align-items:center;justify-content:space-between;gap:.45rem;padding:0 .65rem;border:1px solid var(--line);border-radius:8px;color:var(--text);background:#15171d;text-align:left}.custom-select-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-trigger svg{flex:none;color:var(--muted);transition:transform .18s ease}.custom-select.open .custom-select-trigger{border-color:#44d0b3b8;box-shadow:0 0 0 1px #44d0b32e}.custom-select.open .custom-select-trigger svg{transform:rotate(180deg);color:var(--teal)}.custom-select-menu{margin:0;padding:.32rem;overflow:auto;list-style:none;border:1px solid var(--line);border-radius:8px;background:#1a1e26;box-shadow:0 .85rem 2rem #0000006b}.custom-select-menu-portal{position:fixed}.custom-select-menu button{width:100%;min-height:2.15rem;display:flex;align-items:center;justify-content:space-between;gap:.45rem;padding:0 .55rem;border-radius:6px;color:var(--text);background:transparent;text-align:left}.custom-select-menu button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-menu button:hover,.custom-select-menu button.active{color:var(--text);background:#44d0b31f}.custom-select-menu button.active{color:var(--teal)}.modal-header{min-height:3.6rem;padding:.85rem;border-bottom:1px solid var(--line)}.modal-header h2{margin:0;font-size:1rem}.modal-header button{width:2.2rem;height:2.2rem;display:grid;place-items:center;border-radius:8px;color:var(--text);background:var(--panel-2)}.create-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding:.85rem}.create-room-form{grid-template-columns:repeat(2,minmax(0,1fr))}.create-form label{display:grid;gap:.35rem;color:var(--muted);font-size:.78rem;font-weight:800}.create-form .check-row{display:flex;align-items:center;gap:.55rem;min-height:2.45rem;padding:0 .65rem;border:1px solid var(--line);border-radius:8px;color:var(--text);background:#15171d}.create-form .check-row input{width:1rem;height:1rem;margin:0}.create-form input,.create-form select{min-height:2.45rem;padding:0 .65rem}.create-form button,.create-form .form-wide{grid-column:1 / -1}@media(max-width:1180px){.lobby-layout,.game-layout{grid-template-columns:1fr;width:min(920px,100%)}.lobby-side,.game-side{grid-template-columns:repeat(2,minmax(0,1fr))}.result-panel{grid-column:1 / -1}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.topbar{height:auto;flex-wrap:wrap;padding:.65rem}.profile{min-width:0}.lobby-layout,.game-layout{padding:.55rem}.lobby-toolbar,.game-toolbar{display:grid}.game-actions{justify-content:stretch}.game-actions button,.lobby-toolbar .primary-button{width:100%}.room-grid,.lobby-side,.game-side,.race-content{grid-template-columns:1fr}.create-form{gap:.65rem}.race-shell,.race-stage-empty{min-height:auto}.duck-viewport,.pinball-viewport{min-height:28rem;max-height:28rem}.duck-race-stage{min-height:28rem}.duck-water-field{height:26.7rem}.duck-runner{min-width:4.2rem}.duck-runner b{max-width:5.5rem;font-size:.7rem}.floating-chat-panel{top:4.6rem;right:.5rem;bottom:.5rem;width:min(22rem,calc(100vw - 4rem))}}@media(max-width:520px){.modal-backdrop{padding:.55rem}.create-form,.create-room-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding:.65rem}.create-form label{gap:.28rem;font-size:.72rem}.create-form input,.create-form select,.custom-select-trigger{min-height:2.2rem;padding:0 .5rem;font-size:.82rem}.create-form .check-row{gap:.35rem;min-height:2.2rem;padding:0 .45rem;font-size:.72rem}.create-form .primary-button{min-height:2.45rem;margin-top:.15rem}}.completed-strip .completed-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.completed-strip .completed-item .completed-body{min-width:0}.completed-strip .completed-delete{justify-self:end;min-width:2.4rem;height:1.8rem;display:inline-grid;place-items:center;border:1px solid rgba(255,120,108,.45);border-radius:8px;color:#ff7a7a;background:#ff786c14;font-size:0;font-weight:900}.completed-strip .completed-delete:before{content:"삭제";font-size:.68rem}.completed-strip .completed-item.is-hidden{grid-template-columns:auto minmax(0,1fr);border-color:#ff786c8c;background:#ff786c1f;opacity:1}.completed-strip .completed-item.is-hidden:before{content:"(삭제)";color:#ff7a7a;font-size:.72rem;font-weight:900}.completed-strip .completed-item.is-hidden .completed-body,.completed-strip .completed-item.is-hidden strong,.completed-strip .completed-item.is-hidden span,.completed-strip .completed-item.is-hidden em{color:#ff7a7a}.completed-strip .completed-body{grid-column:1;grid-row:1}.completed-strip .completed-delete,.completed-strip .completed-item.is-hidden .completed-body{grid-column:2;grid-row:1}.map-editor-layout{min-height:calc(100vh - 4rem);display:grid;grid-template-rows:auto minmax(0,1fr);gap:.8rem;padding:.8rem}.map-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem;border:1px solid var(--line);border-radius:8px;background:#20242bf0}.map-editor-toolbar>div,.map-editor-actions{display:flex;align-items:center;gap:.8rem;min-width:0}.map-editor-toolbar h1{margin:0;font-size:1.15rem}.map-editor-actions span{color:var(--muted);font-size:.78rem;white-space:nowrap}.map-editor-grid{min-height:0;display:grid;grid-template-columns:310px minmax(0,1fr) 300px;gap:.8rem}.map-editor-panel{min-height:0;display:flex;flex-direction:column;gap:.75rem;padding:.8rem;border:1px solid var(--line);border-radius:8px;background:#20242bf0;overflow:auto}.map-editor-panel label{display:grid;gap:.35rem;color:var(--muted);font-size:.76rem;font-weight:800}.map-editor-panel input,.map-editor-panel select{min-width:0;min-height:2.25rem;padding:0 .6rem;border:1px solid var(--line);border-radius:8px;color:var(--text);background:#111217b8}.map-editor-check{grid-template-columns:auto minmax(0,1fr);align-items:center;min-height:2.35rem;padding:0 .7rem;border:1px solid rgba(68,208,179,.35);border-radius:8px;color:var(--text);background:#44d0b314}.map-editor-toolset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.map-editor-toolset button,.map-editor-shape button,.map-editor-inspector button{min-height:2.2rem;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--panel-2);font-size:.74rem;font-weight:800}.map-editor-toolset button{cursor:grab}.map-editor-toolset button:active{cursor:grabbing}.map-editor-zoom{display:grid;grid-template-columns:auto minmax(0,1fr) auto 3.2rem auto;align-items:center;gap:.45rem;padding:.5rem;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#11121761}.map-editor-zoom button{width:2.2rem;height:2.2rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--panel-2)}.map-editor-zoom span{color:var(--gold);font-size:.74rem;font-weight:900;text-align:right}.map-editor-shape{display:grid;gap:.45rem}.map-editor-shape p{margin:0;color:var(--muted);font-size:.74rem;line-height:1.4}.map-editor-shape-actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.map-editor-shape article{display:grid;grid-template-columns:2.4rem repeat(3,minmax(0,1fr)) 2rem;align-items:end;gap:.35rem;padding:.45rem;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#1112175c}.map-editor-shape article>span{align-self:center;color:var(--gold);font-size:.72rem;font-weight:900}.map-editor-shape input{min-height:2rem;padding:0 .35rem;font-size:.72rem}.map-editor-preview{min-width:0;min-height:0;display:grid;place-items:stretch;border:1px solid var(--line);border-radius:8px;background:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),#151820;background-size:28px 28px,28px 28px,auto;overflow:hidden}.map-editor-preview.placing{border-color:#f2c94ca3;box-shadow:inset 0 0 0 1px #f2c94c2e}.map-editor-canvas-scroll{width:100%;height:calc(100vh - 7.2rem);overflow:auto}.map-editor-preview svg{display:block;min-width:100%;min-height:100%;touch-action:none}.map-editor-bg{fill:#111217}.map-editor-track{fill:#f4f1e8e6;stroke:#f4f1e847;stroke-width:8}.map-editor-wall{fill:none;stroke:#1c222c;stroke-linecap:round;stroke-linejoin:round;stroke-width:56}.map-editor-finish{stroke:var(--gold);stroke-linecap:round;stroke-width:20}.map-editor-shape-dot{fill:var(--teal);stroke:#111217;stroke-width:4;cursor:move}.map-editor-shape-line{cursor:ew-resize;fill:none;opacity:0;pointer-events:stroke;stroke:var(--teal);stroke-linecap:round;stroke-linejoin:round;stroke-width:54}.map-editor-shape-handle{cursor:ew-resize;fill:#44d0b3bd;stroke:#111217;stroke-width:5}.map-editor-obstacle{cursor:grab;filter:url(#mapEditorObjectLift);fill:var(--editor-accent, #6f7e8f);stroke:var(--editor-edge, #20242b);stroke-width:5}.map-editor-obstacle.active{fill:var(--editor-accent, #44d0b3);stroke:var(--gold);stroke-width:8}.map-editor-obstacle-depth{fill:var(--editor-dark, #303945);opacity:.48;pointer-events:none}.map-editor-obstacle-highlight{fill:none;opacity:.58;pointer-events:none;stroke:var(--editor-highlight, rgba(244, 241, 232, .72));stroke-linecap:round;stroke-width:5}.map-editor-bumper-highlight{fill:var(--editor-highlight, rgba(244, 241, 232, .72));stroke:none}.map-editor-windmill-arm{fill:var(--editor-accent, #6f7e8f);stroke-linecap:round;stroke-linejoin:round}.map-editor-windmill-arm.active{fill:var(--editor-accent, #3fc2af)}.map-editor-windmill-hub{fill:var(--editor-dark, #1b2029);stroke:var(--editor-highlight, var(--gold));stroke-width:5;pointer-events:none}.map-editor-pivot-line{stroke:#11121794;stroke-dasharray:10 9;stroke-linecap:round;stroke-width:5;pointer-events:none}.map-editor-pivot-point{fill:var(--gold);stroke:#111217;stroke-width:5;pointer-events:none}.map-editor-resize-handle{cursor:ew-resize;fill:var(--gold);stroke:#111217;stroke-width:5}.map-editor-resize-handle.secondary{cursor:ns-resize;fill:var(--teal)}.map-editor-delete-popover{cursor:pointer}.map-editor-delete-popover rect{fill:#ff786cf5;stroke:#111217d1;stroke-width:3}.map-editor-delete-popover text{fill:#111217;font-size:.86rem;font-weight:900;pointer-events:none}.map-editor-obstacle-list{display:grid;gap:.35rem;max-height:300px;overflow:scroll}.map-editor-obstacle-list button{min-height:2.35rem;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:.42rem;padding:0 .55rem;border:1px solid var(--line);border-radius:8px;color:var(--text);background:#1112176b;text-align:left}.map-editor-theme-swatch{width:1rem;height:1rem;border:1px solid var(--editor-edge, rgba(244, 241, 232, .2));border-radius:50%;background:radial-gradient(circle at 30% 24%,var(--editor-highlight, rgba(244, 241, 232, .7)),transparent 34%),linear-gradient(145deg,var(--editor-accent, #7b8796),var(--editor-dark, #303945));box-shadow:0 0 .35rem var(--editor-glow, rgba(123, 135, 150, .2))}.map-editor-obstacle-list button.active{border-color:#44d0b3a6;background:#44d0b31f}.map-editor-obstacle-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-editor-obstacle-list em{color:var(--muted);font-size:.68rem;font-style:normal}.map-editor-inspector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;padding-top:.7rem;border-top:1px solid var(--line)}.map-editor-inspector .panel-title-row,.map-editor-inspector p{grid-column:1 / -1}.map-editor-inspector p{display:inline-flex;align-items:center;gap:.35rem;margin:0;color:var(--muted);font-size:.74rem}@media(max-width:1180px){.map-editor-grid{grid-template-columns:280px minmax(0,1fr)}.map-editor-grid>.map-editor-panel:last-child{grid-column:1 / -1}.map-editor-canvas-scroll{height:34rem}}@media(max-width:760px){.topbar-tool-button{width:2.25rem;padding:0;justify-content:center;font-size:0}.map-editor-layout{padding:.55rem}.map-editor-toolbar,.map-editor-toolbar>div,.map-editor-actions{align-items:stretch;flex-direction:column}.map-editor-grid{grid-template-columns:1fr}.map-editor-preview{order:-1}.map-editor-canvas-scroll{height:34rem}}