:root{--ink:#29444a;--muted:#7b8e90;--paper:#f8f7f1;--coral:#e48c6c;--coral-dark:#c87557;--line:#dce4df;--sage:#93b8a4;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overscroll-behavior:none}body{font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:#eef2ec;overflow:hidden;user-select:none;-webkit-user-select:none}button{font:inherit;cursor:pointer;border:0;color:inherit;touch-action:none}button:focus-visible{outline:3px solid #558eab;outline-offset:3px}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}button svg{width:22px;height:22px;flex:none}button:disabled{cursor:default}.workspace{width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;gap:84px;padding:20px;background:radial-gradient(ellipse at 24% 16%,#fffaf0 0,transparent 50%),radial-gradient(ellipse at 95% 100%,#e0e9e3 0,transparent 52%)}.intro{width:330px;flex:none;align-self:center;position:relative}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:750;color:#78938b;display:flex;align-items:center;gap:9px}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:#8fad98}.intro h1{font-size:46px;line-height:1.32;letter-spacing:-2px;font-weight:850;margin:23px 0 21px}.intro h1 span{color:#cf7b5e}.intro>p{color:#81908d;font-size:14px;line-height:1.95;margin:0;max-width:280px}.intro-flow{display:flex;gap:24px;margin-top:36px;padding:23px 0;border-top:1px solid #d7e1d8;border-bottom:1px solid #d7e1d8}.flow-item{display:flex;flex-direction:column;gap:9px}.flow-item i{font-style:normal;font-size:11px;color:#99aaa0;font-variant-numeric:tabular-nums}.flow-item strong{font-size:14px;font-weight:700}.flow-item small{font-size:10px;color:#8d9b94}.keyboard-note{margin-top:32px;font-size:11px;line-height:2.7;color:#879690}.key{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:22px;border-radius:5px;background:#ffffff88;border:1px solid #d4dfd4;box-shadow:0 2px 0 #d4ddd3;font-size:10px;color:#547064;margin-right:4px}.desktop-foot{margin-top:25px;font-size:9px;letter-spacing:.7px;color:#9daa9f}.game-shell{position:relative;display:flex;flex-direction:column;width:440px;height:min(920px,calc(100dvh - 40px));min-height:560px;flex:none;overflow:hidden;border-radius:30px;background:var(--paper);border:1px solid #fefefb;box-shadow:0 24px 70px #37554916,0 4px 14px #38523b0b}.topbar{height:64px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #e7ebe2;background:#f9faf5;z-index:2}.brand{display:flex;align-items:center;gap:10px}.brand-symbol{width:29px;height:30px;position:relative}.brand-symbol span{position:absolute;width:12px;height:12px;border-radius:3px;box-shadow:inset 0 -2px 0 #00000010}.brand-symbol span:nth-child(1){left:0;bottom:1px;background:#e39776}.brand-symbol span:nth-child(2){right:2px;bottom:1px;background:#92b7a3}.brand-symbol span:nth-child(3){right:2px;top:2px;background:#e6bd72;transform:rotate(9deg)}.brand-name{font-weight:800;font-size:15px;letter-spacing:1px}.brand-name small{display:block;margin-top:3px;font-size:8px;font-weight:600;letter-spacing:1.8px;color:#97a49a}.toolbar{display:flex;gap:5px}.icon-btn{width:33px;height:33px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;color:#81948e}.icon-btn:hover{background:#e9eee5}.icon-btn svg{width:18px;height:18px}.icon-btn[data-off="true"]{color:#b6beb3}.icon-btn[disabled]{opacity:.35;pointer-events:none}.hud{display:flex;align-items:center;justify-content:space-between;gap:10px;height:85px;padding:12px 23px 9px;flex:none;background:#f9faf5}.metric-label{font-size:10px;letter-spacing:.8px;color:#8c9a90;margin-bottom:3px;font-weight:600}.height-value{font-size:33px;font-weight:800;letter-spacing:-1.2px;line-height:1.05;font-variant-numeric:tabular-nums}.height-value small{font-size:12px;font-weight:500;color:#88988b;margin-left:4px;letter-spacing:0}.best{margin-top:5px;font-size:9px;color:#93a08f;font-variant-numeric:tabular-nums}.heart-group{display:flex;gap:5px;align-items:center;height:22px}.life-icon{width:17px;height:17px;color:#dc927a;transition:all .25s}.life-icon.lost{color:#d4dcd1;transform:scale(.84)}.life-icon svg{width:17px;height:17px;fill:currentColor;stroke:none}.life-sub{color:#97a093;font-size:9px;margin-top:6px}.next-card{display:flex;align-items:center;gap:8px;border:1px solid #e2e9dd;border-radius:12px;background:#f1f5ec;padding:5px 8px;min-width:84px;height:58px}.next-card label{font-size:9px;font-weight:650;line-height:1.5;color:#91a18d;writing-mode:vertical-rl;letter-spacing:2px}.next-card canvas{width:52px;height:45px}.progress-track{height:3px;background:#e5ebdf;flex:none;position:relative;z-index:2}.progress-fill{height:100%;width:0;background:#d6977d;transition:width .1s linear}.stage{position:relative;min-height:100px;flex:1;overflow:hidden;background:#edf5ee;touch-action:none}.stage>canvas{display:block;width:100%;height:100%}.stage-top{position:absolute;left:0;right:0;top:14px;display:flex;justify-content:center;pointer-events:none}.mode-label{border:1px solid #cfded24d;background:#ffffff61;border-radius:20px;padding:5px 10px;font-size:9px;font-weight:650;letter-spacing:1.1px;color:#8da297}.toast{position:absolute;top:47px;left:50%;transform:translate(-50%,-5px);background:#fffef7f0;border:1px solid #e1e7da;border-radius:12px;box-shadow:0 5px 16px #516c4f0b;max-width:calc(100% - 30px);width:max-content;padding:10px 15px;font-size:12px;line-height:1.5;text-align:center;opacity:0;transition:all .23s;pointer-events:none;z-index:3}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.success{color:#578d77;border-color:#c3dbc9}.toast.warning{color:#cb7b63;border-color:#ecd2c0}.tutorial-hint{position:absolute;bottom:12px;left:0;right:0;text-align:center;pointer-events:none;font-size:10px;color:#91a18d;letter-spacing:.3px;opacity:.85}.controls{background:#f8faf3;border-top:1px solid #e4ebdf;padding:14px 18px 11px;flex:none;z-index:2}.control-row{display:grid;grid-template-columns:1fr 1fr 1.15fr 1.15fr;gap:9px}.control{height:62px;background:#eef2e7;border:1px solid #e0e7d8;border-bottom:3px solid #d5decb;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:transform .08s,background .12s;touch-action:none}.control span{font-size:10px;font-weight:650;letter-spacing:.7px;color:#7b8f76}.control svg{width:23px;height:23px;stroke-width:2.05}.control.action-rotate{background:#e9f0e8;color:#6b947e;border-color:#d6e2d4;border-bottom-color:#c7d7c4}.control.action-drop{background:#ecad8e;color:#fffaf2;border-color:#df9c7c;border-bottom-color:#c98c6d}.control.action-drop span{color:#fff8ef}.control.pressed,.control:active{transform:translateY(2px);border-bottom-width:1px;filter:brightness(.98)}.control[disabled]{opacity:.45}.control-foot{margin-top:10px;font-size:9px;text-align:center;color:#9aa58f;letter-spacing:.4px}.overlay{position:absolute;inset:64px 0 0;z-index:10;display:flex;align-items:center;justify-content:center;background:#f8faf4f2;padding:24px;backdrop-filter:blur(4px)}.overlay.hidden{display:none}.overlay.home{background:linear-gradient(180deg,#f8faf5 0,#f1f5eb 72%,#edf2e6 100%);backdrop-filter:none}.panel{width:100%;max-width:345px;text-align:center;animation:appear .24s var(--ease)}@keyframes appear{from{transform:translateY(9px);opacity:0}to{transform:none;opacity:1}}.home-art{width:100%;height:190px;max-height:26vh;margin:0 auto 2px;display:block}.small-overline{font-size:9px;font-weight:700;letter-spacing:2.2px;color:#95a38d;text-transform:uppercase}.panel h2{font-size:30px;line-height:1.3;font-weight:850;letter-spacing:-.8px;margin:12px 0}.panel .subtitle{font-size:12px;line-height:1.8;color:#8a9988;margin:0 auto;max-width:280px}.mode-choices{margin:26px 0 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mode-choice{border:1px solid #dce5d5;border-radius:12px;padding:13px 2px 11px;background:#f8faf37f;font-size:11px;font-weight:700;transition:all .15s;color:#8c9e85}.mode-choice small{display:block;margin-top:6px;font-size:8px;letter-spacing:.1px;font-weight:500;color:#a0ad97}.mode-choice.selected{border-color:#99b89e;background:#e7efe1;color:#648665;box-shadow:0 2px 0 #d1e0c9}.mode-choice.selected small{color:#92a387}.primary{height:53px;width:100%;border-radius:16px;background:#e59b78;color:#fffdf5;border:1px solid #d28b69;border-bottom:4px solid #c98363;display:flex;align-items:center;justify-content:center;gap:14px;font-size:15px;font-weight:750;letter-spacing:1px;box-shadow:0 6px 14px #bd815220;touch-action:manipulation}.primary:hover{background:#eaa17d}.primary:active{transform:translateY(2px);border-bottom-width:2px}.primary svg{width:19px;height:19px}.secondary{height:46px;width:100%;margin-top:10px;border-radius:14px;background:#eaf0e3;border:1px solid #dce6d3;color:#7c9372;font-size:12px;font-weight:600;touch-action:manipulation}.text-btn{padding:14px 5px 0;background:transparent;color:#95a38a;font-size:10px;touch-action:manipulation}.home-best{font-size:10px;color:#9fac94;margin-top:19px;letter-spacing:.2px}.home-best b{color:#829377;font-weight:650}.home-rule{font-size:10px;color:#9dac94;margin-top:17px}.result-number{font-size:67px;line-height:1;font-weight:850;letter-spacing:-3px;margin:20px 0 4px;color:#567f68}.result-number small{font-size:20px;letter-spacing:0;margin-left:7px;color:#91a386;font-weight:500}.result-stats{display:flex;justify-content:center;gap:0;margin:24px 0 26px;padding:17px 0;border-top:1px solid #dde6d5;border-bottom:1px solid #dde6d5}.result-stats div{width:33.33%;border-right:1px solid #dde6d5}.result-stats div:last-child{border-right:0}.result-stats b{display:block;font-size:17px;font-weight:750}.result-stats span{display:block;margin-top:5px;font-size:9px;color:#9aa88e}.result-pill{display:inline-block;color:#b48a45;background:#f3e8c9;border:1px solid #eaddb6;border-radius:20px;font-size:10px;padding:5px 11px;margin-top:15px}.help-list{text-align:left;margin:24px 0;display:grid;gap:18px}.help-row{display:flex;gap:13px;align-items:flex-start}.help-num{flex:none;width:27px;height:27px;border-radius:9px;background:#e7eedf;color:#8da47b;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:750}.help-row strong{display:block;font-size:12px;margin-bottom:5px}.help-row p{font-size:10px;line-height:1.8;color:#94a18b;margin:0}.settings-line{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#8b9d82;margin:25px 0;padding:15px 0;border-top:1px solid #e0e7d7;border-bottom:1px solid #e0e7d7}.toggle{background:#e2e9d9;border-radius:20px;padding:7px 14px;font-size:10px;color:#7d9673}.danger-link{color:#b58c76}.error-panel{position:absolute;inset:64px 0 0;padding:30px;background:#f8faf2;display:none;z-index:99;align-items:center;text-align:center;justify-content:center;font-size:13px;line-height:2;white-space:pre-line}.error-panel.show{display:flex}.orientation-note{display:none}
@media(max-width:900px){.workspace{gap:35px}.intro{width:250px}.intro h1{font-size:38px}.intro-flow{gap:15px}.game-shell{width:410px}}
@media(max-width:720px){.intro{display:none}.workspace{padding:0;background:#f8faf5}.game-shell{width:100%;max-width:480px;height:100dvh;min-height:0;border-radius:0;border:0;box-shadow:none;padding-top:env(safe-area-inset-top)}.topbar{height:57px;padding:0 19px}.overlay,.error-panel{top:calc(57px + env(safe-area-inset-top))}.controls{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.hud{height:83px}.home-art{max-height:25vh}.control{height:63px}.overlay{padding:20px 25px}.mode-choices{margin-top:24px}.topbar .brand-name{font-size:14px}.brand-name small{font-size:7px}.control-foot{font-size:9px}}
@media(max-height:740px){.home-art{height:130px;max-height:20vh}.panel h2{font-size:26px;margin:8px 0}.mode-choices{margin:16px 0 15px}.mode-choice{padding:10px 0}.home-best{margin-top:14px}.home-rule{margin-top:12px}.hud{height:73px;padding-top:8px;padding-bottom:7px}.controls{padding-top:10px}.control{height:54px}.control-foot{margin-top:8px}.next-card{height:51px}.height-value{font-size:29px}.overlay{padding-top:12px;padding-bottom:12px}}
@media(max-height:500px) and (orientation:landscape){.workspace{padding:0}.intro{display:none}.game-shell{width:min(100vw,850px);height:100dvh;min-height:0;border-radius:0;display:grid;grid-template-columns:1fr 160px;grid-template-rows:52px 3px 1fr}.topbar{height:52px;grid-column:1;grid-row:1}.hud{grid-column:2;grid-row:1/4;height:auto;flex-direction:column;justify-content:flex-start;gap:20px;padding:20px 10px}.progress-track{grid-column:1;grid-row:2}.stage{grid-column:1;grid-row:3}.controls{position:absolute;right:4px;bottom:5px;width:152px;padding:7px;border:0}.control-row{grid-template-columns:1fr 1fr;gap:6px}.control{height:48px}.control-foot{display:none}.overlay{inset:0;padding:14px}.home-art{display:none}.home-rule{margin-top:10px}.panel h2{font-size:25px}.home-best{display:none}.mode-choices{margin:12px 0}.help-list{gap:9px;margin:14px 0}.result-stats{margin:15px 0;padding:10px}.result-number{font-size:45px;margin:10px 0}.panel .subtitle{font-size:11px}.result-pill{margin-top:5px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* v0.2 control revision: five independent, multi-touch-compatible buttons. */
.control-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.control span{font-size:10px;letter-spacing:0}.controls{padding-top:8px}
.control.action-slow{background:#e7eef1;color:#7294a2;border-color:#d2dfe5;border-bottom-color:#becfd5}.control.action-slow span{color:#688f9f}
.placement-status{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:32px;padding:0 2px 9px;margin-bottom:8px;font-size:11px;color:#79927e;font-weight:650;font-variant-numeric:tabular-nums}
.placement-status small{font-size:9px;color:#8e9e91;font-weight:500}.placement-track{position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:3px;overflow:hidden;background:#e5ebdf}.placement-track i{display:block;width:0;height:100%;background:#dc9f76;transition:width .06s linear}
.placement-status[data-phase="landing"]{color:#b87c57}.placement-status[data-phase="slow"]{color:#678e9d}.placement-status[data-phase="fast"]{color:#c08566}
@media(max-width:360px){.controls{padding-left:12px;padding-right:12px}.control-row{gap:5px}.control{border-radius:12px}.control span{font-size:9px}.control-foot{font-size:8px;letter-spacing:0}.help-list{gap:12px}}
@media(max-height:500px) and (orientation:landscape){.control-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.control{height:44px;border-radius:10px}.control svg{width:18px;height:18px}.control span{font-size:8px}.placement-status{font-size:9px;min-height:27px;margin-bottom:5px}.placement-status small{display:none}}

/* v0.3 — gesture-first mobile UI. The fallback drawer overlays, never resizes the playfield. */
[hidden]{display:none!important}
.controls{position:relative;padding:7px 16px max(8px,env(safe-area-inset-bottom));z-index:5}
.placement-status{min-height:28px;margin-bottom:2px;padding-bottom:6px}
.gesture-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px}
.gesture-toolbar>span{font-size:10px;color:#84998b;line-height:1.5}
#controlsToggle{flex:none;min-height:42px;padding:0 12px;border-radius:12px;background:#e9eee3;color:#5c7f6d;font-size:11px;font-weight:650;touch-action:manipulation}
.button-drawer{position:absolute;left:10px;right:10px;bottom:calc(100% + 5px);padding:12px 10px 10px;border:1px solid #d5e0cd;border-radius:20px;background:#f8faf4f7;box-shadow:0 -6px 24px #37554918;backdrop-filter:blur(8px)}
.button-drawer .control{height:60px}.button-drawer .control-foot{font-size:9px;margin-top:8px}
.tutorial-hint{left:14px;right:14px;font-size:10px;line-height:1.6;bottom:10px;color:#829787}
.lesson-panel{flex:none;padding:12px 18px 11px;background:#f9faf5;border-bottom:1px solid #e1e8db;min-height:135px;z-index:3}
.lesson-heading{display:flex;align-items:center;gap:11px;min-height:30px}.lesson-count{font-size:23px;font-weight:850;letter-spacing:-.8px;color:#527b65;font-variant-numeric:tabular-nums}.lesson-count span{font-size:11px;color:#98a792;font-weight:600;letter-spacing:0}
.lesson-heading strong{font-size:17px;letter-spacing:-.3px}.lesson-heading button{margin-left:auto;font-size:11px;color:#8a9e85;background:transparent;min-height:40px;padding:0 5px;touch-action:manipulation}
.lesson-dots{display:flex;gap:5px;margin:5px 0 9px}.lesson-dots i{height:3px;flex:1;border-radius:3px;background:#e2e9db}.lesson-dots i.done{background:#b4cdb5}.lesson-dots i.current{background:#dca484}
.lesson-text{font-size:12px;line-height:1.65;color:#69806f;margin:0 0 6px;min-height:20px}
.lesson-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px}.lesson-bottom>span{font-size:10px;line-height:1.5;color:#91a08a;max-width:63%}.lesson-action{flex:none;min-height:42px;border-radius:11px;background:#df9c7a;color:#fffdf5;padding:0 12px;font-size:11px;font-weight:750;touch-action:manipulation}.lesson-action b{font-size:14px;margin-left:4px}
.lesson-panel[data-phase="success"]{background:#edf5e9}.lesson-panel[data-phase="success"] .lesson-action{background:#7b9f85}.lesson-panel[data-phase="retry"] .lesson-text{color:#b88365}.lesson-panel[data-phase="landing"]{background:#fcf3e3}.learning .stage-top{top:10px}.learning .mode-label{font-size:8px;padding:4px 9px}.learning .toast{top:37px}
.learning .hud{height:65px;padding-top:5px;padding-bottom:5px}.learning .height-value{font-size:26px}.learning .metric-label{font-size:9px}.learning .next-card{height:48px}.learning .best{display:none}
.learn-entry{display:flex;text-align:left;align-items:center;justify-content:space-between;margin:16px 0 0;padding:12px 14px;border:1px solid #dce5d5;border-radius:14px;background:#eef4e7}.learn-entry b{display:block;font-size:12px;color:#66866a}.learn-entry span:not(.learn-seal){display:block;margin-top:5px;font-size:10px;color:#90a087}.learn-seal{font-size:24px;line-height:1;font-weight:850;color:#8fae8b}
.home .mode-choices{margin:14px 0 16px}.home .home-art{height:155px;max-height:20vh}.home .panel h2{font-size:29px}.home-links{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.home-links .text-btn{padding:7px 0;font-size:11px}.home-links>span{font-size:10px;color:#93a38c}
.graduation-badge{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:25px;background:#e4efdc;color:#7e9b70;font-size:38px;margin:0 auto 24px;box-shadow:0 5px 0 #d4e2c9}.graduate-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;color:#85a07a;font-size:12px}
.overlay{overflow-y:auto;overscroll-behavior:contain}.overlay .panel{margin:auto}.icon-btn{min-width:40px;min-height:40px}.toolbar{gap:0}
@media(max-width:360px){.lesson-panel{padding:8px 12px;min-height:135px}.lesson-heading strong{font-size:15px}.lesson-bottom{gap:5px}.lesson-action{padding:0 9px;font-size:10px}.gesture-toolbar>span{font-size:9px}.controls{padding-left:12px;padding-right:12px}.home .home-art{height:95px;max-height:16vh}.home .panel h2{font-size:25px}.learn-entry{margin-top:12px;padding:10px 12px}.home .mode-choices{margin:12px 0}.home-links{margin-top:6px}}
@media(max-height:720px){.home .home-art{height:90px;max-height:14vh}.home .panel h2{font-size:25px;margin:6px 0}.home .learn-entry{margin-top:10px;padding:9px 12px}.home .mode-choices{margin:10px 0}.home .home-rule{margin-top:9px}.home-links{margin-top:6px}.lesson-panel{padding-top:7px;padding-bottom:7px;min-height:124px}.lesson-heading{min-height:25px}.lesson-heading strong{font-size:15px}.lesson-text{font-size:11px;line-height:1.6}.lesson-dots{margin:2px 0 6px}.lesson-bottom>span{font-size:9px}.learning .hud{height:59px}.learning .tutorial-hint{font-size:9px}.button-drawer .control{height:52px}}
@media(max-height:500px) and (orientation:landscape){.game-shell{grid-template-columns:1fr 180px;grid-template-rows:52px 3px 1fr}.controls{position:absolute;right:4px;bottom:3px;width:172px;padding:6px}.gesture-toolbar{flex-direction:column;gap:4px;min-height:65px;justify-content:center}.gesture-toolbar>span{font-size:9px}.button-drawer{left:-110px;right:0;bottom:calc(100% + 3px)}.button-drawer .control-row{grid-template-columns:repeat(5,minmax(0,1fr))}.button-drawer .control{height:48px}.button-drawer .control-foot{display:block}.learning .hud{display:none}.lesson-panel{position:absolute;right:0;top:0;width:180px;bottom:105px;min-height:0;padding:10px;overflow-y:auto}.lesson-heading{flex-wrap:wrap;gap:4px}.lesson-heading strong{font-size:14px}.lesson-heading button{min-height:32px}.lesson-count{font-size:17px}.lesson-text{font-size:11px}.lesson-bottom{flex-direction:column;align-items:stretch;gap:6px}.lesson-bottom>span{max-width:100%}.lesson-action{min-height:40px}.home .home-art{display:none}.home .learn-entry{display:none}.home .home-links{display:none}.home .mode-choices{margin:8px 0}.home .primary{height:45px}.home .secondary{height:40px;margin-top:8px}.home .home-rule{margin-top:7px}.home .panel h2{font-size:23px}.help-list{gap:8px}.help-row p{font-size:9px}.help-row strong{font-size:11px}.help-num{width:23px;height:23px}.tutorial-hint{font-size:9px}.graduation-badge{width:42px;height:42px;margin-bottom:8px;font-size:24px}.graduate-grid{margin:10px 0;gap:7px}}