:root{color:#13233d;background:#eaf3ff;--ink: #10213a;--muted: #63839d;--line: rgb(61 123 168 / 18%);--panel: rgb(255 255 255 / 82%);--sky: #22a9ec;--sky-deep: #087dbd;--navy: #0b3156;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}@media(prefers-reduced-motion:no-preference){.top-nav button,.zoom-controls button,.place-button,.export-button,.replay-launch,.announcement-banner,.admin-card{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 8% 0%,rgb(255 255 255 / 90%),transparent 30rem),linear-gradient(135deg,#eef6ff,#d9eaff 48%,#edf4ff)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #27b5f6;outline-offset:2px}.app-shell{max-width:100rem;margin:0 auto;padding:2rem clamp(1rem,4vw,4rem) 3rem}.app-header{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;padding-bottom:1.5rem}.eyebrow{margin:0 0 .45rem;color:#1889c7;font-size:.7rem;font-weight:800;letter-spacing:.16em}h1{margin:0;color:#10213a;font-size:clamp(2rem,4.1vw,4rem);font-weight:850;letter-spacing:-.055em;line-height:.95}.top-nav{display:flex;flex-wrap:wrap;gap:.5rem}.top-nav button,.zoom-controls button{border:1px solid rgb(20 67 107 / 18%);border-radius:999px;padding:.55rem .85rem;color:#21405e;background:#ffffffb3;box-shadow:0 1px 1px #13395f0f;transition:background .15s ease,transform .15s ease}.top-nav button:hover,.zoom-controls button:hover{background:#fff;transform:translateY(-1px)}.event-status{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;width:fit-content;margin:0 0 1.25rem;padding:.55rem .8rem;border:1px solid rgb(64 121 165 / 15%);border-radius:999px;color:#46657e;background:#fff9;font-size:.85rem;font-weight:650}.connection-dot{width:.52rem;height:.52rem;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 .22rem #f59e0b29}.connection-dot.online{background:#19b56e;box-shadow:0 0 0 .22rem #19b56e29}.event-status strong{color:#147db8;font-size:.72rem;letter-spacing:.08em}.event-status .event-countdown{color:#a25718}.place-toast{position:fixed;z-index:200;top:4.3rem;left:50%;width:fit-content;max-width:min(32rem,calc(100vw - 2rem));margin:0;padding:.62rem .9rem;border:1px solid rgb(183 69 51 / 25%);border-radius:999px;color:#8f3026;background:#fffaf8f5;box-shadow:0 .65rem 1.5rem #29486533;pointer-events:none;text-align:center;transform:translate(-50%);animation:place-toast-life 3s ease both}@keyframes place-toast-life{0%{opacity:0;transform:translate(-50%,-.45rem)}8%,86%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-.25rem)}}[role=alert]{color:#b42318;font-weight:650}.place-shell{display:grid;grid-template-columns:minmax(0,1fr) 20rem;min-height:0;overflow:hidden}.place-app{display:grid;width:100%;max-width:none;height:100dvh;min-height:36rem;margin:0;padding:0;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}.place-topbar{display:flex;align-items:center;gap:1rem;min-width:0;padding:.55rem clamp(.85rem,2vw,1.5rem);border-bottom:1px solid rgb(47 105 151 / 14%);background:#f8fcffeb;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.place-app .app-header{flex:1;min-width:0;align-items:center;padding:0}.place-app .eyebrow{display:none}.place-app h1{font-size:clamp(1.25rem,2vw,1.8rem);letter-spacing:-.04em;line-height:1}.place-app .top-nav{flex-wrap:nowrap}.place-app .top-nav button{padding:.42rem .7rem;font-size:.78rem}.place-app .event-status{flex:0 1 auto;margin:0;white-space:nowrap;font-size:.72rem}.place-notices{display:grid;gap:.35rem;padding:.45rem clamp(.85rem,2vw,1.5rem);background:linear-gradient(90deg,#ebf6ffd1,#fff9)}.place-notices:empty{display:none}.place-notices [role=alert],.place-notices .announcement-banner{margin:0}.canvas-frame{position:relative;min-width:0;min-height:0}.canvas-wrap{position:relative;display:flex;align-items:flex-start;justify-content:flex-start;height:100%;min-height:0;overflow:auto;overflow-anchor:none;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgb(27 107 162 / 44%) transparent;border:0;border-radius:0;background:linear-gradient(45deg,rgb(255 255 255 / 26%) 25%,transparent 25%) 0 0 / 1.5rem 1.5rem,linear-gradient(-45deg,rgb(255 255 255 / 26%) 25%,transparent 25%) 0 0 / 1.5rem 1.5rem,#cde4fb;box-shadow:0 1.1rem 3rem #2053821f,inset 0 1px #fffc}.canvas-wrap::-webkit-scrollbar{width:.55rem;height:.55rem}.canvas-wrap::-webkit-scrollbar-track{margin:.75rem;background:transparent}.canvas-wrap::-webkit-scrollbar-thumb{border:.18rem solid transparent;border-radius:99px;background:#1b6ba26b;background-clip:padding-box}.canvas-wrap::-webkit-scrollbar-thumb:hover{background-color:#1b6ba2ad}.canvas-wrap canvas{display:block;flex:0 0 auto;image-rendering:pixelated}.canvas-stage{position:relative;display:flex;flex:0 0 auto;align-items:center;justify-content:center}.canvas-content{position:relative;flex:0 0 auto;contain:layout paint}.canvas-selection-marker{position:absolute;z-index:2;display:block;pointer-events:none}.canvas-grid-overlay{position:absolute;z-index:1;inset:0;box-sizing:border-box;pointer-events:none;display:block;width:100%;height:100%}.header-grid-toggle{min-height:1.9rem;border:1px solid rgb(255 255 255 / 72%);border-radius:999px;padding:.3rem .54rem;color:#245a83;background:#f6fcffe0;box-shadow:0 .3rem .8rem #20538224;font-size:.64rem;font-weight:800;white-space:nowrap}.header-grid-toggle.active{border-color:#177db7;color:#fff;background:#147fbc}.selection-corner{position:absolute;width:.74rem;height:.74rem;box-sizing:border-box;filter:drop-shadow(0 0 1px #050b14) drop-shadow(0 0 1px #050b14)}.selection-corner:after{position:absolute;width:.48rem;height:.48rem;box-sizing:border-box;content:""}.selection-corner.top-left{top:-.36rem;left:-.36rem;border-top:.2rem solid #0b1220;border-left:.2rem solid #0b1220}.selection-corner.top-left:after{top:-.02rem;left:-.02rem;border-top:.1rem solid white;border-left:.1rem solid white}.selection-corner.top-right{top:-.36rem;right:-.36rem;border-top:.2rem solid #0b1220;border-right:.2rem solid #0b1220}.selection-corner.top-right:after{top:-.02rem;right:-.02rem;border-top:.1rem solid white;border-right:.1rem solid white}.selection-corner.bottom-left{bottom:-.36rem;left:-.36rem;border-bottom:.2rem solid #0b1220;border-left:.2rem solid #0b1220}.selection-corner.bottom-left:after{bottom:-.02rem;left:-.02rem;border-bottom:.1rem solid white;border-left:.1rem solid white}.selection-corner.bottom-right{right:-.36rem;bottom:-.36rem;border-right:.2rem solid #0b1220;border-bottom:.2rem solid #0b1220}.selection-corner.bottom-right:after{right:-.02rem;bottom:-.02rem;border-right:.1rem solid white;border-bottom:.1rem solid white}.canvas-wrap:before{content:"SCROLL OR USE ZOOM CONTROLS";position:absolute;top:.8rem;left:1rem;z-index:1;color:#1748727a;font-size:.62rem;font-weight:800;letter-spacing:.12em;pointer-events:none}.canvas-keyboard-help{position:absolute;bottom:.7rem;left:50%;z-index:1;margin:0;color:#6c8aa2;transform:translate(-50%);text-align:center;font-size:.68rem;font-weight:700}.canvas-hud{position:absolute;top:.8rem;right:.9rem;z-index:1;display:flex;gap:.4rem;color:#245a83;pointer-events:none}.canvas-hud span{padding:.35rem .5rem;border:1px solid rgb(255 255 255 / 60%);border-radius:999px;background:#ffffff94;box-shadow:0 1px 2px #2254791a;font-size:.65rem;font-weight:800;letter-spacing:.06em}.mobile-zoom{display:none}.header-tools{display:flex;align-items:center;gap:.5rem}canvas{position:relative;margin:auto;image-rendering:pixelated;cursor:crosshair;flex:none;box-shadow:0 .5rem 1rem #0b375b24}.control-panel{position:relative;top:auto;height:100%;max-height:100%;padding:1.15rem;overflow-y:auto;border:0;border-left:1px solid rgb(47 105 151 / 14%);border-radius:0;background:#ffffffdb;box-shadow:0 1.1rem 3rem #2053821a;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.coordinate-readout{display:grid;gap:.2rem;margin:0 0 .7rem;color:#10213a;font-size:1.35rem;font-weight:800;letter-spacing:-.025em}.coordinate-toolbar{display:contents}.coordinate-readout span{color:#6a8aa5;font-size:.62rem;font-weight:800;letter-spacing:.12em}.coordinate-share{width:fit-content;padding:0;border:0;color:inherit;background:transparent;text-align:left}.coordinate-share:hover{color:#168aca}.selection-summary,.palette-quick-tools{display:contents}.zoom-controls{display:flex;align-items:center;gap:.45rem;margin:.75rem 0 1rem}.zoom-controls span{min-width:3rem;color:#315676;text-align:center;font-size:.82rem;font-weight:750}.selected-color{margin:.9rem 0 .45rem;color:#587691;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.pixel-owner{margin:0 0 .65rem;color:#587691;font-size:.76rem;line-height:1.45}.storage-readout{display:flex;justify-content:space-between;margin:0 0 .5rem;color:#6c8aa2;font-size:.63rem;font-weight:800;letter-spacing:.08em}.storage-readout strong{color:#168aca;font-size:.78rem}.storage-timer{margin:-.2rem 0 .8rem;color:#6c8aa2;font-size:.72rem}.invite-admin{margin-top:1.5rem}.invite-admin h3{margin-bottom:.75rem}.ready-pass{color:#168a59;font-weight:700}.ready-fail{color:#b42318;font-weight:700}.event-control-form{display:grid;grid-template-columns:auto minmax(10rem,1fr) minmax(12rem,1.3fr) auto;align-items:end;gap:.65rem;margin:.5rem 0 1.25rem}.event-control-form p{margin:0 0 .6rem;color:#315676;font-size:.82rem}.event-control-form label{display:grid;gap:.3rem;color:#315676;font-size:.75rem;font-weight:750}.event-control-form input,.event-control-form select{width:100%;min-width:0;border:1px solid #c4d8e8;border-radius:.58rem;padding:.55rem .6rem;color:#10213a;background:#fff}.event-control-form button{border:0;border-radius:.62rem;padding:.61rem .75rem;color:#fff;background:#1a7fb8;font-weight:750}.statistics-readout{color:#245a83;font-weight:700}.invite-codes{display:grid;gap:.35rem;margin:1rem 0}.invite-codes code{padding:.4rem .55rem;background:#e7f2f9;color:#0d547d}.invite-batches{display:grid;gap:.4rem;padding-left:1.1rem;color:#466278}.color-preview{display:flex;align-items:center;gap:.65rem;margin:0 0 .75rem;padding:.55rem;border:1px solid #d8e7f2;border-radius:.75rem;background:#f6faff}.color-preview>span{width:2rem;aspect-ratio:1;flex:none;border:1px solid rgb(15 23 42 / 15%);border-radius:.48rem;box-shadow:inset 0 1px #ffffff59}.color-preview div{display:grid;gap:.1rem}.color-preview small{color:#6c8aa2;font-size:.57rem;font-weight:800;letter-spacing:.1em}.color-preview strong{color:#244862;font-size:.74rem;letter-spacing:.06em}.recent-colors{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;margin:0 0 .7rem}.recent-colors>span{color:#6c8aa2;font-size:.62rem;font-weight:850;letter-spacing:.08em}.recent-colors>div{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.32rem}.recent-colors button{aspect-ratio:1;min-width:0;border:1px solid rgb(15 23 42 / 14%);border-radius:.32rem}.recent-colors button.selected{border-color:#fff;box-shadow:0 0 0 2px #10213a}.color-jump{display:flex;align-items:center;gap:.38rem;margin:0 0 .7rem}.color-jump label{color:#6c8aa2;font-size:.62rem;font-weight:850;letter-spacing:.08em;white-space:nowrap}.color-jump input{width:5.5rem;min-width:0;border:1px solid #c4d8e8;border-radius:.45rem;padding:.28rem .4rem;color:#173d5c;background:#f8fcff}.color-jump button{border:1px solid #9bc7e4;border-radius:.45rem;padding:.28rem .5rem;color:#245a83;background:#e9f6ff;font-size:.72rem;font-weight:800}.palette{display:grid;grid-template-columns:repeat(8,1fr);gap:.48rem;height:12.5rem;max-height:12.5rem;padding:.38rem;overflow-y:auto;border:1px solid #d8e7f2;border-radius:.75rem;background:#f6faff;scrollbar-width:thin;scrollbar-color:#9bc7e4 transparent}.palette-toggle{display:none}.palette button{aspect-ratio:1;border:1px solid rgb(15 23 42 / 13%);border-radius:.5rem;color:#ffffffe0;font-size:.58rem;font-weight:850;line-height:1;text-shadow:0 1px 2px rgb(15 23 42 / 55%);transition:box-shadow .12s ease,transform .12s ease}.palette button.light-swatch{color:#0f172ab8;text-shadow:0 1px rgb(255 255 255 / 65%)}.palette button:hover{transform:translateY(-2px)}.palette button.selected{position:relative;z-index:1;border-color:#fff;box-shadow:0 0 0 2px #fff,0 0 0 4px #10213a,0 .3rem .7rem #0f172a38;transform:scale(1.1)}.place-button{width:100%;margin-top:1.2rem;border:0;border-radius:.85rem;padding:.9rem 1rem;color:#fff;background:linear-gradient(135deg,#1179bd,#21a9eb);box-shadow:0 .55rem 1.2rem #1389cd47;font-weight:850;letter-spacing:.07em;transition:filter .16s ease,transform .16s ease}.place-button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px)}.place-button:disabled{cursor:not-allowed;color:#7591a7;background:#dce8f1;box-shadow:none}.mobile-action-row{display:contents}.draft-lock-quick{width:100%;margin-top:.72rem;border:1px solid #9ec6df;border-radius:.75rem;padding:.68rem;color:#215a7e;background:linear-gradient(135deg,#f7fcff,#e4f4ff);font-size:.82rem;font-weight:800}.draft-lock-quick:hover:not(:disabled){border-color:#168aca;background:#fff}.draft-lock-quick.is-locked{border-color:#e3b66b;color:#80520f;background:#fff9e9}.draft-lock-quick:disabled{cursor:not-allowed;color:#7892a6;border-color:#d6e4ee;background:#f5f9fc}.export-button{width:100%;margin-top:.6rem;border:1px solid #c4d8e8;border-radius:.75rem;padding:.68rem;color:#245a83;background:#f6faff;font-size:.82rem;font-weight:750}.export-button:hover{background:#fff}.replay-launch{width:100%;margin-top:.7rem;border:1px solid #2c86c4;border-radius:.75rem;padding:.68rem;color:#07598e;background:linear-gradient(135deg,#e7f6ff,#f7fcff);font-weight:800}.replay-launch:hover{background:#fff}.replay-modal{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:clamp(.7rem,3vw,2rem);background:#051223c7;-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem)}.replay-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;width:min(44rem,100%);height:min(52rem,calc(100dvh - 1.4rem));min-height:0;padding:clamp(.85rem,2vw,1.25rem);border:1px solid rgb(188 226 250 / 42%);border-radius:1.2rem;color:#e7f4ff;background:linear-gradient(145deg,#102842,#081727);box-shadow:0 1.5rem 4rem #00000061}.replay-card header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.7rem}.replay-card header p{margin:0 0 .15rem;color:#6ec7fb;font-size:.68rem;font-weight:850;letter-spacing:.14em}.replay-card header h2{margin:0;font-size:clamp(1rem,3vw,1.45rem)}.replay-card button,.replay-card select{border:1px solid rgb(178 224 249 / 40%);border-radius:.6rem;padding:.48rem .7rem;color:#eaf7ff;background:#ffffff1a;font-weight:750}.replay-card button:hover,.replay-card select:hover{background:#ffffff2e}.replay-stage{display:grid;min-height:0;place-items:center;overflow:hidden;border:1px solid rgb(194 231 253 / 18%);border-radius:.8rem;background:#07111e}.replay-stage canvas{display:block;max-width:100%;max-height:100%;width:auto;height:100%;image-rendering:pixelated}.replay-progress{display:flex;justify-content:space-between;gap:1rem;padding-top:.65rem;color:#d7edfc;font-size:.78rem}.replay-progress span{color:#91b9d2}.replay-slider{width:100%;margin:.45rem 0;accent-color:#24b1ef}.replay-actions{display:flex;align-items:center;justify-content:space-between;gap:.55rem}.replay-actions label{display:flex;align-items:center;gap:.35rem;color:#b9d9eb;font-size:.8rem;font-weight:700}.replay-actions select{padding:.38rem .48rem}.auth{width:min(100%,28rem);margin:2rem auto;padding:clamp(1.4rem,4vw,2.5rem);border:1px solid rgb(47 105 151 / 14%);border-radius:1.5rem;background:#ffffffe0;box-shadow:0 1.1rem 3rem #2053821f}.auth.my-page{width:min(100%,74rem);margin:1.25rem auto}.profile-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem;padding:.9rem 1rem;border:1px solid #d8e7f2;border-radius:.9rem;color:#315676;background:#f6faff}.profile-summary p{margin:0}.profile-summary .statistics-readout{text-align:right}.personal-contribution{display:grid;grid-template-columns:repeat(3,minmax(4.5rem,1fr));gap:.45rem;flex:1}.personal-contribution span{display:grid;gap:.1rem;min-width:0;padding:.38rem .55rem;border-radius:.55rem;background:#fff;text-align:center}.personal-contribution small{color:#6c8aa2;font-size:.68rem}.personal-contribution strong{color:#173f5c;font-size:.86rem;font-variant-numeric:tabular-nums}.personal-colors{display:flex;align-items:center;gap:.8rem;margin:-.45rem 0 1.2rem;padding:.7rem 1rem;border:1px solid #d8e7f2;border-radius:.9rem;background:#fbfdff}.personal-colors h3{flex:0 0 auto;margin:0;color:#193f5d;font-size:.9rem}.personal-colors>div{display:flex;flex:1;flex-wrap:wrap;gap:.45rem}.personal-colors span{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .5rem;border-radius:99rem;color:#315676;background:#f1f7fb;font-size:.76rem}.personal-colors i{width:.75rem;height:.75rem;border:1px solid rgb(15 23 42 / 15%);border-radius:50%}.personal-colors strong{color:#173f5c;font-variant-numeric:tabular-nums}.personal-history{margin-bottom:1.2rem;padding:.9rem 1rem;border:1px solid #d8e7f2;border-radius:.9rem;background:#fbfdff}.personal-history h3{margin:0 0 .7rem;color:#193f5d;font-size:1rem}.personal-history p{margin:0;color:#6c8aa2;font-size:.85rem}.personal-history ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;max-height:12rem;margin:0;padding:0;overflow:auto;list-style:none}.personal-history li{min-width:0}.personal-history li button{display:grid;grid-template-columns:auto 1fr auto;width:100%;gap:.15rem .5rem;align-items:center;padding:.5rem;border:0;border-radius:.6rem;color:inherit;background:#f1f7fb;text-align:left;font-size:.76rem}.personal-history li button:hover{background:#e2f1fb}.placement-swatch{grid-row:1 / span 2;width:1.2rem;height:1.2rem;border:1px solid rgb(15 23 42 / 15%);border-radius:.3rem}.personal-history li button>span:not(.placement-swatch),.personal-history time{color:#6c8aa2;font-size:.7rem}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.admin-card{min-width:0;padding:1rem;border:1px solid #d8e7f2;border-radius:1rem;background:#fbfdff}.admin-card h3{margin:0 0 .8rem;color:#193f5d;font-size:1rem}.admin-card form{gap:.7rem}.draft-lock-list-card{display:grid;gap:.68rem}.draft-lock-list-card>p{margin:0;color:#587691;font-size:.78rem;line-height:1.5}.draft-lock-coordinate-list{display:flex;max-height:12rem;flex-wrap:wrap;align-content:start;gap:.4rem;overflow:auto;padding-right:.2rem}.draft-lock-coordinate-list button{border:1px solid #c9deeb;border-radius:.48rem;padding:.35rem .45rem;color:#245a83;background:#f3faff;font-size:.72rem;font-variant-numeric:tabular-nums}.draft-lock-coordinate-list button:hover{border-color:#168aca;background:#fff}.draft-lock-empty{color:#6c8aa2}.new-draft-card{grid-column:1 / -1;border-color:#8bc8eb;background:linear-gradient(135deg,#f5fbff,#eef8fc)}.draft-size-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.audit-card{grid-column:1 / -1}.audit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;max-height:12rem;margin:0;padding:0;overflow:auto;list-style:none}.audit-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2rem .55rem;align-items:start;padding:.55rem;border-radius:.6rem;background:#f1f7fb}.audit-list time{color:#6c8aa2;font-size:.7rem;font-variant-numeric:tabular-nums}.audit-list div{display:grid;gap:.15rem;min-width:0}.audit-list strong{color:#244862;font-size:.75rem}.audit-list span{overflow-wrap:anywhere;color:#587691;font-size:.72rem}.announcement-admin textarea,.announcement-admin select{width:100%;border:1px solid #c4d8e8;border-radius:.7rem;padding:.65rem .75rem;color:#10213a;background:#fff;resize:vertical}.announcement-admin-list{display:grid;gap:.5rem;margin:.9rem 0 0;padding:0;list-style:none}.announcement-admin-list li{display:grid;grid-template-columns:1fr auto;gap:.18rem .7rem;padding:.6rem;border-radius:.65rem;background:#f1f7fb}.announcement-admin-list span{color:#587691;font-size:.75rem}.announcement-admin-list button{grid-column:2;grid-row:1 / span 2;align-self:center;border:1px solid #e1b1b1;border-radius:.5rem;padding:.35rem .5rem;color:#9a3333;background:#fff}.announcement-admin-list .withdrawn{opacity:.5}.announcement-banner{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.55rem;margin:0 0 1rem;min-height:2.45rem;padding:.38rem .7rem;border:1px solid #bde2f6;border-left:.28rem solid #2495cf;border-radius:.7rem;color:#245a83;background:#ffffffc7;box-shadow:0 .2rem .65rem #1b6ba212}.announcement-banner:before{content:"公告";padding:.22rem .38rem;border-radius:.35rem;color:#167ab1;background:#e6f5fd;font-size:.62rem;font-weight:850;letter-spacing:.06em}.announcement-banner strong{overflow:hidden;color:#174e74;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.announcement-banner span{overflow:hidden;color:#587691;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}.announcement-banner.notice{border-color:#edc369;border-left-color:#d89217;color:#75510d;background:#fffdf7e0}.announcement-banner.notice:before{content:"提示";color:#9a6810;background:#fff1c9}.announcement-banner.notice strong{color:#75510d}.announcement-banner.notice span{color:#8d7443}.announcement-banner.important{border-color:#ecaaaa;border-left-color:#c34a4a;color:#8e2c2c;background:#fffbfbe0}.announcement-banner.important:before{content:"重要";color:#a23535;background:#ffe2e2}.announcement-banner.important strong{color:#8e2c2c}.announcement-banner.important span{color:#9c5e5e}.auth h2{margin:0 0 1.4rem;font-size:1.7rem}.auth form{display:grid;gap:1rem}.auth label{display:grid;gap:.42rem;color:#315676;font-size:.82rem;font-weight:750}.auth input{width:100%;border:1px solid #c4d8e8;border-radius:.7rem;padding:.72rem .8rem;color:#10213a;background:#fff}.auth form button{border:0;border-radius:.75rem;padding:.8rem;color:#fff;background:#168aca;font-weight:800}.moderation-form{display:grid;grid-template-columns:1fr;gap:.65rem;margin-top:.7rem;max-width:32rem}.moderation-form label{display:grid;gap:.3rem;color:#315676;font-size:.75rem;font-weight:750}.moderation-form input,.moderation-form select{width:100%;min-width:0;border:1px solid #c4d8e8;border-radius:.58rem;padding:.55rem .6rem;color:#10213a;background:#fff}.moderation-form button{border:0;border-radius:.62rem;padding:.61rem .75rem;color:#fff;background:#b34040;font-weight:750}@media(max-width:760px){.replay-card{height:calc(100dvh - 1rem);border-radius:.85rem}.replay-progress{align-items:start;flex-direction:column;gap:.15rem}.replay-actions{flex-wrap:wrap;justify-content:center}.replay-actions button,.replay-actions label{font-size:.72rem}.place-app{min-height:0}.place-topbar{display:grid;gap:.35rem;padding:.45rem .65rem}.place-app .app-header{width:100%}.place-app h1{font-size:1.1rem}.place-app .top-nav{gap:.3rem}.place-app .top-nav button{padding:.32rem .55rem;font-size:.7rem}.place-app .event-status{width:100%;overflow:hidden;padding:0;border:0;background:transparent;flex-wrap:nowrap;gap:.18rem;font-size:clamp(.49rem,2.3vw,.6rem);font-weight:700;letter-spacing:-.055em}.place-app .event-status>span{flex:none}.place-app .event-status strong{flex:none;font-size:.96em;letter-spacing:0}.place-app .connection-dot{width:.42rem;height:.42rem;margin-right:.08rem;box-shadow:0 0 0 .16rem #19b56e24}.place-toast{top:calc(env(safe-area-inset-top) + 6.2rem);max-width:calc(100vw - 2.2rem);padding:.52rem .72rem;border-radius:.7rem;font-size:.78rem}.place-notices{max-height:22dvh;overflow:auto;padding:.35rem .65rem}.announcement-banner{grid-template-columns:auto minmax(0,1fr);gap:.15rem .45rem;min-height:0;padding:.42rem .55rem}.announcement-banner:before{grid-row:1 / span 2}.announcement-banner strong,.announcement-banner span{white-space:normal}.announcement-banner span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.app-shell:not(.place-app){padding:1.35rem 1rem 2rem}.app-header{align-items:start;flex-direction:column;gap:1rem}.top-nav{width:100%}.top-nav button{flex:1}.auth.my-page{margin:.8rem auto;padding:1rem;border-radius:1rem}.profile-summary{display:grid;gap:.55rem;padding:.8rem}.profile-summary .statistics-readout{text-align:left;line-height:1.65}.personal-contribution{width:100%}.personal-colors{display:grid;gap:.55rem;margin-top:-.45rem}.personal-history{padding:.8rem}.personal-history ul{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr;gap:.75rem}.admin-card{padding:.85rem;border-radius:.85rem}.draft-size-fields{grid-template-columns:1fr}.audit-card{grid-column:auto}.audit-list{grid-template-columns:1fr;max-height:15rem}.place-shell{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.canvas-wrap{height:100%;border-radius:0;align-items:flex-start;justify-content:flex-start}.canvas-wrap:before{display:none}.canvas-hud{top:.55rem;right:.6rem}.canvas-keyboard-help{display:none}.mobile-zoom{position:absolute;right:.65rem;bottom:.65rem;z-index:2;display:flex;overflow:hidden;border:1px solid rgb(255 255 255 / 65%);border-radius:.65rem;background:#ffffffd1;box-shadow:0 .25rem .7rem #20538229}.mobile-zoom button{width:2.6rem;min-height:2.6rem;border:0;color:#245a83;background:transparent;font-size:1.25rem;font-weight:800}.mobile-zoom button+button{border-left:1px solid #d5e5f0}.control-panel{position:relative;display:flex;flex-direction:column;height:auto;max-height:50dvh;margin:0;padding:.72rem .85rem;overflow-y:auto;overscroll-behavior:contain;border-left:0;border-top:1px solid rgb(47 105 151 / 14%);border-radius:0;background:#fffffff5;box-shadow:0 .8rem 2rem #2053823d}.zoom-controls{display:none}.coordinate-readout{order:1;display:flex;align-items:baseline;gap:.42rem;margin:0;font-size:1.12rem}.coordinate-readout span{flex:none;font-size:.55rem;letter-spacing:.07em}.selection-summary{display:grid;order:2;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.16rem .72rem;margin-top:.3rem;padding:.42rem .5rem;border:1px solid rgb(47 105 151 / 12%);border-radius:.6rem;background:#f6faffc7}.selected-color{order:unset;margin:0;font-size:.64rem;letter-spacing:.055em}.selection-summary .pixel-owner{order:unset;min-width:0;margin:0;overflow:hidden;color:#587691;font-size:.64rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.selection-summary .pixel-owner+.pixel-owner{grid-column:1 / -1;white-space:normal}.selection-summary .storage-readout{order:unset;margin:0;font-size:.58rem}.selection-summary .storage-timer{display:block;order:unset;margin:0;color:#587691;font-size:.59rem;text-align:right}.palette-quick-tools{display:grid;order:4;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.38rem;margin-top:.42rem}.palette-quick-tools .recent-colors{order:unset;min-width:0;margin:0}.palette-quick-tools .recent-colors>div{grid-template-columns:repeat(6,1.05rem);max-width:none;overflow:hidden}.palette-quick-tools .recent-colors button{min-height:1.05rem}.palette-quick-tools .color-jump{order:unset;gap:.22rem;margin:0}.palette-quick-tools .color-jump label{font-size:.56rem;letter-spacing:.04em}.palette-quick-tools .color-jump input{width:3.15rem;padding:.25rem .3rem;font-size:.66rem}.palette-quick-tools .color-jump button{padding:.26rem .35rem;font-size:.62rem}.color-preview{display:none}.palette-toggle{order:5;display:block;width:100%;margin-top:.55rem;border:1px solid #c4d8e8;border-radius:.65rem;padding:.48rem;color:#245a83;background:#f6faff;font-weight:750}.palette{order:6;display:none;grid-template-columns:repeat(8,minmax(0,1fr));height:9.2rem;min-height:9.2rem;max-height:9.2rem;flex-shrink:0;column-gap:.38rem;row-gap:.58rem;margin-top:.45rem;padding:.45rem;overflow-y:auto;border:1px solid #d8e7f2;border-radius:.7rem;background:#f6faff;scrollbar-width:thin;scrollbar-color:#9bc7e4 transparent}.palette.open{display:grid}.palette button{min-height:2.18rem;font-size:.54rem}.place-button{width:100%;min-height:3.15rem;margin:0;padding:.62rem .75rem;border-radius:.7rem;font-size:.82rem}.export-button{width:6.25rem;min-height:3.15rem;margin:0;padding:.38rem .45rem;align-self:stretch;border-radius:.7rem;font-size:.72rem;white-space:nowrap}.mobile-action-row{display:grid;order:3;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.58rem;margin-top:.62rem}.draft-action-row .draft-lock-quick{grid-column:1 / -1;min-height:2.55rem;margin:0;padding:.48rem .65rem;border-radius:.7rem;font-size:.76rem}.event-control-form{grid-template-columns:1fr}}body{background:radial-gradient(circle at 9% -8%,rgb(255 255 255 / 96%),transparent 31rem),radial-gradient(circle at 96% 8%,rgb(153 222 255 / 32%),transparent 27rem),linear-gradient(135deg,#f4f9ff,#dcecff 48%,#edf5ff);background-attachment:fixed}h1{color:var(--ink);font-family:Arial Black,Trebuchet MS,Segoe UI,sans-serif;font-weight:900;letter-spacing:-.065em;text-shadow:0 2px 0 rgb(255 255 255 / 78%),0 .35rem 1rem rgb(18 84 132 / 12%)}.eyebrow{color:var(--sky-deep);text-shadow:0 1px rgb(255 255 255 / 80%)}.place-app h1{text-shadow:0 1px 0 white,0 .25rem .8rem rgb(18 84 132 / 10%)}.top-nav button,.zoom-controls button{border-color:var(--line);background:#ffffffc7;box-shadow:0 .2rem .65rem #13395f14,inset 0 1px #fffffff2}.top-nav button:hover,.zoom-controls button:hover{border-color:#2097d359;box-shadow:0 .35rem .9rem #136ba626,inset 0 1px #fff}.event-status{border-color:var(--line);background:linear-gradient(105deg,#ffffffd6,#eff9ffb8);box-shadow:inset 0 1px #ffffffeb}.place-topbar{border-bottom-color:var(--line);background:linear-gradient(100deg,#fffffff0,#f0f9ffdb);box-shadow:0 .25rem 1.1rem #1c5f8f12;-webkit-backdrop-filter:blur(1rem) saturate(1.1);backdrop-filter:blur(1rem) saturate(1.1)}.place-notices{background:linear-gradient(90deg,#e7f6ffeb,#ffffffb8)}.canvas-wrap{background:linear-gradient(45deg,rgb(255 255 255 / 26%) 25%,transparent 25%) 0 0 / 1.5rem 1.5rem,linear-gradient(-45deg,rgb(255 255 255 / 26%) 25%,transparent 25%) 0 0 / 1.5rem 1.5rem,#d6e9fa}.canvas-hud span{background:#ffffffc2;box-shadow:0 .25rem .75rem #22547924,inset 0 1px #fff}.control-panel{border-left-color:var(--line);background:linear-gradient(165deg,#ffffffed,#f4faffdb);box-shadow:-.7rem 0 2rem #20538212;-webkit-backdrop-filter:blur(1rem) saturate(1.08);backdrop-filter:blur(1rem) saturate(1.08)}.coordinate-readout span,.selected-color,.storage-readout,.recent-colors>span,.color-jump label{color:#547e9d}.color-preview{background:linear-gradient(135deg,#fff,#f0f8fe);box-shadow:inset 0 1px #fff,0 .3rem .9rem #1f66970d}.palette{background:linear-gradient(135deg,#fbfdff,#edf7fd)}.palette button{box-shadow:inset 0 1px #fff3}.place-button{background:linear-gradient(135deg,#0874b6,#1ab4ee);box-shadow:0 .6rem 1.35rem #1389cd4d,inset 0 1px #ffffff4d}.export-button,.replay-launch{background:linear-gradient(135deg,#fff,#edf8ff);box-shadow:inset 0 1px #fff,0 .25rem .7rem #1f66970f}.auth,.admin-card,.personal-history,.personal-colors{box-shadow:0 .8rem 2rem #20538217,inset 0 1px #fffffff2}.admin-card,.personal-history,.personal-colors,.profile-summary{border-color:#5195c22e}.announcement-banner{border-color:#5cb4e57f;background:linear-gradient(100deg,#ffffffed,#eff9ffd9);box-shadow:0 .35rem 1rem #1b6ba21a,inset 0 1px #fff}button:active:not(:disabled){transform:translateY(1px)}.palette{grid-template-columns:repeat(8,minmax(0,1fr));overflow-x:hidden}.palette button{min-width:0;display:grid;place-items:center;padding:0;font-variant-numeric:tabular-nums;text-align:center}.minimap{position:absolute;z-index:3;top:.8rem;left:.9rem;width:clamp(7.2rem,13vw,10rem);padding:.1rem;border:1px solid rgb(255 255 255 / 62%);border-radius:.42rem;color:#1d5b83;background:#f8fdffd1;box-shadow:0 .35rem 1rem #0e436a33,inset 0 1px #fff;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}.minimap canvas{display:block;width:100%;height:auto;margin:0;border:0;border-radius:.28rem;box-shadow:none;cursor:pointer;image-rendering:pixelated}.minimap:hover{border-color:#269fdaa6;background:#ffffffeb}@media(max-width:760px){.minimap{top:.55rem;left:.6rem;width:6.2rem;padding:.08rem}}:root{--focus-ring: rgb(36 174 237 / 38%);--surface-highlight: rgb(255 255 255 / 94%);--shadow-soft: 0 .5rem 1.5rem rgb(24 77 118 / 10%)}html{scroll-behavior:smooth}button,input,select,textarea{-webkit-tap-highlight-color:transparent}button:not(:disabled){transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease,border-color .16s ease,background .16s ease,filter .16s ease}button:disabled{opacity:.72}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;border-color:#249fda;box-shadow:0 0 0 .22rem var(--focus-ring)}input,select,textarea{transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input:hover,select:hover,textarea:hover{border-color:#3091c97a}.place-topbar{position:relative;z-index:100}.place-topbar:after{position:absolute;right:0;bottom:-1px;left:0;height:1px;content:"";background:linear-gradient(90deg,transparent,rgb(47 176 232 / 45%),transparent)}.event-status{box-shadow:inset 0 1px var(--surface-highlight),0 .25rem .8rem #1b5f8f12}.connection-dot.online{animation:connection-breathe 2.2s ease-in-out infinite}@keyframes connection-breathe{50%{box-shadow:0 0 0 .34rem #19b56e14}}.control-panel{scrollbar-color:rgb(38 143 202 / 38%) transparent}.control-panel::-webkit-scrollbar{width:.48rem}.control-panel::-webkit-scrollbar-thumb{border:.13rem solid transparent;border-radius:99px;background:#268fca66;background-clip:padding-box}.coordinate-share{border-radius:.65rem;transition:color .16s ease,background .16s ease,transform .16s ease}.coordinate-share:hover{transform:translate(.16rem)}.zoom-controls button,.top-nav button{-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}.zoom-controls button:active:not(:disabled),.top-nav button:active:not(:disabled){transform:translateY(1px) scale(.98)}.color-preview,.profile-summary,.personal-history,.personal-colors,.admin-card{background-image:linear-gradient(135deg,#ffffffb8,#e8f6ff5c)}.color-preview>span{box-shadow:inset 0 1px #ffffff6b,0 .22rem .55rem #13395f1f}.recent-colors button:hover,.palette button:hover{box-shadow:0 0 0 2px #ffffffeb,0 0 0 4px #0d507ca3,0 .4rem .8rem #14436b2e}.palette button:active:not(:disabled),.recent-colors button:active:not(:disabled){transform:translateY(0) scale(.96)}.place-button{position:relative;overflow:hidden;background-size:180% 180%}.place-button:before{position:absolute;inset:0;content:"";opacity:0;background:linear-gradient(110deg,transparent 26%,rgb(255 255 255 / 28%) 48%,transparent 69%);transform:translate(-120%);transition:transform .45s ease,opacity .22s ease}.place-button:hover:not(:disabled){box-shadow:0 .75rem 1.55rem #1389cd5e,inset 0 1px #ffffff61}.place-button:hover:not(:disabled):before{opacity:1;transform:translate(120%)}.place-button:active:not(:disabled){transform:translateY(1px) scale(.99);box-shadow:0 .28rem .75rem #1389cd3d}.export-button:hover,.replay-launch:hover,.draft-lock-quick:hover:not(:disabled){box-shadow:var(--shadow-soft);transform:translateY(-1px)}.announcement-banner{position:relative;overflow:hidden}.announcement-banner:after{position:absolute;top:0;bottom:0;left:0;width:.2rem;content:"";background:currentColor;opacity:.22}.admin-card{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}@media(hover:hover)and (pointer:fine){.admin-card:hover{border-color:#288fc957;box-shadow:0 1rem 2.15rem #20538221,inset 0 1px #fffffff5;transform:translateY(-2px)}.minimap:hover{transform:translateY(-1px);box-shadow:0 .55rem 1.2rem #0e436a3d,inset 0 1px #fff}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.canvas-loading-shell{display:grid;grid-template-columns:minmax(0,1fr);min-height:0}.canvas-loading-frame{display:grid;height:100%;min-height:0;place-items:center;padding:clamp(1rem,3vw,2rem);overflow:hidden;background:linear-gradient(90deg,rgb(202 232 250 / 22%) 1px,transparent 1px) 0 0 / 1.5rem 1.5rem,linear-gradient(rgb(202 232 250 / 22%) 1px,transparent 1px) 0 0 / 1.5rem 1.5rem,radial-gradient(circle at 50% 45%,rgb(128 214 255 / 20%),transparent 38%),#e9f6ff}.canvas-loading-card{display:grid;width:min(28rem,calc(100% - 2rem));gap:.65rem;padding:clamp(1rem,3vw,1.5rem);color:#1f5378;text-align:center}.canvas-loading-card p{margin:0;color:#1384bd;font-size:.68rem;font-weight:900;letter-spacing:.16em}.canvas-loading-card strong{color:#123d5b;font-size:clamp(.98rem,2vw,1.18rem)}.canvas-loading-card small{color:#4b7189;font-variant-numeric:tabular-nums;font-weight:750}.canvas-loading-progress{height:.5rem;overflow:hidden;border:1px solid rgb(62 153 198 / 24%);border-radius:999px;background:#206c981f;box-shadow:inset 0 1px 2px #164f751f}.canvas-loading-progress span{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#168fd0,#43caff);transform-origin:left;transition:transform .16s ease;box-shadow:0 0 .85rem #31c2ffb8}.reduce-motion .canvas-loading-progress span{transition:none}@media(max-width:700px){.canvas-loading-frame{padding:.75rem}.canvas-loading-card{border-radius:.85rem}}.canvas-draft-preselect-marker{position:absolute;z-index:3;box-sizing:border-box;pointer-events:none;border:1px solid #ffe06a;background:#ffce3857;box-shadow:0 0 0 1px #111f2cd1}.draft-preselect-tools{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.42rem;margin-top:.45rem}.draft-preselect-tools button{min-height:1.9rem;border:1px solid #a8cde3;border-radius:.58rem;padding:.34rem .52rem;color:#215a7e;background:linear-gradient(135deg,#f8fdff,#e5f5ff);font-size:.72rem;font-weight:800;white-space:nowrap}.draft-preselect-tools button.active{border-color:#d7a82e;color:#77520a;background:linear-gradient(135deg,#fff9d9,#fff0ae)}.draft-preselect-tools span{color:#5e7d94;font-size:.68rem;line-height:1.35}@media(max-width:700px){.draft-preselect-tools{gap:.32rem}.draft-preselect-tools button{min-height:1.75rem;padding:.24rem .4rem;font-size:.64rem}.draft-preselect-tools span{font-size:.6rem}}.keyboard-scheme{display:flex;flex-wrap:wrap;gap:.38rem;align-items:center;margin:-.25rem 0 .78rem}.keyboard-scheme>span{width:100%;color:#6c8aa2;font-size:.62rem;font-weight:800;letter-spacing:.1em}.keyboard-scheme button{flex:1 1 8.6rem;min-width:0;padding:.43rem .5rem;border:1px solid #c4d8e8;border-radius:.55rem;color:#4d718e;background:#f4f9fc;font-size:.7rem;font-weight:750}.keyboard-scheme button[aria-pressed=true]{border-color:#218dca;color:#075b90;background:linear-gradient(135deg,#dff5ff,#f8fdff);box-shadow:inset 0 1px #fff,0 .18rem .55rem #1b85c124}.replay-speed-control{position:relative;display:flex;align-items:center;gap:.35rem;color:#b9d9eb;font-size:.8rem;font-weight:700}.replay-speed-trigger{min-width:9.6rem;text-align:left}.replay-speed-trigger:after{float:right;margin-left:.75rem;content:"⌄";color:#79cbed}.replay-speed-menu{position:absolute;z-index:3;right:0;bottom:calc(100% + .5rem);display:grid;width:max-content;min-width:12rem;max-height:min(20rem,52dvh);overflow-y:auto;padding:.3rem;border:1px solid rgb(143 209 242 / 38%);border-radius:.7rem;background:#0b2138;box-shadow:0 .9rem 2rem #0000006b}.replay-speed-menu button{display:flex;justify-content:space-between;gap:1.25rem;border-color:transparent;color:#dcedf9;background:transparent;text-align:left}.replay-speed-menu button span{color:#7fa6bd;font-size:.72rem;font-weight:650}.replay-speed-menu button[aria-checked=true]{border-color:#4ab8e98c;color:#fff;background:#30a0d547}.replay-speed-menu button:hover{background:#56bcea38}@media(max-width:760px){.keyboard-scheme{display:none}.replay-speed-control{font-size:.72rem}.replay-speed-trigger{min-width:8.25rem}.replay-speed-menu{right:auto;left:0;max-height:13rem}}:root{color-scheme:light}.welcome-shell{display:grid;min-height:100dvh;place-items:center;padding:clamp(1rem,4vw,3rem);background:radial-gradient(circle at 50% 8%,rgb(111 213 255 / 34%),transparent 26rem),linear-gradient(145deg,#edf8ff,#d9edff 52%,#f7fbff)}.welcome-card{width:min(100%,35rem);padding:clamp(1.8rem,7vw,4.2rem);border:1px solid rgb(72 155 207 / 24%);border-radius:clamp(1.3rem,4vw,2.1rem);background:linear-gradient(135deg,#fffffff0,#eef9ffd1),repeating-linear-gradient(90deg,transparent 0 1.25rem,rgb(51 154 210 / 3%) 1.25rem 1.3rem);box-shadow:0 1.75rem 4.5rem #1653822e,inset 0 1px #fff;text-align:center}.welcome-card .eyebrow{margin-bottom:1rem}.welcome-card h1{font-size:clamp(2.35rem,8vw,4.8rem);line-height:.92}.welcome-copy{margin:1.2rem 0 1.65rem;color:#51738f;font-size:clamp(.95rem,2vw,1.1rem)}.welcome-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.welcome-actions button,.welcome-replay{min-height:3rem;border:1px solid #bedbea;border-radius:.82rem;color:#1e577d;background:#ffffffd6;font-weight:800}.welcome-actions .welcome-primary{border-color:transparent;color:#fff;background:linear-gradient(135deg,#087bbb,#1bb2ef);box-shadow:0 .65rem 1.35rem #1389cd40}.welcome-actions button:hover,.welcome-replay:hover{transform:translateY(-2px);box-shadow:0 .55rem 1.2rem #1a5a8824}.welcome-replay{width:100%;margin-top:.75rem;color:#42708f;background:transparent;font-size:.82rem}.account-menu{position:relative;flex-wrap:nowrap}.account-menu-trigger{min-width:2.35rem;padding-inline:.5rem}.account-menu-trigger span{display:block;font-size:.92rem;letter-spacing:.08em;line-height:1}.account-menu-popover{position:absolute;z-index:110;top:calc(100% + .5rem);right:0;display:grid;width:max-content;min-width:9rem;gap:.18rem;padding:.35rem;border:1px solid rgb(50 126 175 / 24%);border-radius:.8rem;background:#fafefff5;box-shadow:0 .85rem 2rem #13446c33;-webkit-backdrop-filter:blur(.85rem);backdrop-filter:blur(.85rem)}.account-menu-popover button{width:100%;border:0;border-radius:.52rem;padding:.55rem .62rem;color:#285675;background:transparent;text-align:left;font-size:.78rem;font-weight:750}.account-menu-popover button:hover{background:#e5f4fc;transform:none}.canvas-selection-marker.compact{border:1px solid white;border-radius:.16rem;background:#0a162524;box-shadow:0 0 0 1px #0b1220,0 0 0 2px #ffffff61}.canvas-selection-marker.compact .selection-corner{display:none}@media(max-width:700px){.header-grid-toggle{min-height:1.65rem;padding:.22rem .4rem;font-size:.56rem}.place-app{height:100svh;min-height:0}.place-topbar{position:relative;z-index:40}.place-app .app-header>div{min-width:0;flex:1 1 auto;text-align:left}.place-app .app-header{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;justify-content:flex-start;align-items:center;flex-direction:row;gap:.45rem}.place-app h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.place-app .top-nav.account-menu{position:relative;width:auto;margin-left:auto;flex:0 0 auto}.place-app .account-menu-trigger{min-width:2.35rem;padding-inline:.48rem}.account-menu-popover{z-index:50;min-width:8.7rem}.mobile-action-row{grid-template-columns:1fr;justify-items:center;gap:.45rem;margin-top:.5rem}.mobile-action-row:not(.draft-action-row) .place-button{width:min(74%,17rem);min-height:2.58rem;padding-block:.48rem;font-size:.76rem}.draft-action-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:.35rem}.draft-action-row .draft-lock-quick,.draft-action-row .draft-unlock-quick,.draft-action-row .place-button{grid-column:auto;width:100%;min-height:2.5rem;margin:0;padding:.34rem .22rem;border-radius:.62rem;font-size:.67rem;letter-spacing:0;white-space:nowrap}.draft-action-row .draft-unlock-quick{border:1px solid #c9dce8;color:#4b6f86;background:#f6faff;font-weight:800}.draft-action-row .draft-unlock-quick:disabled{cursor:not-allowed;color:#8aa0ae;background:#f2f6f9}.draft-action-row .draft-edit-button{font-size:.64rem}.welcome-shell{align-items:start;padding-top:max(3.75rem,env(safe-area-inset-top))}.welcome-card{padding:2rem 1.1rem}}@media(max-width:700px){.canvas-hud span:last-child{display:none}.mobile-action-row:not(.draft-action-row) .place-button{width:100%}.control-panel{max-height:min(48svh,25rem);padding:.4rem .72rem max(.44rem,env(safe-area-inset-bottom));overscroll-behavior-y:contain}.coordinate-readout{font-size:1.02rem}.coordinate-toolbar{display:flex;order:1;align-items:center;justify-content:space-between;gap:.5rem}.coordinate-toolbar .coordinate-readout{flex:1 1 auto;order:unset;margin:0}.selection-summary{gap:.12rem .58rem;margin-top:.22rem;padding:.32rem .42rem}.palette-quick-tools{margin-top:.3rem}.palette-toggle{margin-top:.36rem;padding:.38rem}.palette{height:7.85rem;min-height:7.85rem;max-height:7.85rem;grid-template-columns:repeat(7,2.1rem);grid-auto-rows:2.1rem;justify-content:space-between;column-gap:0;row-gap:.42rem;margin-top:.34rem;padding:.36rem}.palette button{width:100%;height:100%;min-height:2.1rem;aspect-ratio:1}.palette-quick-tools .recent-colors>div{grid-template-columns:repeat(6,.98rem);gap:.24rem;overflow:visible;padding:.1rem;margin:-.1rem}.palette-quick-tools .recent-colors button{min-height:.98rem}.palette-quick-tools .recent-colors button.selected{border-color:#fff;box-shadow:0 0 0 1px #10213a}.mobile-action-row{gap:.34rem;margin-top:.34rem}.mobile-action-row:not(.draft-action-row) .place-button{width:min(68%,15.5rem);min-height:2.35rem;padding-block:.4rem;border-radius:.62rem;font-size:.72rem}.draft-action-row .draft-lock-quick,.draft-action-row .draft-unlock-quick,.draft-action-row .place-button{min-height:2.28rem;padding-block:.28rem}.header-tools{min-width:0;flex:0 0 auto;grid-column:2;gap:.34rem}.mobile-zoom{position:static;z-index:auto;display:flex;flex-direction:row;flex:0 0 auto;border-radius:.58rem}.mobile-zoom button{width:1.75rem;min-height:1.42rem;font-size:.78rem}.mobile-zoom button+button{border-top:0;border-left:1px solid #d5e5f0}}@media(min-width:701px){.mobile-action-row.draft-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"edit edit" "lock unlock";align-items:stretch;gap:.45rem;margin-top:.9rem}.draft-action-row .draft-lock-quick,.draft-action-row .draft-unlock-quick,.draft-action-row .place-button{width:100%;min-height:2.58rem;margin:0;border-radius:.66rem;padding:.45rem .4rem;font-size:.72rem;letter-spacing:.015em;white-space:nowrap}.draft-action-row .draft-lock-quick{grid-area:lock;color:#215a7e;border-color:#9ec6df;background:linear-gradient(135deg,#f7fcff,#e4f4ff)}.draft-action-row .draft-edit-button{grid-area:edit;font-size:.68rem}.draft-action-row .draft-unlock-quick{grid-area:unlock;border:1px solid #bdd2e0;color:#4f7187;background:linear-gradient(135deg,#fff,#edf5f9);box-shadow:inset 0 1px #fff;font-weight:800}.draft-action-row .draft-unlock-quick:hover:not(:disabled){border-color:#5b9fc7;color:#1f628b;background:#fff}.draft-action-row .draft-unlock-quick:disabled{cursor:not-allowed;border-color:#dbe6ec;color:#91a4b1;background:#f4f7f9}}.account-menu-trigger{border-color:#1fa4de47;background:linear-gradient(135deg,#fffffff0,#e3f7ffc7)}.account-menu-trigger:hover{box-shadow:0 .42rem 1rem #158ecd2e,inset 0 1px #fff}.account-menu-popover{border-color:#3fabdd4d;background:linear-gradient(145deg,#fffffffa,#e7f7ffed),repeating-linear-gradient(90deg,transparent 0 1.25rem,rgb(57 170 224 / 4%) 1.25rem 1.31rem);box-shadow:0 1rem 2.4rem #0f456f40,inset 0 1px #fff;transform-origin:top right;animation:account-menu-enter .18s cubic-bezier(.2,.9,.25,1) both}@keyframes account-menu-enter{0%{opacity:0;transform:translateY(-.35rem) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.account-menu-popover button{position:relative;overflow:hidden}.account-menu-popover button:before{position:absolute;top:.42rem;bottom:.42rem;left:.24rem;width:.14rem;border-radius:99px;background:#21afea;content:"";opacity:0;transform:scaleY(.25);transition:opacity .16s ease,transform .16s ease}.account-menu-popover button:hover:before,.account-menu-popover button:focus-visible:before{opacity:1;transform:scaleY(1)}.account-menu-popover .menu-motion-toggle{margin-top:.16rem;border-top:1px solid rgb(58 144 192 / 16%);border-radius:.52rem;color:#396e8e}.account-menu-popover .menu-motion-toggle[aria-pressed=true]{color:#0b7e52;background:linear-gradient(90deg,#e5fff3eb,#f7fffbe0)}.coordinate-readout{border-radius:.7rem;transition:background .18s ease,box-shadow .18s ease}.coordinate-readout:hover{background:linear-gradient(90deg,rgb(231 248 255 / 76%),transparent);box-shadow:inset 0 0 0 1px #30b3e92e}.palette{scrollbar-color:rgb(27 169 226 / 58%) transparent}.palette::-webkit-scrollbar{width:.44rem}.palette::-webkit-scrollbar-thumb{border:.11rem solid transparent;border-radius:99px;background:linear-gradient(#6dd5ff,#1594d4);background-clip:padding-box}.palette button{position:relative;overflow:hidden}.palette button:after{position:absolute;inset:0;background:linear-gradient(125deg,#fff0 32%,#ffffff70 52%,#fff0 69%);content:"";opacity:0;transform:translate(-115%);transition:opacity .16s ease,transform .3s ease}.palette button:hover:after{opacity:1;transform:translate(115%)}.palette button span{position:relative;z-index:1}.replay-launch{border-color:#1c99d87a;background:linear-gradient(130deg,#e8f9fff2,#fffffff0)}.replay-launch:hover{box-shadow:0 .55rem 1.3rem #1797e033,inset 0 1px #fff}.announcement-banner{border-left-width:.26rem}.announcement-banner:before{box-shadow:0 .2rem .6rem #1577ad1f}.welcome-actions .welcome-primary{background-size:180% 100%}.welcome-actions .welcome-primary:hover{animation:welcome-primary-sweep 1.4s linear infinite}@keyframes welcome-primary-sweep{to{background-position:-180% 0}}.reduce-motion,.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}@media(min-width:701px){.palette{grid-template-columns:repeat(8,2rem);grid-auto-rows:2rem;align-content:start;justify-content:space-between;column-gap:.38rem;row-gap:.38rem;height:12.5rem;max-height:12.5rem;overflow-x:hidden;overflow-y:auto}.palette button{width:2rem;min-height:2rem;height:2rem;aspect-ratio:1}}.canvas-wrap,.canvas-wrap canvas{touch-action:none}canvas.canvas-eyedropper{cursor:cell}canvas.canvas-brush{cursor:crosshair}.canvas-tool-buttons{display:inline-flex;align-items:center;gap:.34rem;margin:0}.canvas-tool-buttons button{min-height:1.85rem;border:1px solid #9bc7e4;border-radius:.5rem;padding:.28rem .52rem;color:#245a83;background:#e9f6ff;font-size:.68rem;font-weight:800;white-space:nowrap}.canvas-tool-buttons button.active{border-color:#168aca;color:#fff;background:linear-gradient(135deg,#1179bd,#21a9eb);box-shadow:0 .3rem .72rem #1389cd3d}.release-code{display:inline-block;margin:.35rem 0 0;color:#168cc4;font-size:.72rem;font-weight:800;letter-spacing:.13em}h1 .release-code{margin:0 0 0 .35rem;vertical-align:middle}@media(max-width:700px){.canvas-tool-buttons{justify-content:flex-end;gap:.22rem}.canvas-tool-buttons button{min-height:1.65rem;padding:.22rem .36rem;font-size:.6rem}}.palette button,.recent-colors button,.color-preview>span,.placement-swatch{forced-color-adjust:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}.recent-colors button{display:grid;place-items:center;padding:0;color:#ffffffeb;font-size:clamp(.45rem,1.8vw,.62rem);font-weight:850;line-height:1;text-align:center;text-shadow:0 1px 1px rgb(0 0 0 / 58%)}.recent-colors button.light-swatch{color:#0f172ac7;text-shadow:0 1px rgb(255 255 255 / 72%)}.recent-colors button span{position:relative;z-index:1;font-variant-numeric:tabular-nums}@media(max-width:700px){.palette{grid-template-columns:repeat(7,2.1rem);grid-auto-rows:2.1rem}.palette button{width:2.1rem;min-width:2.1rem;height:2.1rem;min-height:2.1rem;aspect-ratio:1}}@media(min-width:701px){.palette{grid-template-columns:repeat(8,2rem);grid-auto-rows:2rem;justify-content:space-between}.palette button{width:2rem;min-width:2rem;height:2rem;min-height:2rem;aspect-ratio:1}}.welcome-card:before{z-index:0;top:-9rem;left:-4rem;width:24rem;height:22rem;opacity:.9;background:radial-gradient(circle,rgb(38 191 255 / 28%),transparent 67%)}.welcome-card>*{z-index:1}@keyframes welcome-light-rays{to{transform:rotate(-4deg) scale(1.06)}}@keyframes welcome-sky-breathe{to{opacity:1;transform:scale(1.08)}}@keyframes welcome-card-beam{0%,28%{opacity:0;transform:translate(0) skew(-17deg)}42%{opacity:.9}60%,to{opacity:0;transform:translate(620%) skew(-17deg)}}@keyframes welcome-title-light{0%,25%{background-position:100% 0}56%,to{background-position:0 0}}@media(prefers-reduced-motion:reduce){.welcome-shell:before,.welcome-shell:after,.welcome-card:after,.welcome-card h1{animation:none}}:root{--electric: #2cc7ff;--electric-soft: rgb(44 199 255 / 28%);--electric-glow: rgb(23 151 224 / 30%)}.place-app{isolation:isolate;background:radial-gradient(circle at 90% 0%,rgb(77 205 255 / 17%),transparent 22rem),radial-gradient(circle at 4% 100%,rgb(76 153 255 / 12%),transparent 20rem)}.place-topbar{box-shadow:0 .3rem 1.25rem #1c5f8f1a,inset 0 1px #fffffff0}.event-phase{display:inline-flex;align-items:center;min-height:1.25rem;padding-inline:.34rem;border:1px solid transparent;border-radius:999px;font-variant-numeric:tabular-nums}.event-phase--live{border-color:#21c37b47;color:#087d4a;background:#e5fff3c7;box-shadow:0 0 #19b56e00;animation:live-phase-pulse 2.1s ease-out infinite}.event-phase--ready{border-color:#1498d538;color:#0878b4;background:#eaf9ffd1}.event-phase--paused{border-color:#e0932640;color:#9d5b00;background:#fff8e4e0}.event-phase--ended{border-color:#5d768d33;color:#5d7589;background:#f2f7fad6}@keyframes live-phase-pulse{55%{box-shadow:0 0 0 .28rem #19b56e00}0%,to{box-shadow:0 0 #19b56e3d}}.canvas-frame{background:linear-gradient(130deg,rgb(255 255 255 / 42%),transparent 22%),linear-gradient(145deg,rgb(23 138 201 / 8%),transparent 34%)}.canvas-frame:after{position:absolute;z-index:6;inset:0;border:1px solid rgb(157 224 255 / 44%);box-shadow:inset 0 0 0 1px #ffffff4d,inset 0 0 2.5rem #2aabe40f;content:"";pointer-events:none}.canvas-wrap{scrollbar-color:rgb(35 170 229 / 52%) transparent}.canvas-wrap:focus-within{box-shadow:inset 0 0 0 1px #3ebef485}.canvas-hud span{border-color:#ffffffd1;background:linear-gradient(135deg,#ffffffe0,#dff6ffb8);box-shadow:0 .35rem 1.1rem #17699e29,inset 0 1px #fff;-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem)}.canvas-hud span:last-child{color:#0878b4;animation:hud-float 3.2s ease-in-out infinite}@keyframes hud-float{50%{transform:translateY(-.08rem);box-shadow:0 .48rem 1.2rem #1797e040,inset 0 1px #fff}}.minimap{border-color:#ffffffd1;box-shadow:0 .45rem 1.35rem #0e436a38,inset 0 1px #fffffff0}.minimap:after{position:absolute;inset:-1px;border:1px solid rgb(27 179 235 / 0%);border-radius:inherit;content:"";pointer-events:none;transition:border-color .18s ease,box-shadow .18s ease}.minimap:hover:after,.minimap:focus-visible:after{border-color:#1bb3eb9e;box-shadow:0 0 0 .16rem var(--electric-soft)}.canvas-selection-marker:not(.compact) .selection-corner{animation:marker-corner-glow 1.45s ease-in-out infinite alternate}.canvas-selection-marker:not(.compact) .selection-corner:nth-child(2),.canvas-selection-marker:not(.compact) .selection-corner:nth-child(3){animation-delay:.36s}@keyframes marker-corner-glow{to{filter:drop-shadow(0 0 1px #050b14) drop-shadow(0 0 .28rem rgb(44 199 255 / 90%))}}.canvas-selection-marker.compact{animation:marker-compact-pulse 1.5s ease-in-out infinite}@keyframes marker-compact-pulse{50%{box-shadow:0 0 0 1px #0b1220,0 0 0 2px #ffffffa6,0 0 0 .34rem #2cc7ff2e}}.palette button.selected,.recent-colors button.selected{animation:color-selected-arrive .23s cubic-bezier(.2,1.35,.45,1) both}@keyframes color-selected-arrive{0%{transform:scale(.78)}to{transform:scale(1.1)}}.recent-colors button.selected{animation-name:recent-selected-arrive}@keyframes recent-selected-arrive{0%{transform:scale(.82)}to{transform:scale(1)}}.place-button:not(:disabled){background-image:linear-gradient(112deg,#0878bc,#1eb5ef 48%,#0878bc);background-size:200% 100%}.place-button:hover:not(:disabled){animation:place-energy-sweep 1.6s linear infinite}@keyframes place-energy-sweep{to{background-position:-200% 0}}.palette-toggle,.export-button,.draft-lock-quick,.draft-unlock-quick,.coordinate-share{box-shadow:inset 0 1px #ffffffc7}.palette-toggle:hover,.export-button:hover,.draft-lock-quick:hover:not(:disabled),.draft-unlock-quick:hover:not(:disabled){border-color:#26ace69e;box-shadow:0 .42rem 1rem #1797e029,inset 0 1px #fff}.welcome-card{position:relative;overflow:hidden}.welcome-card:before{position:absolute;top:-12rem;left:-4rem;width:16rem;height:20rem;border-radius:50%;background:radial-gradient(circle,rgb(49 191 255 / 16%),transparent 68%);content:"";pointer-events:none;animation:welcome-ambient-drift 8s ease-in-out infinite alternate}.welcome-card>*{position:relative}@keyframes welcome-ambient-drift{to{transform:translate(6rem,3rem)}}@media(hover:none){.place-button:active:not(:disabled){filter:brightness(1.08) saturate(1.1);transform:translateY(1px) scale(.985)}.minimap:active{transform:scale(.98)}}@media(prefers-reduced-motion:reduce){.event-phase--live,.canvas-hud span:last-child,.canvas-selection-marker:not(.compact) .selection-corner,.canvas-selection-marker.compact,.palette button.selected,.recent-colors button.selected,.place-button:hover:not(:disabled),.welcome-card:before{animation:none}}.palette button,.recent-colors button{will-change:auto;transition:border-color .12s ease,box-shadow .12s ease,filter .12s ease}.palette button:after{display:none}.palette button:hover,.palette button:active:not(:disabled),.palette button.selected,.recent-colors button:active:not(:disabled),.recent-colors button.selected{animation:none;transform:none}@media(max-width:700px){.mobile-action-row:not(.draft-action-row) .place-button{width:100%}}@media(min-width:701px){.palette{grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:2rem;align-content:start;column-gap:.38rem;row-gap:.38rem;height:12.5rem;max-height:12.5rem;overflow-x:hidden;overflow-y:auto}.palette button{min-height:2rem;height:2rem;aspect-ratio:auto}}.selection-corner{filter:none}.canvas-selection-marker:not(.compact) .selection-corner,.canvas-selection-marker.compact{animation:none;will-change:auto}.canvas-selection-marker.compact{box-shadow:0 0 0 1px #0b1220,0 0 0 2px #ffffffb3,0 0 0 3px #08243b7f}.welcome-shell{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 50% 3%,rgb(110 221 255 / 52%),transparent 25rem),radial-gradient(circle at 12% 90%,rgb(116 167 255 / 26%),transparent 27rem),linear-gradient(145deg,#eaf8ff,#cce9ff 52%,#f5fbff)}.welcome-shell:before,.welcome-shell:after{position:absolute;z-index:0;inset:-35vmax;content:"";pointer-events:none}.welcome-shell:before{opacity:.95;background:conic-gradient(from 205deg at 50% 50%,transparent 0deg 12deg,rgb(232 252 255 / 0%) 12deg 20deg,rgb(235 253 255 / 68%) 22deg 27deg,transparent 31deg 50deg,rgb(65 202 255 / 20%) 54deg 59deg,transparent 63deg 360deg);filter:blur(.35rem);transform:rotate(-11deg);animation:welcome-light-rays 11s ease-in-out infinite alternate}.welcome-shell:after{opacity:.8;background:radial-gradient(ellipse at 50% 48%,rgb(255 255 255 / 82%),transparent 11rem),radial-gradient(circle at 36% 42%,rgb(39 195 255 / 34%),transparent 4.5rem),radial-gradient(circle at 67% 60%,rgb(97 149 255 / 24%),transparent 6.5rem);filter:blur(.65rem);animation:welcome-sky-breathe 6s ease-in-out infinite alternate}.welcome-card{z-index:1;border-color:#61c2ef8a;box-shadow:0 2rem 5.5rem #0d578f3d,0 0 0 1px #ffffff9e,inset 0 1px #fffffff5}.welcome-card:before{z-index:0;top:-9rem;left:-4rem;width:24rem;height:22rem;opacity:.9;background:radial-gradient(circle,rgb(38 191 255 / 28%),transparent 67%);animation:welcome-ambient-drift 8s ease-in-out infinite alternate}.welcome-card:after{position:absolute;z-index:0;top:-18%;bottom:-18%;left:-40%;width:23%;background:linear-gradient(105deg,transparent,rgb(255 255 255 / 0%) 22%,rgb(225 251 255 / 42%) 48%,rgb(91 213 255 / 20%) 58%,transparent 84%);content:"";opacity:0;pointer-events:none;transform:skew(-17deg);animation:welcome-card-beam 7.5s ease-in-out infinite}.welcome-card>*{position:relative;z-index:1}.welcome-card h1{color:transparent;background:linear-gradient(105deg,#07243f,#113b5b 37%,#effdff 45%,#4ed4ff,#f5feff 53%,#15405e 61%,#062139);background-size:280% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 .18rem .28rem rgb(16 85 133 / 16%));animation:welcome-title-light 7.5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.welcome-shell:before,.welcome-shell:after,.welcome-card:before,.welcome-card:after,.welcome-card h1{animation:none}}