@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#eef0f7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#0d1223;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 18% 12%,#26304e 0%,#0000 38%),radial-gradient(at 88% 82%,#142f39 0%,#0000 28%),#0d1223;min-width:320px;min-height:100svh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}[hidden]{display:none!important}#app{flex-direction:column;min-height:100svh;padding:0 max(24px,50vw - 680px);display:flex}.topbar{border-bottom:1px solid #ffffff13;justify-content:space-between;align-items:center;height:72px;display:flex}.topbar-actions{align-items:center;gap:18px;display:flex}.browse-rooms-button{background:#ffffff08;border:1px solid #ffffff1c;border-radius:10px;min-height:36px;padding:0 12px}.brand{color:#f5f2ed;letter-spacing:.035em;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;text-decoration:none}.brand-mark{color:#1a2033;background:#ffb446;border-radius:9px;place-items:center;width:28px;height:28px;margin-right:8px;display:inline-grid}.edition,.eyebrow{letter-spacing:.16em;color:#9ea8c0;font-size:10px;font-weight:700}.layout{flex:1;grid-template-columns:minmax(230px,.65fr) minmax(600px,1.7fr);align-items:center;gap:clamp(25px,4vw,64px);padding:36px 0 44px;display:grid}.intro{max-width:380px}.intro .eyebrow{color:#93a5bf;align-items:center;gap:9px;line-height:1.6;display:flex}.intro .eyebrow span{background:#49c5b5;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 12px #49c5b5}h1{letter-spacing:-.065em;margin:20px 0 17px;font:700 clamp(39px,4.4vw,64px)/.99 Space Grotesk,sans-serif}h1 em{color:#ffb548;font-style:normal}.lede{color:#b1b9cb;max-width:360px;margin:0 0 38px;font-size:14px;line-height:1.75}.steps{align-items:center;gap:13px;margin:16px 0;display:flex}.step-number{color:#68d9c4;background:#48b8a10d;border:1px solid #55c8b44f;border-radius:12px;place-items:center;width:36px;height:36px;font:600 12px Space Grotesk,sans-serif;display:grid}.step-number.muted{color:#8992a7;background:0 0;border-color:#ffffff24}.steps b{font-size:12px;font-weight:600;display:block}.steps small{color:#818ba2;margin-top:3px;font-size:10px;display:block}.game-panel{background:linear-gradient(145deg,#1b233a,#151b2c);border:1px solid #ffffff1a;border-radius:23px;justify-self:center;width:100%;max-width:1000px;padding:19px;box-shadow:0 28px 90px #0007,inset 0 1px #ffffff0c}.panel-head{justify-content:space-between;align-items:center;gap:18px;min-height:53px;padding:0 2px 14px;display:flex}.panel-head .eyebrow{color:#58c7b6;margin:0 0 4px;font-size:9px}h2{margin:0;font:600 19px Space Grotesk,sans-serif}.mode-switch{background:#0e1424;border:1px solid #ffffff13;border-radius:12px;gap:4px;padding:4px;display:flex}.mode-button{color:#9aa5ba;background:0 0;border:0;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:600;transition:all .18s}.mode-button:hover{color:#f1f3f8}.mode-button.active{color:#11202a;background:#52c9b4}.icon-button{color:#d7deed;background:#ffffff08;border:1px solid #ffffff20;border-radius:12px;flex:none;width:37px;height:37px;font-size:23px;transition:all .2s}.icon-button:hover{background:#ffffff17;transform:rotate(-25deg)}.workspace{grid-template-columns:minmax(0,1fr) 248px;align-items:start;gap:13px;display:grid}.board-column{min-width:0}.status-row{color:#d8dfec;background:#101629;border:1px solid #ffffff12;border-bottom:0;border-radius:13px 13px 0 0;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:0 12px;font-size:11px;display:flex}.life-count{flex:none;align-items:center;gap:6px;display:flex}.life-count>span{color:#78849c;letter-spacing:.12em;font-size:8px}.life-count b{color:#ff8294;letter-spacing:1px;white-space:nowrap;font-size:13px}.move-count{flex:none;align-items:center;gap:7px;display:flex}.move-count span{color:#78849c;letter-spacing:.12em;font-size:8px}.move-count b{color:#f8c368;background:#f8c3681a;border-radius:7px;place-items:center;min-width:24px;height:22px;font:600 11px Space Grotesk,sans-serif;display:grid}.game-frame{aspect-ratio:1;touch-action:none;background:#151b30;border:1px solid #ffffff12;width:100%;overflow:hidden}.game-frame canvas{width:100%;height:100%;display:block}.hint-card{background:#f3c25c0c;border:1px solid #f3c25c2d;border-radius:11px;align-items:flex-start;gap:11px;margin-top:9px;padding:10px 12px;display:flex}.hint-card>span{color:#f3c25c;letter-spacing:.15em;flex:none;padding-top:2px;font-size:8px;font-weight:700}.hint-card p{color:#f2e7c9;margin:0;font-size:11px;line-height:1.5}.controls-hint{color:#8590a6;justify-content:center;align-items:center;gap:5px;min-height:39px;font-size:9px;display:flex}.keycap{color:#d4d9e4;background:#ffffff09;border:1px solid #fff2;border-radius:5px;place-items:center;width:18px;height:18px;font-size:9px;display:grid}.keycap:nth-child(4){margin-right:6px}.validation-note{color:#8290a7;background:#ffffff06;border-radius:8px;min-height:27px;margin:0;padding:5px 8px;font-size:10px;line-height:1.45}.validation-note.success{color:#7cdec4;background:#47c6a10d}.editor-tools{background:#11182a;border:1px solid #ffffff12;border-radius:14px;flex-direction:column;gap:7px;padding:12px;display:flex}.tool-heading{justify-content:space-between;align-items:center;min-height:20px;display:flex}.tool-heading .eyebrow{color:#8590a8;font-size:8px}.text-button{color:#62ccba;background:0 0;border:0;padding:0;font-size:10px;font-weight:600}.text-button:hover{color:#a3edde}.field-label{color:#b5bed0;justify-content:space-between;align-items:baseline;gap:5px;margin-top:3px;font-size:10px;font-weight:600;display:flex}.field-label span{color:#717e97;font-size:8px;font-weight:400}.text-input{color:#f0f1f5;background:#0b1120;border:1px solid #ffffff18;border-radius:8px;outline:none;width:100%;min-height:35px;padding:8px 9px;font-size:11px}.text-input:focus{border-color:#4bbda9;box-shadow:0 0 0 2px #4bbda922}.hint-input{resize:vertical;min-height:62px;line-height:1.45}.code-input{letter-spacing:.2em;font-family:Space Grotesk,sans-serif}.palette-heading{border-top:1px solid #ffffff12;padding-top:8px}.tool-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.tool-button{color:#aeb8ca;background:#ffffff04;border:1px solid #ffffff16;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:47px;padding:4px;font-size:9px;transition:all .15s;display:flex}.tool-button span{color:#ecc584;font-size:15px;line-height:1}.tool-button:hover{color:#fff;background:#ffffff0b;border-color:#ffffff3b}.tool-button.selected{color:#7bdfcb;background:#40b99d15;border-color:#4abca9a1;box-shadow:inset 0 0 0 1px #40b99d20}.tool-button.selected span{color:#69dac4}.tool-help{color:#8590a7;min-height:26px;margin:0;font-size:9px;line-height:1.45}.primary-button,.secondary-button{border:1px solid #0000;border-radius:10px;min-height:39px;padding:0 13px;font-size:11px;font-weight:700;transition:all .16s}.primary-button{color:#182035;background:linear-gradient(135deg,#ffbd50,#f18b27);box-shadow:0 5px 16px #f18b2722}.primary-button:hover{filter:brightness(1.07);transform:translateY(-1px)}.secondary-button{color:#c5ccda;background:#ffffff07;border-color:#ffffff20}.secondary-button:hover{background:#ffffff12}.save-note{color:#718099;text-align:center;margin:-2px 0 0;font-size:8px}footer{padding:15px 0 max(18px, env(safe-area-inset-bottom));color:#68748d;letter-spacing:.13em;border-top:1px solid #ffffff13;justify-content:space-between;font-size:8px;display:flex}.toast{left:50%;bottom:max(28px, env(safe-area-inset-bottom));z-index:20;color:#f6f5ef;opacity:0;pointer-events:none;text-align:center;background:#202941;border:1px solid #ffffff20;border-radius:12px;max-width:calc(100vw - 28px);padding:12px 17px;font-size:11px;transition:all .22s;position:fixed;transform:translate(-50%,12px);box-shadow:0 9px 36px #0008}.toast.visible{opacity:1;transform:translate(-50%)}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#070a12c9;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.code-dialog{background:linear-gradient(145deg,#202943,#141b2e);border:1px solid #ffffff24;border-radius:18px;width:min(100%,355px);padding:22px;box-shadow:0 24px 90px #0009}.code-dialog .eyebrow{color:#dcb56b;margin:0 0 8px;font-size:9px}.code-dialog h2{margin-bottom:9px;font-size:23px}.dialog-hint{color:#c2cada;margin:0 0 17px;font-size:12px;line-height:1.6}.code-error{color:#ff9c88;min-height:15px;margin:5px 0;font-size:10px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}@media (width<=1000px){#app{padding:0 20px}.layout{grid-template-columns:minmax(200px,.56fr) minmax(550px,1.44fr);gap:22px}.workspace{grid-template-columns:minmax(0,1fr) 220px;gap:9px}.game-panel{padding:14px}.editor-tools{padding:9px}}@media (width<=800px){#app{padding:0 15px}.topbar{height:62px}.layout{grid-template-columns:1fr;align-items:start;gap:20px;padding:27px 0 32px}.intro{max-width:650px}h1{margin:14px 0 10px;font-size:clamp(40px,9vw,57px)}.lede{margin-bottom:20px;font-size:12px}.steps{margin:0 17px 0 0;display:inline-flex}.steps small{display:none}.step-number{border-radius:10px;width:29px;height:29px}.game-panel{max-width:680px;padding:13px}.workspace{grid-template-columns:minmax(0,1fr) 205px}}@media (width<=560px){#app{padding:0 11px}.edition{font-size:7px}.brand{font-size:14px}.layout{padding-top:23px}.intro .eyebrow{font-size:8px}.lede{max-width:310px}.panel-head{flex-wrap:wrap;gap:8px}.panel-head>div:first-child{min-width:100%}.mode-switch{flex:1;order:2}.mode-button{flex:1}.icon-button{order:3}.workspace{grid-template-columns:1fr}.game-panel{border-radius:17px;padding:10px}.editor-tools{grid-row:2;padding:12px}.tool-grid{grid-template-columns:repeat(4,1fr)}.tool-button{min-height:48px;font-size:8px}.controls-hint{font-size:8px}.keycap{width:17px;height:17px}footer{font-size:7px}}.editor-toolbar{background:#11182a;border:1px solid #ffffff12;border-radius:12px;margin-bottom:8px;padding:9px 10px 10px}.editor-toolbar .tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:7px}.editor-toolbar .tool-button{min-height:40px}.editor-toolbar .tool-heading{gap:8px}.editor-toolbar .tool-help{text-align:right;min-height:0}.dpad{display:none}@media (width<=560px){#app{padding:0 10px}.layout{padding:10px 0 18px}.intro{display:none}.panel-head{flex-wrap:wrap;gap:8px}.panel-head>div:first-child{min-width:100%}.mode-switch{flex:1;order:2}.mode-button{flex:1;min-height:42px;font-size:12px}.icon-button{order:3;width:44px;height:44px}.workspace{grid-template-columns:1fr}.game-panel{border-radius:17px;padding:9px}.editor-tools{grid-row:2;padding:12px}.editor-toolbar{padding:8px}.editor-toolbar .tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.editor-toolbar .tool-button{min-height:50px;font-size:9px}.tool-button span{font-size:17px}.controls-hint{display:none}.dpad:not([hidden]){touch-action:manipulation;grid-template-rows:repeat(3,47px);grid-template-columns:repeat(3,54px);justify-content:center;gap:5px;padding:7px 0 12px;display:grid}.dpad button{color:#f5f1e7;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(160deg,#394766,#202a43);border:1px solid #ffffff2b;border-radius:14px;min-width:54px;min-height:47px;font-size:23px;font-weight:700;box-shadow:0 3px #12182a,inset 0 1px #ffffff14}.dpad button:active{background:#405478;transform:translateY(2px);box-shadow:0 1px #12182a}.dpad [data-move=up]{grid-area:1/2}.dpad [data-move=left]{grid-area:2/1}.dpad [data-move=right]{grid-area:2/3}.dpad [data-move=down]{grid-area:3/2}.dpad-center{color:#ffbd50;background:#0f1525;border:1px solid #ffffff12;border-radius:13px;grid-area:2/2;place-items:center;display:grid}.validation-note{font-size:10px}footer{padding-top:11px;font-size:7px}}.search-dialog{color:#eef0f7;background:#172439;border:1px solid #667b91;border-radius:20px;width:min(440px,100vw - 24px);max-height:calc(100dvh - 24px);padding:20px;overflow:auto}.search-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#070a12dc}.search-dialog>p{font-size:13px;line-height:1.5}.search-targets{justify-content:space-between;gap:6px;margin:16px 0;font-size:13px;display:flex}.search-targets span{background:#ffffff10;border-radius:8px;padding:8px}.search-targets .found{color:#70e0b8;text-decoration:line-through}.search-picture{aspect-ratio:360/320;border-radius:12px;position:relative;overflow:hidden}.search-picture svg{width:100%;height:100%;display:block}.search-object{color:#dbbf87;touch-action:manipulation;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;font:32px Georgia,serif;display:grid;position:absolute;transform:translate(-50%,-50%)}.search-object:focus-visible{border-radius:8px;outline:2px solid #71e2c5}.search-object:disabled{opacity:.25}.search-feedback{color:#91ddc3;min-height:40px}.search-close{width:100%;min-height:44px}body[data-mode=play] .workspace{grid-template-columns:minmax(0,1fr);max-width:540px;margin:auto}@media (width<=560px){.text-input{font-size:16px}.search-dialog{padding:16px}html,body{min-width:320px}body[data-mode=play]{overscroll-behavior:none;height:100%;overflow:hidden}body[data-mode=play] #app{width:100%;height:100dvh;min-height:0;padding:env(safe-area-inset-top) max(8px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px, env(safe-area-inset-left));overflow:hidden}body[data-mode=play] .topbar{height:42px;min-height:42px}body[data-mode=play] .edition{font-size:7px}body[data-mode=play] .layout{flex:1;min-height:0;padding:6px 0;display:block;overflow:hidden}body[data-mode=play] .game-panel{flex-direction:column;width:100%;height:100%;min-height:0;padding:7px;display:flex}body[data-mode=play] .panel-head{flex-wrap:nowrap;flex:0 0 43px;gap:6px;min-height:43px;padding:0 1px 6px;display:flex}body[data-mode=play] .panel-head>div:first-child{flex:auto;min-width:0}body[data-mode=play] .panel-head .eyebrow{margin-bottom:2px;font-size:7px}body[data-mode=play] .panel-head h2{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}body[data-mode=play] .mode-switch{flex:none;order:0;padding:3px}body[data-mode=play] .mode-button{min-height:34px;padding:0 8px;font-size:10px}body[data-mode=play] .icon-button{flex:0 0 38px;order:0;width:38px;height:38px}body[data-mode=play] .workspace{flex:1;min-height:0;display:block;overflow:hidden}body[data-mode=play] .board-column{grid-template-rows:32px minmax(0,1fr) auto auto;align-content:stretch;width:100%;height:100%;min-height:0;display:grid}body[data-mode=play] .status-row{min-height:32px;padding:0 8px;font-size:10px}body[data-mode=play] .game-frame{aspect-ratio:1;place-self:center;width:min(100%,100dvh - 385px);max-width:100%;max-height:100%}body[data-mode=play] .hint-card{margin-top:5px;padding:6px 9px}body[data-mode=play] .hint-card p{font-size:10px}body[data-mode=play] .validation-note,body[data-mode=play] footer,body[data-mode=play] .controls-hint{display:none}body[data-mode=play] .dpad:not([hidden]){touch-action:manipulation;grid-template-rows:repeat(3,clamp(30px,6svh,42px));grid-template-columns:repeat(3,52px);justify-content:center;gap:3px;padding:5px 0 2px;display:grid}body[data-mode=play] .dpad button{border-radius:12px;min-width:52px;height:100%;min-height:0;font-size:21px}body[data-mode=play] .dpad-center{border-radius:11px}body[data-mode=play] .search-dialog{width:min(420px,100vw - 20px);max-height:calc(100dvh - 20px);padding:12px;overflow:auto}body[data-mode=play] .search-dialog>p{margin:6px 0;font-size:11px}body[data-mode=play] .search-targets{margin:8px 0;font-size:11px}body[data-mode=play] .search-targets span{padding:6px}body[data-mode=play] .search-picture{aspect-ratio:1.24}body[data-mode=play] .search-object{width:40px;height:40px;font-size:29px}body[data-mode=play] .search-feedback{min-height:28px}body[data-mode=play] .search-close{min-height:40px}}@media (width<=800px) and (orientation:landscape) and (height<=560px){body[data-mode=play] #app{padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right))}body[data-mode=play] .topbar{height:34px;min-height:34px}body[data-mode=play] .layout{padding:3px 0}body[data-mode=play] .game-panel{padding:5px 8px}body[data-mode=play] .panel-head{flex-basis:37px;min-height:37px;padding-bottom:3px}body[data-mode=play] .panel-head .eyebrow{display:none}body[data-mode=play] .workspace{height:calc(100% - 37px)}body[data-mode=play] .board-column{grid-template-rows:28px minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 112px;column-gap:8px}body[data-mode=play] .status-row{grid-column:1/-1;min-height:28px}body[data-mode=play] .game-frame{grid-area:2/1;width:min(100%,100dvh - 100px)}body[data-mode=play] .dpad:not([hidden]){grid-area:2/2;grid-template-rows:repeat(3,32px);grid-template-columns:repeat(3,32px);align-self:center;gap:2px;padding:0}body[data-mode=play] .dpad button{border-radius:8px;min-width:32px;font-size:17px}body[data-mode=play] .dpad-center{border-radius:8px}body[data-mode=play] .hint-card{grid-area:3/1/auto/-1}}@media (width<=1000px) and (orientation:landscape) and (height<=560px){body[data-mode=play] #app{padding:env(safe-area-inset-top) max(10px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(10px, env(safe-area-inset-left))}body[data-mode=play] .intro{display:none}body[data-mode=play] .layout{padding:3px 0;display:block}body[data-mode=play] .game-panel{max-width:none;padding:5px 8px}body[data-mode=play] .panel-head{flex-wrap:nowrap;flex-basis:37px;min-height:37px;padding-bottom:3px;display:flex}body[data-mode=play] .panel-head>div:first-child{min-width:0}body[data-mode=play] .panel-head .eyebrow{display:none}body[data-mode=play] .workspace{height:calc(100% - 37px);display:block}body[data-mode=play] .board-column{grid-template-rows:28px minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 112px;column-gap:8px}body[data-mode=play] .status-row{grid-column:1/-1;min-height:28px}body[data-mode=play] .game-frame{grid-area:2/1;width:min(100%,100dvh - 100px)}body[data-mode=play] .dpad:not([hidden]){grid-area:2/2;grid-template-rows:repeat(3,32px);grid-template-columns:repeat(3,32px);justify-content:center;align-self:center;gap:2px;padding:0;display:grid}body[data-mode=play] .dpad button{border-radius:8px;min-width:32px;min-height:32px;font-size:17px}body[data-mode=play] .dpad-center{border-radius:8px}body[data-mode=play] .hint-card{grid-area:3/1/auto/-1}body[data-mode=play] #app{width:100%;height:100dvh;min-height:0;overflow:hidden}body[data-mode=play] .topbar{height:34px;min-height:34px}body[data-mode=play] .layout{flex:1;min-height:0;overflow:hidden}body[data-mode=play] .game-panel{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}body[data-mode=play] .workspace{flex:1;height:auto;min-height:0}body[data-mode=play] .validation-note,body[data-mode=play] footer,body[data-mode=play] .controls-hint{display:none}body[data-mode=play] .game-frame{width:min(100%,100dvh - 200px,100vw - 135px)}body[data-mode=play] .dpad:not([hidden]){grid-template-rows:repeat(3,24px);grid-template-columns:repeat(3,24px)}body[data-mode=play] .dpad button{color:#f5f1e7;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(160deg,#394766,#202a43);border:1px solid #ffffff2b;min-width:24px;min-height:24px;box-shadow:0 2px #12182a,inset 0 1px #ffffff14}body[data-mode=play] .dpad [data-move=up]{grid-area:1/2}body[data-mode=play] .dpad [data-move=left]{grid-area:2/1}body[data-mode=play] .dpad [data-move=right]{grid-area:2/3}body[data-mode=play] .dpad [data-move=down]{grid-area:3/2}body[data-mode=play] .dpad-center{color:#ffbd50;background:#0f1525;border:1px solid #ffffff12;border-radius:8px;grid-area:2/2;place-items:center;display:grid}}@media (width<=560px){body[data-mode=edit]{overscroll-behavior:none;height:100%;overflow:hidden}body[data-mode=edit] #app{width:100%;height:100dvh;min-height:0;padding:env(safe-area-inset-top) max(8px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px, env(safe-area-inset-left));overflow:hidden}body[data-mode=edit] .topbar{height:42px;min-height:42px}body[data-mode=edit] .layout{flex:1;min-height:0;padding:6px 0;display:block;overflow:hidden}body[data-mode=edit] .game-panel{flex-direction:column;width:100%;height:100%;min-height:0;padding:7px;display:flex}body[data-mode=edit] .panel-head{flex-wrap:nowrap;flex:0 0 43px;gap:5px;min-height:43px;padding:0 1px 6px;display:flex}body[data-mode=edit] .panel-head>div:first-child{flex:auto;min-width:0}body[data-mode=edit] .panel-head .eyebrow{margin-bottom:2px;font-size:7px}body[data-mode=edit] .panel-head h2{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}body[data-mode=edit] .mode-switch{flex:none;order:0;padding:3px}body[data-mode=edit] .mode-button{min-height:34px;padding:0 7px;font-size:9px}body[data-mode=edit] .mobile-settings-button{flex:0 0 36px;order:0;width:36px;height:36px;font-size:19px;display:grid}body[data-mode=edit] .workspace{flex:1;min-height:0;display:block;overflow:hidden}body[data-mode=edit] .board-column{grid-template-rows:auto 32px minmax(0,1fr);align-content:stretch;width:100%;height:100%;min-height:0;display:grid}body[data-mode=edit] .editor-toolbar{margin-bottom:5px;padding:6px}body[data-mode=edit] .editor-toolbar .tool-heading{min-height:16px}body[data-mode=edit] .editor-toolbar .eyebrow{font-size:7px}body[data-mode=edit] .editor-toolbar .tool-help{font-size:8px}body[data-mode=edit] .editor-toolbar .tool-grid{gap:4px;margin-top:5px}body[data-mode=edit] .editor-toolbar .tool-button{gap:2px;min-height:43px;padding:3px 1px;font-size:8px}body[data-mode=edit] .tool-button span{font-size:15px}body[data-mode=edit] .status-row{min-height:32px;padding:0 8px;font-size:10px}body[data-mode=edit] .game-frame{aspect-ratio:1;place-self:center;width:min(100%,100dvh - 365px);max-width:100%;max-height:100%}body[data-mode=edit] .editor-tools{display:none}body[data-mode=edit].settings-open .settings-backdrop:not([hidden]){z-index:24;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#070a12bf;display:block;position:fixed;inset:0}body[data-mode=edit].settings-open .editor-tools{inset:auto 10px max(10px, env(safe-area-inset-bottom));z-index:25;border-color:#53627b;max-height:calc(100dvh - 76px);padding:14px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 16px 60px #000b}body[data-mode=edit] .settings-actions{align-items:center;gap:13px;display:flex}body[data-mode=edit] #mobile-settings-close{display:inline}body[data-mode=edit] .validation-note,body[data-mode=edit] footer,body[data-mode=edit] .controls-hint{display:none}body[data-mode=edit] .toast{bottom:max(14px, env(safe-area-inset-bottom))}}@media (width<=1000px) and (orientation:landscape) and (height<=560px){body[data-mode=edit] #app{width:100%;height:100dvh;min-height:0;padding:env(safe-area-inset-top) max(10px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(10px, env(safe-area-inset-left));overflow:hidden}body[data-mode=edit] .topbar{height:34px;min-height:34px}body[data-mode=edit] .intro{display:none}body[data-mode=edit] .layout{flex:1;min-height:0;padding:3px 0;display:block;overflow:hidden}body[data-mode=edit] .game-panel{flex-direction:column;height:100%;min-height:0;padding:5px 8px;display:flex}body[data-mode=edit] .panel-head{flex-wrap:nowrap;flex:0 0 37px;min-height:37px;padding-bottom:3px;display:flex}body[data-mode=edit] .panel-head>div:first-child{min-width:0}body[data-mode=edit] .panel-head .eyebrow{display:none}body[data-mode=edit] .workspace{flex:1;min-height:0;display:block;overflow:hidden}body[data-mode=edit] .board-column{grid-template-rows:72px 28px minmax(0,1fr);width:100%;height:100%;min-height:0;display:grid}body[data-mode=edit] .editor-toolbar{margin-bottom:3px;padding:2px 5px}body[data-mode=edit] .editor-toolbar .tool-heading{min-height:12px}body[data-mode=edit] .editor-toolbar .tool-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;margin-top:2px}body[data-mode=edit] .editor-toolbar .tool-button{min-height:50px;font-size:8px}body[data-mode=edit] .status-row{min-height:28px}body[data-mode=edit] .game-frame{width:min(100%,100dvh - 180px)}body[data-mode=edit] footer,body[data-mode=edit] .controls-hint,body[data-mode=edit] .validation-note{display:none}}.share-room-button{width:100%}.share-modal{z-index:35}.share-dialog{background:linear-gradient(145deg,#202943,#141b2e);border:1px solid #ffffff24;border-radius:18px;width:min(100%,380px);padding:22px;box-shadow:0 24px 90px #0009}.share-dialog .eyebrow{color:#58c7b6;margin:0 0 8px}.share-dialog h2{margin-bottom:8px;font-size:22px}.share-dialog>p:not(.eyebrow){color:#aeb8ca;font-size:12px;line-height:1.55}.share-dialog .field-label{margin:12px 0 6px}.share-dialog .text-input{font-size:10px}.shared-room-back{align-self:center}.room-browser{color:#eef0f7;background:linear-gradient(145deg,#202943,#141b2e);border:1px solid #ffffff24;border-radius:19px;flex-direction:column;width:min(100%,500px);max-height:calc(100dvh - 30px);padding:20px;display:flex;box-shadow:0 24px 90px #0009}.room-browser-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.room-browser-heading .eyebrow{color:#58c7b6;margin:0 0 5px;font-size:8px}.room-browser-heading h2{font-size:21px}.room-browser-heading .icon-button{width:34px;height:34px;font-size:20px}.room-browser-copy{color:#aeb8ca;margin:9px 0 13px;font-size:11px;line-height:1.5}.room-list{overscroll-behavior:contain;flex-direction:column;gap:8px;min-height:78px;max-height:min(50dvh,380px);padding:1px 3px 2px 1px;display:flex;overflow-y:auto}.room-list-empty{color:#aab4c8;text-align:center;border:1px dashed #ffffff24;border-radius:12px;place-items:center;min-height:110px;padding:16px;font-size:11px;line-height:1.55;display:grid}.room-card{color:#eef0f7;text-align:left;background:#0d1424;border:1px solid #ffffff18;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:62px;padding:10px 12px;transition:all .15s;display:flex}.room-card:hover,.room-card:focus-visible{background:#15243a;border-color:#58c7b6a0;outline:none}.room-card-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.room-card-title{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.room-card-meta{color:#8996ad;font-size:9px}.room-card-arrow{color:#62d5bc;flex:none;font-size:18px}.refresh-rooms-button{flex:none;margin-top:12px}@media (width<=560px){.topbar{height:50px}.topbar-actions{gap:0}.topbar-actions .edition{display:none}.browse-rooms-button{min-height:32px;padding:0 9px;font-size:9px}body[data-mode=edit] .share-dialog{width:min(100%,380px);padding:17px}body[data-mode=edit] .dialog-actions{flex-wrap:wrap}body[data-mode=edit] .dialog-actions .primary-button{flex:1}.rooms-modal{padding:10px}.room-browser{border-radius:16px;max-height:calc(100dvh - 20px);padding:15px}.room-browser-heading h2{font-size:18px}.room-browser-copy{margin:7px 0 10px;font-size:10px}.room-list{max-height:min(55dvh,370px)}}