:root{font-family:DM Sans,Noto Sans KR,sans-serif;color:#303a32;background:#f5f1e9;font-synthesis:none;font-weight:400;--green:#304f3d;--orange:#df683d;--line:#dfdfd4}*{box-sizing:border-box}body{margin:0}button,a,summary,canvas{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #df683d;outline-offset:5px}button:disabled{cursor:wait}.app{max-width:1240px;margin:auto;padding:0 48px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;color:var(--green);font-weight:900;font-size:23px;text-decoration:none;letter-spacing:-1px}.brand-icon{font-size:35px;color:var(--orange)}.brand-en{font-size:10px;letter-spacing:2px;font-weight:700;margin:6px 0 0 9px}.edition{font-size:11px;color:#7a7f73;display:flex;gap:15px;align-items:center}.online-dot,.live-light{width:6px;height:6px;border-radius:50%;background:#87a582;display:inline-block}.intro{display:flex;align-items:center;justify-content:space-between;padding:46px 0 38px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#798371}.intro h1{font-size:45px;line-height:1.3;letter-spacing:-2.5px;margin:15px 0 13px;font-weight:800}.orange{color:var(--orange)}.intro p{font-size:13px;color:#7b7d71;margin:0}.intro-stamp{width:120px;height:120px;border:1px solid #d4d8c8;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(12deg);font-size:12px;line-height:1.8;color:#67765d;margin-right:22px}.intro-stamp strong{font-weight:600}.intro-stamp span{font-size:19px;color:var(--orange)}.play-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,1fr);gap:25px;align-items:start}.machine{padding:17px 20px 0;background:#d9e2c8;border:1px solid #b8c4a6;border-radius:19px;box-shadow:0 6px #bdc9ac,0 14px 30px #34482c09;overflow:hidden}.machine-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;letter-spacing:1.6px;color:#566947;margin-bottom:16px}.live-light{background:#527747;box-shadow:0 0 0 3px #55744b14;margin-right:7px}.machine-number{font-size:9px;color:#7c896e}.machine-marquee{display:flex;justify-content:space-between;align-items:center;padding:17px 23px;background:#f7f3dd;border:1px solid #bdc6a7;border-radius:9px 9px 0 0;color:#3d5940;font-size:17px;letter-spacing:1.8px;line-height:1.4;font-weight:500}.machine-marquee b{font-weight:800}.marquee-flower{font-size:48px;line-height:1;color:var(--orange)}.viewport{position:relative;background:#f0ecdf;border:7px solid #75846b;border-top-width:6px;border-radius:0 0 8px 8px;box-shadow:inset 0 0 30px #3c482a16;overflow:hidden;aspect-ratio:1.22}canvas{display:block;width:100%;height:100%;touch-action:pan-y}.glass-label{position:absolute;bottom:12px;left:14px;font-size:7px;letter-spacing:2px;color:#788471;pointer-events:none}.pause-button{position:absolute;top:13px;right:13px;border:1px solid #cbd2c2;border-radius:50%;background:#f8f7eecc;color:#52664d;width:36px;height:36px;font-size:17px;min-width:44px;min-height:44px}.pause-overlay{position:absolute;inset:0;background:#f5f1e9e8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;font-weight:700}.pause-overlay[hidden]{display:none}.primary{background:var(--green);color:#fff;border:0;border-radius:9px;padding:14px 22px}.machine-bottom{height:61px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px;color:#637757;font-weight:600}.vent{font-size:22px;letter-spacing:3px;opacity:.4}.control-card{background:#fcfaf5;border:1px solid #e2e1d6;border-radius:17px;padding:25px 27px 15px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.prototype{background:#eceee3;color:#778367;font-size:9px;border-radius:12px;padding:5px 9px}.control-card h2{font-size:24px;letter-spacing:-1px;margin:20px 0 9px}.panel-description{font-size:12px;line-height:1.9;color:#808375;margin:0}.status-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-top:20px;padding:11px 13px;border-radius:5px;background:#f0f1e9;color:#65735b}.status-dot{width:5px;height:5px;border-radius:50%;background:#7d9865}.joystick-area{position:relative;height:218px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:11px}.axis-label{position:absolute;font-size:9px;color:#a2a693}.axis-top{top:8px}.axis-bottom{bottom:36px}#joystick{position:relative;width:145px;height:145px;border-radius:50%;background:radial-gradient(circle,#e1e4d8,#eceee5 68%,#f4f4ed 69%);border:1px solid #d9dece;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;box-shadow:inset 0 2px 4px #48543b08}#joystick:active{cursor:grabbing}.joystick-ring{position:absolute;inset:14px;border:1px dashed #c8cfbb;border-radius:50%}.crosshair{position:absolute;background:#d6ddca}.crosshair.horizontal{height:1px;width:100%;top:50%}.crosshair.vertical{width:1px;height:100%;left:50%}.orbit-arrow{position:absolute;right:-24px;top:38px;font-size:27px;font-weight:400;color:#a2ad92}#stick{position:absolute;width:62px;height:62px;left:calc(50% - 31px);top:calc(50% - 31px);border-radius:50%;background:linear-gradient(145deg,#6e8662,#405d3b);border:1px solid #3d5636;box-shadow:0 7px #344c2e,0 9px 14px #3c4f3a2c;pointer-events:none;display:grid;place-items:center}#stick span{height:42px;width:42px;border-radius:50%;border:1px solid #ffffff18;background:linear-gradient(140deg,#ffffff0a,#00000003)}.rotation-hint{position:absolute;bottom:9px;font-size:9px;letter-spacing:.2px;color:#909782}.drop-button{width:100%;border:1px solid #c35c36;background:var(--orange);color:#fffaf1;border-radius:9px;min-height:55px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:14px;font-weight:700;box-shadow:0 4px #b95633;transition:transform .12s,box-shadow .12s}.drop-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #b95633}.drop-button:disabled{opacity:.6}.drop-icon{font-size:23px;font-weight:400}.key-hint{font-size:8px;color:#9a9d91;text-align:center;margin:13px 0 19px}kbd{font:inherit;font-size:8px;border:1px solid #d9ddcf;border-radius:3px;padding:2px 4px;color:#7c856f;background:#f5f5ef}.angle-row{border-top:1px solid #e6e7dd;border-bottom:1px solid #e6e7dd;padding:14px 0;display:flex;align-items:center;gap:10px}.angle-row>span{font-size:11px;color:#838a76}.angle-row strong{margin-left:auto;font-size:22px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--green)}.angle-row small{font-size:15px;margin-left:2px}.angle-dial{border:1px solid #cbd3bd;border-radius:50%;width:30px;height:30px;text-align:center;line-height:27px;color:#718565;font-size:19px}.instructions{font-size:10px;color:#7b846e}.instructions summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:48px}.instructions summary::-webkit-details-marker{display:none}.instructions summary span{font-size:17px}.instructions p{font-size:11px;line-height:1.9}.toy-shelf{padding:47px 0 40px}.shelf-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.shelf-heading h2{font-size:21px;letter-spacing:-.7px;margin:9px 0 0}.shelf-note{font-size:10px;color:#929781}.toy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.toy-card{display:flex;align-items:center;border-radius:11px;padding:20px 15px;gap:12px;border:1px solid #e7decb}.peach{background:#efe3d6}.sage{background:#e6eadc}.butter{background:#f1ebd3}.toy-icon{font-family:monospace;display:grid;place-items:center;width:61px;height:61px;border-radius:50%;font-size:17px;letter-spacing:-1px;flex-shrink:0}.bear{background:#dec4a4;color:#6d5140}.bunny{background:#f8f6ec;color:#7c826d}.chick{background:#e8cb77;color:#8d7239}.toy-id{font-size:7px;letter-spacing:1px;color:#8e8f79}.toy-card h3{margin:5px 0;font-size:14px;letter-spacing:-.3px}.toy-card p{margin:0;font-size:9px;color:#92917d}.toy-mark{margin-left:auto;color:#9a9e87;font-size:18px}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:24px 0 30px;font-size:9px;color:#929884}footer>span:last-child{font-size:8px;letter-spacing:1px}.footer-flower{color:var(--orange);padding:0 7px}@media(min-width:1100px){.play-layout{grid-template-columns:minmax(0,1.65fr) minmax(330px,1fr)}.viewport{aspect-ratio:1.25}.control-card{padding-top:27px}.joystick-area{height:230px}}@media(max-width:850px){.app{padding:0 24px}.play-layout{gap:16px;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr)}.machine{padding:13px 12px 0}.machine-marquee{font-size:13px;padding:15px}.viewport{aspect-ratio:.9}.control-card{padding:20px 19px 8px}.toy-card{padding:15px 10px;gap:8px}.toy-icon{width:44px;height:44px;font-size:14px}.toy-card p{font-size:8px}.toy-mark,.brand-en{display:none}}@media(max-width:650px){.app{padding:0 18px}.header{height:77px}.brand{font-size:21px}.edition{font-size:9px;gap:8px}.intro{padding:30px 0 27px}.intro h1{font-size:35px;letter-spacing:-1.8px}.intro p{font-size:11px}.eyebrow{font-size:8px;letter-spacing:1.5px}.intro-stamp{width:85px;height:85px;font-size:9px;margin-right:2px;flex-shrink:0}.play-layout{grid-template-columns:1fr;gap:22px}.machine{padding:13px 14px 0}.machine-top{font-size:8px}.machine-marquee{font-size:16px;padding:15px 18px}.viewport{aspect-ratio:1.25}.machine-bottom{height:49px;font-size:7px}.control-card{padding:20px;display:grid;grid-template-columns:1fr 1fr;column-gap:20px;align-items:start}.panel-heading,.control-card h2,.panel-description,.status-row,.angle-row,.instructions{grid-column:1/-1}.control-card h2{margin:12px 0 7px;font-size:22px}.panel-description br{display:none}.panel-description{font-size:11px}.status-row{margin-top:14px}.joystick-area{grid-column:1;grid-row:5/8;height:210px;padding:0}.axis-top{top:7px}.axis-bottom{bottom:30px}.rotation-hint{bottom:4px;font-size:8px;white-space:nowrap}#joystick{width:124px;height:124px}.orbit-arrow{right:-19px;font-size:22px}.drop-button{grid-column:2;grid-row:5;margin-top:65px;font-size:12px;padding:0 12px}.key-hint{grid-column:2;grid-row:6;margin:8px 0 0;line-height:1.8}.angle-row{margin-top:5px}.toy-shelf{padding:32px 0}.shelf-heading{display:block}.shelf-heading h2{font-size:20px}.shelf-note{display:block;margin-top:12px;font-size:9px}.toy-grid{grid-template-columns:1fr;gap:10px}.toy-card{padding:15px 18px;gap:18px}.toy-icon{width:54px;height:54px;font-size:17px}.toy-card h3{font-size:15px}.toy-card p{font-size:10px}.toy-id{font-size:8px}.toy-mark{display:block}footer{align-items:start;gap:15px;flex-direction:column;font-size:9px}footer>span:last-child{font-size:7px}.glass-label{font-size:6px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:650px){.play-layout{gap:14px;scroll-margin-top:12px}.machine{padding:9px 12px 0}.machine-top{margin-bottom:8px}.machine-marquee{padding:8px 14px;font-size:12px;line-height:1.3}.marquee-flower{font-size:32px}.machine-bottom{height:30px}.control-card{padding:14px 18px 0;column-gap:18px}.control-card h2,.panel-description{display:none}.panel-heading{margin-bottom:0}.status-row{margin-top:9px;padding:8px 11px}.joystick-area{grid-row:3/6;height:171px}.drop-button{grid-row:3;margin-top:44px;min-height:52px}.key-hint{grid-row:4;font-size:7px}.axis-top{top:3px}.axis-bottom{bottom:23px}.rotation-hint{bottom:2px;font-size:7px}#joystick{height:112px;width:112px}.angle-row{padding:8px 0;margin-top:4px}.angle-row strong{font-size:19px}.angle-dial{height:25px;width:25px;line-height:23px;font-size:16px}.instructions summary{min-height:44px}}.machine{background:linear-gradient(145deg,#455159,#263137 65%);border-color:#53616a;box-shadow:0 6px #182328,0 18px 35px #162b2520;padding:15px 15px 0}.machine-top{color:#b6c4c6;margin-bottom:13px;font-size:8px}.machine-number{color:#91a5ab}.live-light{background:#bce9ca;box-shadow:0 0 7px #acf1b37d}.machine-marquee{background:#1a252b;border-color:#4b5b63;border-bottom:0;color:#efe7d7;padding:18px 23px;font-size:15px;letter-spacing:2.7px}.machine-marquee b{font-size:10px;letter-spacing:3px;color:#baaaa0}.marquee-flower{color:#e68d5d}.viewport{aspect-ratio:1.04;background:#172328;border:1px solid #4c5c64;border-radius:0 0 7px 7px}.machine-bottom{color:#aab9ba;height:48px;font-size:7px;letter-spacing:1.5px}.glass-label{top:17px;bottom:auto;left:16px;color:#a6c0c6;font-size:7px;letter-spacing:1.4px;opacity:.8}.pause-button{background:#26383dbb;border-color:#64787e;color:#e4eeee}.pause-overlay{background:#1a292ce8;color:#e7e6da;z-index:2}.camera-toolbar{display:flex;gap:5px;position:absolute;bottom:14px;left:14px;z-index:1}.camera-toolbar button{border:1px solid #697b8066;background:#1c2d33ce;color:#a8bec2;font-size:10px;padding:0 12px;min-height:44px;border-radius:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.camera-toolbar button[aria-pressed=true]{color:#fff1da;border-color:#d2a06a88;background:#384144e8}.render-error{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;gap:10px;background:#18282df5;color:#f5eee2;z-index:5}.render-error[hidden]{display:none}.render-error strong{font-size:19px}.render-error p{font-size:12px;line-height:1.9;max-width:290px}.control-card{position:sticky;top:20px}.prototype{background:#e9e7de;color:#777967}.intro-stamp{font-size:10px}.control-card h2{font-size:24px}@media(max-width:850px)and (min-width:651px){.viewport{aspect-ratio:.83}.machine-marquee{font-size:12px;padding:15px}.machine-marquee b{font-size:8px;letter-spacing:1px}.glass-label{font-size:6px;letter-spacing:.5px}}@media(max-width:650px){.control-card{position:static}.machine{padding:9px 10px 0}.machine-top{margin-bottom:8px;font-size:7px}.machine-marquee{padding:8px 13px;font-size:11px;line-height:1.25}.machine-marquee b{font-size:7px;letter-spacing:1.8px}.machine-marquee .marquee-flower{font-size:29px}.viewport{aspect-ratio:1.04}.machine-bottom{height:28px;font-size:6px;letter-spacing:.7px}.glass-label{top:12px;left:10px;font-size:5px;letter-spacing:.7px}.camera-toolbar{left:9px;bottom:9px;gap:4px}.camera-toolbar button{font-size:9px;padding:0 9px;min-height:44px}.pause-button{top:7px;right:7px}.intro-stamp{font-size:8px}.machine-bottom .vent{font-size:15px}}#joystick{background:radial-gradient(circle,#abb7b4,#d2d8ce 64%,#e5e8df 66%);border-color:#aeb9b1;box-shadow:inset 0 2px 8px #283d3820,0 1px #fff}.joystick-ring{border-color:#82978a77}.crosshair{background:#8d9e9255}#stick{background:radial-gradient(circle at 35% 25%,#657174,#35444a 34%,#1b292f 70%);border-color:#28393f;box-shadow:0 6px #86958b,0 8px #485b51,0 11px 16px #253e3c35}#stick span{border-color:#ffffff0a;background:none}#stick:after{content:"";position:absolute;top:10px;left:14px;width:18px;height:9px;border-radius:50%;background:#ffffff1a;filter:blur(2px)}.drop-button{background:linear-gradient(#df794c,#ce5933);border-color:#bd542f;box-shadow:0 4px #98462b,inset 0 1px #ffffff29}.game-hud{position:absolute;top:40px;left:15px;display:flex;gap:9px;pointer-events:none;color:#b8c9cb;font-size:8px}.game-hud>span{background:#1a2b32d9;border:1px solid #5f747655;border-radius:5px;padding:7px 9px;display:flex;align-items:center;gap:9px}.game-hud strong{color:#fff0dc;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.game-hud small{font-size:9px;padding-left:3px;color:#9aafaf}.game-hud.is-urgent>span:first-child strong{color:#ffa384}.result-overlay{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(#17272ee6,#16262df5);padding:28px;text-align:center;color:#f9efdb}.result-overlay[hidden]{display:none}.result-badge{font-size:10px;letter-spacing:3px;color:#e9ac78}.result-symbol{display:grid;place-items:center;height:100px;width:100px;font-size:64px;color:#efae70;background:#e5b98112;border:1px solid #d7ab7133;border-radius:50%;margin:20px 0}.result-overlay h2{font-size:26px;letter-spacing:-1px;margin:0 0 12px}.result-overlay p{font-size:12px;line-height:1.9;color:#c3ccca;max-width:290px;margin:0 0 24px}.result-overlay .primary{background:#dc7448;min-height:48px;min-width:180px}.result-overlay.is-success .result-symbol{color:#b8e1b8;background:#a6d6ad14;border-color:#9bc59c55}.result-overlay.is-success .result-badge{color:#b7dfbe}.camera-toolbar{z-index:1}#joystick[aria-disabled=true]{opacity:.6;cursor:default}button:disabled{cursor:default}@media(max-width:650px){.game-hud{left:10px;top:29px;gap:4px;font-size:7px}.game-hud>span{padding:5px 6px;gap:5px}.game-hud strong{font-size:12px}.game-hud small{font-size:8px}.result-overlay{padding:18px}.result-overlay h2{font-size:20px}.result-symbol{height:66px;width:66px;font-size:42px;margin:13px 0}.result-overlay p{font-size:10px;margin-bottom:15px}.result-badge{font-size:8px}}.play-notice{position:absolute;z-index:4;bottom:85px;left:20px;right:20px;background:#f8f5ebf0;border:1px solid #d7d1bf;border-radius:12px;padding:12px 16px;pointer-events:none;box-shadow:0 6px 24px #0002}.play-notice strong,.play-notice span{display:block}.play-notice strong{color:#254e41;margin-bottom:4px}.play-notice span{font-size:12px;color:#56665d}.play-notice.is-success{border-color:#62a080}.secondary-action{width:100%;padding:13px;margin-top:10px;background:#e3ece4;color:#254e41;border:1px solid #abc1b2;border-radius:12px;font-weight:700;cursor:pointer}.secondary-action:disabled{opacity:.4;cursor:default}.dev-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px;align-items:center;font-size:12px}.dev-tools button{border:1px solid #d2cbbb;border-radius:6px;padding:8px;background:#faf7ee;cursor:pointer}.dev-tools label{display:flex;align-items:center;gap:4px}.camera-hint{font-size:11px;color:#68736b;line-height:1.7;margin-top:14px}.play-notice[hidden]{display:none}.app{padding-top:24px}.panel-description{margin-top:16px}@media(max-width:650px){.app{padding-top:12px}}.prize-outlet{position:absolute;right:12px;bottom:14px;z-index:2;background:#17282ee8;border:1px solid #b4c6bc;color:#f4efdf;border-radius:7px;min-height:44px;padding:0 14px;font:inherit;font-size:12px}.prize-outlet span{display:inline-grid;place-items:center;background:#d9e8cf;color:#253d31;border-radius:50%;min-width:22px;height:22px;margin-left:7px}.prize-drawer{position:absolute;right:12px;bottom:68px;z-index:5;width:min(255px,calc(100% - 24px));background:#faf7eeed;color:#30483a;border:1px solid #d5d7c8;border-radius:12px;padding:16px;box-shadow:0 8px 30px #0003}.prize-drawer[hidden],#prize-detail[hidden]{display:none}.drawer-heading,.prize-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px}.drawer-heading button,.prize-navigation button{border:1px solid #d4d9cc;background:#f5f3e9;color:#30483a;border-radius:7px;min-width:44px;min-height:44px;font-size:24px}.prize-navigation{margin:10px 0}.prize-navigation span{font-size:12px}.prize-drawer p{font-size:12px;line-height:1.6}.prize-drawer .primary{width:100%;min-height:44px;background:#304f3d}.prize-navigation button:disabled{opacity:.3}@media(max-width:650px){.prize-outlet{right:9px;bottom:9px;font-size:10px;padding:0 9px}.prize-drawer{bottom:61px;font-size:12px;padding:12px}}.prize-drawer{left:12px;right:auto;width:min(220px,calc(100% - 24px))}@media(max-width:650px){.prize-drawer{left:9px;width:180px}}.machine-bottom .game-hud{position:static;gap:5px;font-size:7px;letter-spacing:0}.machine-bottom .game-hud>span{padding:5px 7px;gap:5px}.machine-bottom .game-hud strong{font-size:13px}@media(max-width:650px){.machine-bottom .game-hud{gap:3px;font-size:6px}.machine-bottom .game-hud>span{padding:3px 4px;gap:3px}.machine-bottom .game-hud strong{font-size:10px}.machine-bottom .game-hud small{font-size:7px}.machine-bottom>span:first-child{font-size:5px;letter-spacing:.2px}}.toy-card{background:#faf8f1;min-width:0}.toy-card h3,.toy-card p{overflow-wrap:anywhere}.toy-icon{background:#eeeadd;color:#8e9387}.toy-card.is-locked{background:#eeede5;border:1px dashed #d4d6ca}.is-locked .toy-icon{font-family:inherit;font-size:28px;color:#9b9f92;background:#e0e2d7}.is-locked h3{letter-spacing:3px;color:#838b79}.is-discovered{border-color:#aebda2}.is-discovered .toy-mark{color:#52734e}.toy-mark{flex-shrink:0}@media(max-width:650px){.joystick-area{grid-row:2/5}.drop-button{grid-row:2}.key-hint{grid-row:3}.camera-hint{grid-column:1/-1}}.difficulty-control{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;margin-top:16px}.difficulty-control label{font-size:12px;font-weight:700}.difficulty-control select{min-height:44px;width:100%;border:1px solid #cbd1bf;background:#f5f4e9;color:#304f3d;border-radius:7px;padding:8px 12px;font:inherit;font-size:13px}.difficulty-control p{grid-column:1/-1;margin:0;color:#7b826e;font-size:10px;line-height:1.7}.difficulty-control select:disabled{opacity:.55}@media(max-width:650px){.difficulty-control{grid-column:1/-1;margin-top:10px}.joystick-area{grid-row:3/6}.drop-button{grid-row:3}.key-hint{grid-row:4}}