@charset "UTF-8";
:root{--bg:#f8f7f4;--ink:#292c2c;--muted:#7d807c;--orange:#d76235;--orange-bright:#ee794d;--line:#e7e5df;--purple:#7765b7;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}
button,a,select{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
button{color:inherit}
img{display:block;max-width:100%}
button:disabled,select:disabled{cursor:default;opacity:.4}
:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
::selection{background:#f7cfbd}
[hidden]{display:none!important}
h1,h2,h3,p{margin:0}
.shell{width:min(1200px,calc(100% - 112px));margin-inline:auto}
.icon-library{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.skip-link{position:fixed;z-index:100;top:10px;left:20px;padding:12px 20px;background:var(--ink);color:white;transform:translateY(-150%);border-radius:8px}
.skip-link:focus{transform:translateY(0)}
.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
.brand-mark{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;overflow:hidden;transition:transform .4s var(--ease)}
.brand:hover .brand-mark{transform:translateY(-2px)}
.brand-logo{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.35);mix-blend-mode:multiply}
.footer-logo{width:26px;height:26px;flex-shrink:0}
.brand-type{font-size:21px;font-weight:750;letter-spacing:2px}
.brand-type>span{display:block;margin-top:3px;font-size:9px;letter-spacing:2.6px;font-weight:500;color:var(--muted)}
.main-nav{display:flex;align-items:center;gap:6px;background:#eeede8;padding:5px;border:1px solid #e7e5df;border-radius:13px}
.main-nav a{display:flex;align-items:center;gap:7px;padding:10px 16px;font-size:13px;color:#737570;border-radius:9px;transition:background .25s,color .25s,box-shadow .25s;white-space:nowrap}
.main-nav .icon{width:17px;height:17px}
.main-nav a:hover{color:var(--ink);background:#f7f6f2}
.main-nav a[aria-current="page"]{background:white;color:#32362f;box-shadow:0 2px 5px #33333309;font-weight:600}
.header-status{display:flex;align-items:center;gap:8px;color:#787d73;font-size:11px;white-space:nowrap}
.status-dot{display:inline-block;width:6px;height:6px;background:#81a17a;border-radius:50%;flex-shrink:0}
.view{animation:page-enter .55s var(--ease) both}
#main:focus{outline:none}
.hero{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;min-height:600px;padding:56px 0 70px;gap:18px}
.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2px;line-height:1.6;font-weight:600;color:var(--orange)}
.eyebrow>span:empty{height:1px;width:24px;background:var(--orange)}
.hero h1{font-size:clamp(40px,4.35vw,61px);line-height:1.44;letter-spacing:-2px;font-weight:780;margin-top:26px}
.creative-word{color:var(--orange);position:relative;white-space:nowrap}
.creative-word>svg{position:absolute;bottom:-10px;left:0;width:100%;height:17px;fill:none;stroke:#e8b396;stroke-width:2.5;stroke-linecap:round}
.hero-description{margin-top:26px;color:var(--muted);font-size:13px;line-height:2.1;letter-spacing:.15px}
.hero-actions{display:flex;align-items:center;gap:27px;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:19px;border:0;border-radius:9px;padding:15px 23px;font-size:13px;font-weight:600;line-height:1.4;transition:transform .25s var(--ease),background .25s,box-shadow .25s}
.button:hover{transform:translateY(-3px)}
.primary{background:var(--orange-bright);color:#fff;box-shadow:0 4px 0 #d9613020}
.primary:hover{background:#dd653b;box-shadow:0 6px 18px #d961302a}
.text-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;transition:color .2s}
.text-link:hover{color:var(--orange)}
.text-link .icon{width:15px;height:15px}
.hero-footnote{display:flex;align-items:center;gap:12px;margin-top:38px;font-size:10px;letter-spacing:.3px;color:#8a8d84}
.little-icons{display:flex;padding-left:3px}
.little-icons>span{width:27px;height:27px;display:grid;place-items:center;border:2px solid var(--bg);border-radius:50%;font-size:17px;margin-left:-3px;background:#e7dccd;color:#9c774c}
.little-icons>span:nth-child(2){background:#e6e0f0;color:#817298}.little-icons>span:nth-child(3){background:#e2e8d9;color:#7c8d6e}
.hero-art{height:430px;position:relative;isolation:isolate;margin-top:6px}
.art-halo{position:absolute;z-index:-2;width:350px;height:350px;top:39px;left:91px;border-radius:50%;background:radial-gradient(circle at 30% 40%,#f0e9d8,#eee7dc77 70%,#eee7dc00)}
.orbit{position:absolute;z-index:-1;border:1px dashed #d8d3c6;border-radius:50%}
.orbit-one{width:440px;height:320px;left:26px;top:77px;transform:rotate(-22deg)}
.orbit-two{width:310px;height:421px;left:102px;top:0;transform:rotate(-30deg);border-color:#e4ded3}
.art-cross{position:absolute;z-index:5}.cross-one{left:21px;top:67px;font-size:38px;color:#c8b49b;animation:twinkle 7s ease-in-out infinite}.cross-two{right:28px;bottom:64px;color:var(--orange-bright);font-size:40px;transform:rotate(15deg)}
.art-dot{position:absolute;left:52px;bottom:62px;width:9px;height:9px;border-radius:50%;background:#bcbea4}
.art-notebook{position:absolute;left:54px;top:21px;width:204px;height:218px;border:1px solid #e6d6b7;background:#fff4d9;padding:32px 25px;transform:rotate(-13deg);box-shadow:0 8px 17px #66593909}
.notebook-binding{position:absolute;left:7px;top:12px;bottom:12px;width:5px;background:radial-gradient(ellipse,#b9a98e 36%,transparent 44%) 0 0/5px 18px}
.art-note-label{font:7px monospace;letter-spacing:2px;color:#a7936c}
.art-notebook p{font-size:19px;line-height:1.7;margin-top:15px;color:#796849;font-family:"KaiTi","STKaiti",serif}
.note-scribble{position:absolute;bottom:40px;left:25px;width:115px;height:6px;border-top:2px solid #d1b776;border-bottom:1px solid #d1b776;transform:rotate(-3deg)}
.note-star{position:absolute;right:15px;top:58px;font-size:38px;color:#c3a46d}
.mini-game{position:absolute;left:96px;top:137px;width:339px;border-radius:12px;border:1px solid #c9c2d6;background:#f7f3ff;box-shadow:8px 16px 30px #64567519;transform:rotate(-6deg);animation:float-game 7s ease-in-out infinite;overflow:hidden}
.mini-game-top{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#fbf9ff;border-bottom:1px solid #dcd5e7;color:#9183ac;font:7px monospace;letter-spacing:1px}
.mini-game-top .icon{width:12px;height:12px}
.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#d4cadf}.window-dots i:first-child{background:#e7baa7}
.mini-game-board{height:208px;background-color:#ede8f6;background-image:linear-gradient(#d5cce644 1px,transparent 1px),linear-gradient(90deg,#d5cce644 1px,transparent 1px);background-size:21px 21px;position:relative;padding:15px 17px}
.mini-score{font:8px monospace;color:#9687af;letter-spacing:1px}.mini-score b{color:#6a588a;margin-left:6px;font-size:13px}.mini-level{float:right;font:7px monospace;color:#9687af;letter-spacing:1px;margin-top:4px}
.snake-art{position:absolute;left:16px;top:26px;width:300px;height:163px}
.snake-path{stroke:#8571b3;stroke-width:22;fill:none;stroke-linejoin:round;stroke-linecap:round}.snake-shadow{stroke:#74639622;stroke-width:25;fill:none;stroke-linejoin:round;stroke-linecap:round;transform:translate(3px,5px)}
.mini-game-bottom{position:absolute;bottom:12px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;font:6px monospace;letter-spacing:1px;color:#9c8cb4}.mini-game-bottom span:last-child{font-size:13px;letter-spacing:4px}
.art-sticker{position:absolute;z-index:4;right:0;top:207px;padding:14px 39px 14px 18px;background:#ee8059;color:#fff5e8;transform:rotate(9deg);font:italic 15px/1.3 Georgia,serif;box-shadow:0 5px 10px #b1672520;border:1px solid #ed9879}.art-sticker b{font-size:20px;font-weight:400}.art-sticker svg{position:absolute;width:22px;height:22px;right:9px;top:25px;stroke-width:2.5}
.art-caption{position:absolute;bottom:7px;left:130px;font:italic 12px Georgia,serif;color:#aba596;transform:rotate(-3deg)}
.spaces{padding-top:40px;border-top:1px solid var(--line);scroll-margin-top:30px}
.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:29px;gap:25px}
.quiet{color:#96988e;font-size:9px;letter-spacing:2px}
.section-heading h2{font-size:27px;letter-spacing:-.6px;margin-top:10px;font-weight:650}.heading-dot{color:var(--orange);margin-left:5px}
.section-heading>p{font-size:11px;color:#8c8f86;margin-bottom:6px}
.space-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.space-card{display:block;padding:22px;border:1px solid;border-radius:15px;transition:transform .4s var(--ease),box-shadow .4s var(--ease);overflow:hidden;position:relative}
.space-card:hover{transform:translateY(-7px);box-shadow:0 16px 30px #38382c0a}
.game-card{background:#f0ecf6;border-color:#e3ddec}.note-card{background:#f5efe2;border-color:#e9e1d1}
.card-topline{display:flex;align-items:center;justify-content:space-between;color:#877d98}.note-card .card-topline{color:#a08a64}
.card-category{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.5px}.card-category .icon{width:17px;height:17px}.card-number{font:11px monospace;opacity:.75}
.card-visual{height:153px;position:relative;margin:8px 0 17px;transition:transform .6s var(--ease)}.space-card:hover .card-visual{transform:translateY(-4px)}
.card-info{display:flex;align-items:center;justify-content:space-between;gap:8px}
.card-info h3{font-size:20px;letter-spacing:-.5px;font-weight:650}.card-info p{font-size:11px;margin-top:10px;color:#8b8790;line-height:1.7}.note-card .card-info p{color:#938b7a}
.card-arrow{display:grid;place-items:center;border-radius:50%;width:34px;height:34px;flex-shrink:0;background:#ffffff96;transition:background .2s,transform .3s}.card-arrow .icon{width:16px;height:16px}.space-card:hover .card-arrow{transform:rotate(45deg);background:white}
.card-tags{display:flex;gap:7px;margin-top:22px}.card-tags span{border:1px solid #b4a9c32e;border-radius:5px;padding:4px 7px;font-size:9px;color:#928699}.note-card .card-tags span{color:#a08c6e;border-color:#bfb29440}
.game-visual{background-image:radial-gradient(#aa9ebb40 .8px,transparent .8px);background-size:15px 15px;background-position:center}
.pixel-snake{position:absolute;top:57px;left:calc(50% - 95px);width:135px;height:60px;transform:rotate(-8deg)}.pixel-snake i{position:absolute;width:27px;height:27px;border-radius:7px;background:#9080bb;box-shadow:inset 0 -3px 0 #6751931c}.pixel-snake i:nth-child(1){left:0;top:28px;opacity:.6}.pixel-snake i:nth-child(2){left:0;top:0;opacity:.7}.pixel-snake i:nth-child(3){left:28px;top:0;opacity:.8}.pixel-snake i:nth-child(4){left:56px;top:0;opacity:.9}.pixel-snake i:nth-child(5){left:56px;top:28px}.pixel-snake i:nth-child(6){left:84px;top:28px}.pixel-snake i:nth-child(7){left:112px;top:28px;background:#7963a8}.pixel-snake i:last-child:before,.pixel-snake i:last-child:after{content:"";position:absolute;right:6px;width:4px;height:4px;background:white;border-radius:50%;top:6px}.pixel-snake i:last-child:after{top:17px}
.pixel-food{position:absolute;width:17px;height:17px;background:#e89e74;border-radius:5px;right:24%;top:45px;transform:rotate(-8deg)}.play-label{position:absolute;top:24px;left:calc(50% - 45px);font:8px monospace;letter-spacing:2px;color:#9685b1;transform:rotate(-8deg)}.visual-star{position:absolute;right:13%;bottom:18px;font-size:22px;color:#c6b9d7}
.paper{position:absolute;width:157px;height:116px;border:1px solid #e4d7ba;background:#fcf9ed;left:calc(50% - 83px);top:25px}.paper-back{transform:rotate(-10deg);background:#ebe0c3}.paper-front{transform:rotate(4deg);padding:20px;box-shadow:2px 7px 10px #a78f6010}.paper-front>span:first-child{font-size:10px;color:#a28c66;letter-spacing:1px}.paper-front i{display:block;height:1px;background:#e5dbc7;margin-top:12px;width:88%}.paper-front i:nth-of-type(2){width:100%}.paper-front i:nth-of-type(3){width:65%}.paper-flower{position:absolute;right:10px;bottom:0;font-size:35px;color:#c6ac70}.pencil{position:absolute;width:8px;height:90px;background:linear-gradient(90deg,#ba9470 25%,#dab48b 25%,#dab48b 72%,#c7a17a 72%);right:19%;top:39px;transform:rotate(25deg);border-radius:2px}.pencil:after{content:"";position:absolute;bottom:-11px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:11px solid #716451}.note-float{position:absolute;left:3%;bottom:0;font:italic 10px Georgia,serif;color:#b2a58c;transform:rotate(-6deg)}
.home-signoff{min-height:157px;display:flex;align-items:center;gap:13px}.home-signoff>svg{width:21px;height:21px;fill:none;stroke:#c8b499;stroke-width:2.5;transform:rotate(15deg)}.home-signoff p{font-size:13px;color:#92938a}.home-signoff p span{color:#575e53}.signoff-caption{font-size:8px;letter-spacing:2px;color:#a8a99e;margin-left:auto}
.site-footer{display:flex;align-items:center;justify-content:space-between;min-height:89px;border-top:1px solid var(--line);gap:20px;font-size:10px;color:#999c91}
.footer-brand{display:flex;align-items:center;gap:8px;font-size:12px;color:#62675c;font-weight:600}.footer-brand>span{font-size:10px;font-weight:400;color:#a0a297;margin-left:8px}.site-footer>a:last-child:hover{color:var(--orange)}
.inner-view{padding-top:30px;padding-bottom:65px;min-height:calc(100vh - 201px)}
.back-link{font-size:11px;color:#93978c;display:inline-block;padding:6px 0}.back-link:hover{color:var(--orange)}
.page-heading{margin:36px 0 39px}.page-heading h1{font-size:40px;letter-spacing:-1.5px;font-weight:700;margin-top:13px;line-height:1.5}.page-heading p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:12px}.orange{color:var(--orange)}
.game-layout{display:grid;grid-template-columns:minmax(0,650px) minmax(240px,1fr);gap:36px;align-items:start;max-width:1050px;margin:auto}
.game-console{background:#fffdfb;border:1px solid #e4e0e9;border-radius:17px;padding:0 20px;overflow:hidden;box-shadow:0 10px 35px #423a4c04}
.game-toolbar{height:84px;display:flex;align-items:center;justify-content:space-between;gap:10px}.game-name{display:flex;align-items:center;gap:9px;font:600 14px monospace;color:var(--purple);letter-spacing:1px}.game-name>span{font:11px "Microsoft YaHei",sans-serif;color:#aaa2b4;letter-spacing:0;margin-left:2px}.game-name .icon{width:22px;height:22px}
.score-display{display:flex;gap:24px}.score-display>span{display:flex;flex-direction:column;align-items:center;font-size:9px;color:#a39bad;gap:5px}.score-display b{font:600 23px monospace;color:#77628f;font-variant-numeric:tabular-nums}
.game-stage{position:relative;background:#f0edf6;border-radius:9px;overflow:hidden;aspect-ratio:1;isolation:isolate}
#snake-canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px}
.game-overlay{position:absolute;inset:0;background:#f1edf4e8;backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;gap:15px}
.overlay-icon{display:grid;place-items:center;width:70px;height:70px;background:#e3daf0;border-radius:20px;transform:rotate(-8deg);margin-bottom:5px}.overlay-icon svg{width:40px;height:40px;fill:none;stroke:#8d78af;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.game-overlay .eyebrow{font-size:8px;letter-spacing:2px;color:#a492ba}.game-overlay h2{font-size:25px;font-weight:600;letter-spacing:-.5px}.game-overlay p{font-size:12px;color:#94889e;line-height:1.8}.game-overlay .button{margin-top:8px}
.game-bottom-bar{height:63px;display:flex;align-items:center;justify-content:space-between;color:#9b93a3;font-size:10px}.game-bottom-bar>span{display:flex;gap:7px;align-items:center}.game-bottom-bar>div{display:flex;gap:8px}
.icon-button{width:34px;height:34px;padding:0;display:inline-grid;place-items:center;border:1px solid #e8e3ec;border-radius:8px;background:transparent;transition:background .2s}.icon-button:hover:not(:disabled){background:#efebf3}.icon-button .icon{width:16px;height:16px}
.game-settings{border:1px solid var(--line);border-radius:13px;padding:26px;background:#f3f1eb}.game-settings>.eyebrow{font-size:8px;letter-spacing:1.4px}.game-settings h2{font-size:21px;margin:12px 0 26px;font-weight:600}.game-settings label{font-size:11px;color:#8a8d82;display:block;margin-bottom:10px}.game-settings select{appearance:auto;width:100%;height:44px;background:#fbfaf6;border:1px solid #dfded4;color:#68705f;border-radius:7px;padding:0 12px;font-size:12px}.setting-hint{font-size:10px;color:#9b9d90;line-height:1.7;margin-top:9px}.rule-divider{height:1px;background:#e4e2d8;margin:24px 0}.game-settings h3{font-size:13px;font-weight:600}.control-description{font-size:11px;color:#8c9083;line-height:2.5;margin-top:14px}kbd{font-family:inherit;font-size:10px;border:1px solid #dddcd0;border-bottom-width:2px;background:#fdfbf5;border-radius:4px;padding:2px 5px;white-space:nowrap}
.direction-pad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,40px);gap:6px;justify-content:center;margin:20px auto 0;width:max-content;touch-action:none;user-select:none}.direction-pad button{border:1px solid #dcdacc;border-radius:8px;background:#faf9f3;font-size:20px;color:#7e846e;box-shadow:0 2px 0 #dedbce;transition:background .15s,transform .15s}.direction-pad button:active{background:#e3e8d7;transform:translateY(2px);box-shadow:none}.direction-pad [data-direction="up"]{grid-area:1/2}.direction-pad [data-direction="left"]{grid-area:2/1}.direction-pad [data-direction="right"]{grid-area:2/3}.direction-pad [data-direction="down"]{grid-area:3/2}.direction-pad>span{grid-area:2/2;display:grid;place-items:center;color:#b4b6a5}
.game-tip{display:flex;gap:12px;margin-top:20px;padding:19px 24px;background:#f4ebdf;border:1px solid #ebe1d2;border-radius:10px}.game-tip>span{font-size:22px;color:#caa675}.game-tip p{font-size:11px;line-height:1.9;color:#9a886a}.game-tip p span{font-size:10px;color:#b0a08a}
.notes-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px;margin-top:48px}.notes-aside{padding:26px;background:#f1ebdf;border:1px solid #e8dfcf;border-radius:12px;align-self:start}.note-aside-icon{width:40px;height:40px;background:#e5d8bb;border-radius:11px;display:grid;place-items:center;color:#9c8357}.notes-aside h2{font-size:18px;font-weight:600;margin-top:19px}.notes-aside>p{font-size:11px;color:#a09177;margin-top:11px;letter-spacing:1px}.notes-count{font-size:10px;color:#af9f87;display:block;margin-top:22px;padding-top:17px;border-top:1px solid #e2d8c6}.aside-quote{font-size:11px;line-height:1.8;color:#aa987b;margin-top:45px}
.article-list{min-width:0}.notes-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:420px;border:1px dashed #dfddcf;border-radius:13px;text-align:center;padding:25px;background:radial-gradient(circle at center,#fffdf6,transparent 65%)}.empty-paper{width:90px;height:112px;padding:17px;background:#fffdf7;border:1px solid #e6dfcd;transform:rotate(-8deg);box-shadow:6px 7px 0 #f0eade;margin-bottom:32px}.empty-paper span{font-size:24px;color:#c6ad81}.empty-paper i{display:block;margin-top:12px;background:#e8dfcb;height:1px}.empty-paper i:last-child{width:70%}.notes-empty h2{font-size:20px;font-weight:500;color:#8a826f}.notes-empty p{font-size:12px;color:#a7a18f;margin-top:16px}.empty-caption{font-size:8px;color:#b6b19f;letter-spacing:2px;margin-top:36px}.article-card{background:#fffdfa;border:1px solid var(--line);border-radius:12px;padding:30px;margin-bottom:20px}.article-meta{display:flex;gap:14px;color:#a5957d;font-size:11px;margin-bottom:15px}.article-card h2{font-size:24px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}.article-content{font-size:14px;line-height:2;color:#75786e;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:20px}.noscript-message{text-align:center;padding:20px;background:#f5dfd0}
.mobile-game-controls{display:none}
@media(max-width:700px){.mobile-game-controls{display:flex;justify-content:center;padding:12px 0 20px;border-top:1px dashed #e7e0eb}.mobile-game-controls .direction-pad{margin:0;grid-area:auto}.game-console{scroll-margin-top:14px}}
@keyframes page-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes float-game{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-9px) rotate(-4deg)}}
@keyframes twinkle{0%,100%{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.55;transform:scale(.85) rotate(35deg)}}
@media(min-width:1500px){.hero{min-height:630px}.hero h1{font-size:64px}}
@media(max-width:1180px){.shell{width:calc(100% - 72px)}.header-status{display:none}.hero h1{font-size:50px}.hero-art{transform:scale(.88);transform-origin:center right;margin-left:-30px}.space-card{padding:19px}.card-info h3{font-size:17px}.card-info p{font-size:10px}.card-tags{gap:5px}.card-tags span{font-size:8px}.space-grid{gap:18px}.card-visual{margin-top:0}.game-layout{gap:24px}.game-settings{padding:22px}}
@media(max-width:950px){.shell{width:calc(100% - 48px)}.hero{min-height:520px;grid-template-columns:1.07fr 1fr;padding-top:33px;padding-bottom:46px;gap:0}.hero h1{font-size:42px}.hero-description{font-size:11px}.hero-art{transform:scale(.72);width:480px;transform-origin:center right;justify-self:end;margin-left:-125px;margin-right:-5px}.hero-copy{position:relative;z-index:3}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1.4px}.hero-actions{gap:20px}.hero-actions .button{padding:14px 18px;font-size:12px}.section-heading>p{font-size:10px}.space-card{padding:17px}.space-grid{gap:14px}.card-category{font-size:8px;letter-spacing:1px}.card-info h3{font-size:15px}.card-arrow{width:27px;height:27px}.card-info p{font-size:9px}.card-visual{transform:scale(.9);margin-left:-10px;margin-right:-10px}.space-card:hover .card-visual{transform:scale(.9) translateY(-4px)}.pencil{right:10%}.game-layout{grid-template-columns:minmax(0,1fr) 245px;gap:20px}.game-console{padding:0 14px}.game-name>span{display:none}.score-display{gap:17px}.game-toolbar{height:74px}.game-overlay h2{font-size:22px}.game-overlay{gap:12px}.game-overlay p{font-size:11px}.game-settings{padding:20px}.game-tip{padding:16px}.notes-layout{grid-template-columns:210px minmax(0,1fr);gap:24px}.site-footer>p{display:none}}
@media(max-width:700px){.shell{width:calc(100% - 40px)}.site-header{height:auto;padding:23px 0 17px;flex-wrap:wrap;gap:23px}.brand-mark{width:40px;height:40px}.brand-type{font-size:18px}.brand-type>span{font-size:8px}.header-status{display:flex;margin-left:auto;font-size:9px;order:1}.brand{order:0}.main-nav{order:2;width:100%;gap:3px;justify-content:space-between;padding:4px;border-radius:11px}.main-nav a{flex:1;justify-content:center;padding:10px 6px;font-size:11px;gap:5px}.main-nav .icon{width:15px;height:15px}.hero{grid-template-columns:1fr;min-height:0;gap:0;padding:48px 0 26px}.hero-copy{z-index:1}.hero h1{font-size:clamp(38px,8.7vw,54px);letter-spacing:-1.5px;margin-top:20px;line-height:1.4}.hero-description{font-size:12px;line-height:2;margin-top:25px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1.7px}.hero-actions{gap:27px;margin-top:25px}.hero-actions .button{font-size:12px;padding:14px 20px}.hero-footnote{font-size:10px;margin-top:28px}.hero-art{transform:scale(.79);width:460px;height:390px;justify-self:center;transform-origin:center center;margin:-10px -45px -23px}.art-caption{bottom:-10px}.art-halo{left:65px}.orbit-one{left:5px}.orbit-two{left:85px}.art-notebook{left:45px}.mini-game{left:60px}.art-sticker{right:-2px}.cross-one{left:7px}.cross-two{right:22px;bottom:21px}.art-dot{left:20px;bottom:25px}.spaces{padding-top:29px}.section-heading{display:block;margin-bottom:22px}.section-heading h2{font-size:26px;margin-top:9px}.section-heading>p{margin-top:13px;font-size:11px;line-height:1.8}.space-grid{grid-template-columns:1fr;gap:18px}.space-card{padding:23px}.card-category{font-size:9px;letter-spacing:1.5px}.card-number{font-size:12px}.card-visual{height:156px;transform:none;margin:8px 0 17px}.space-card:hover .card-visual{transform:translateY(-4px)}.card-info h3{font-size:21px}.card-info p{font-size:12px;margin-top:9px}.card-arrow{width:35px;height:35px}.card-tags{margin-top:19px;gap:7px}.card-tags span{font-size:9px;padding:5px 8px}.pencil{right:20%}.note-float{left:10%}.home-signoff{min-height:141px;flex-wrap:wrap;gap:10px;justify-content:center;align-content:center}.signoff-caption{margin:9px 0 0;width:100%;text-align:center;font-size:7px}.home-signoff p{font-size:12px}.home-signoff>svg{width:18px;height:18px}.site-footer{padding:24px 0;min-height:100px;flex-wrap:wrap;justify-content:center;gap:16px}.footer-brand{justify-content:center;width:100%}.site-footer>a:last-child{font-size:9px}.inner-view{padding-top:20px;padding-bottom:40px}.page-heading{margin:27px 0 28px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.page-heading h1{font-size:clamp(27px,7vw,37px);letter-spacing:-1px;margin-top:12px}.page-heading p{font-size:11px;line-height:1.9;margin-top:12px}.game-layout{grid-template-columns:1fr;gap:21px}.game-console{padding:0 12px;border-radius:13px}.game-toolbar{height:70px;padding:0 4px}.game-name{font-size:13px;gap:7px}.game-name>span{display:inline;font-size:10px}.score-display b{font-size:22px}.game-bottom-bar{height:54px;padding:0 3px}.game-overlay{gap:13px;padding:17px}.overlay-icon{width:51px;height:51px;border-radius:14px;margin-bottom:0}.overlay-icon svg{width:29px;height:29px}.game-overlay .eyebrow{font-size:7px;letter-spacing:1.4px}.game-overlay h2{font-size:21px}.game-overlay p{font-size:10px}.game-overlay .button{padding:12px 22px;font-size:12px;margin-top:4px}.game-sidebar{display:flex;flex-direction:column}.game-settings{display:grid;grid-template-columns:1fr 144px;column-gap:12px;padding:22px;align-items:start}.game-settings>.eyebrow{grid-column:1/-1}.game-settings h2{grid-column:1/-1;margin:10px 0 22px}.game-settings label,.game-settings select,.game-settings .setting-hint{grid-column:1/-1}.game-settings .rule-divider{grid-column:1/-1;margin:22px 0}.game-settings h3{grid-area:7/1;font-size:12px}.control-description{grid-column:1;font-size:10px;line-height:2.3}.control-description:first-of-type{grid-row:8}.control-description:last-of-type{grid-row:9;margin-top:9px}.direction-pad{grid-area:7/2/10/3;align-self:center;margin:0;gap:5px;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(3,42px)}.game-tip{margin-top:15px;padding:17px 20px}.notes-layout{grid-template-columns:1fr;gap:22px;margin-top:29px}.notes-aside{display:flex;flex-wrap:wrap;align-items:center;gap:9px 13px;padding:18px}.note-aside-icon{width:34px;height:34px}.notes-aside h2{font-size:16px;margin:0}.notes-aside>p{margin:0;font-size:10px}.notes-count{padding:0;margin:0 0 0 auto;border:0;font-size:9px}.aside-quote{display:none}.notes-empty{min-height:360px;padding:20px 12px}.notes-empty h2{font-size:17px}.notes-empty p{font-size:11px}.empty-caption{font-size:7px;letter-spacing:1.5px}.article-card{padding:23px}.article-card h2{font-size:21px}.article-content{font-size:13px}}
@media(max-width:370px){.shell{width:calc(100% - 30px)}.header-status{font-size:8px;gap:5px}.hero h1{font-size:36px}.hero-description{font-size:10.5px}.hero-art{transform:scale(.66);margin-top:-35px;margin-bottom:-45px}.hero-actions{gap:20px}.main-nav a{font-size:10px}.game-name>span{display:none}.game-overlay h2{font-size:18px}.game-overlay{gap:10px}.game-settings{padding:17px;grid-template-columns:1fr 128px;column-gap:8px}.direction-pad{grid-template-columns:repeat(3,39px);grid-template-rows:repeat(3,39px);gap:4px}.control-description{font-size:9px}kbd{font-size:9px;padding:2px 3px}.notes-aside>p{display:none}}
@media(max-width:950px){.hero{overflow-x:clip}}
@media(max-width:700px){.hero{grid-template-columns:minmax(0,1fr)}.game-settings h3,.game-settings .control-description{grid-column:1/-1}.game-settings .control-description{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.view{transform:none}.mini-game{transform:rotate(-6deg)}}