:root{--paper:#f7f7ef;--ink:#29362d;--muted:#7c8278;--line:#e0e3d8;--green:#d7f76c;--purple:#e8dcf7;--blue:#e1eaf4;--radius:20px;--font:"PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font-family:inherit;color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #8c68ca;outline-offset:4px}button:disabled{cursor:default}button:hover:not(:disabled){filter:brightness(.98)}[hidden]{display:none!important}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.page-container,.header-inner,.site-footer{max-width:1200px;margin:auto;padding-left:36px;padding-right:36px}.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{height:97px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:800;letter-spacing:.5px}.brand-mark{display:grid;place-items:center;background:var(--green);border:1.5px solid var(--ink);width:43px;height:43px;border-radius:13px;transform:rotate(-5deg)}.brand-mark .icon{width:27px;height:27px;stroke-width:1.8}.brand small{display:block;font:8px/1.9 ui-monospace,monospace;letter-spacing:1.5px;font-weight:600}.site-header nav{display:flex;gap:29px;align-items:center}.nav-link{display:flex;align-items:center;gap:7px;font-size:13px;padding:12px 0;color:#777c72;white-space:nowrap}.nav-link.active{color:var(--ink);font-weight:700;position:relative}.nav-link.active:after{content:"";width:5px;height:5px;background:var(--ink);position:absolute;bottom:0;left:50%;border-radius:50%}.nav-link .icon{width:16px;height:16px}.random-button{display:flex;align-items:center;gap:8px;background:var(--ink);color:var(--paper);border-radius:8px;padding:12px 16px;font-size:12px;white-space:nowrap}.random-button .icon{width:16px;height:16px}.hero{padding:62px 0 52px;display:grid;grid-template-columns:1fr 1fr;gap:25px;min-height:494px}.eyebrow{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:600;letter-spacing:2px;margin-bottom:22px}.status-dot{display:inline-block;width:7px;height:7px;background:#708f4d;border-radius:50%;box-shadow:0 0 0 3px #708f4d14}.hero h1{font-size:64px;line-height:1.25;letter-spacing:-2px;margin:0;font-weight:900}.underline-word{position:relative;display:inline-block;z-index:0}.underline-word:after{content:"";position:absolute;left:0;bottom:6px;z-index:-1;width:100%;height:14px;background:var(--green);transform:rotate(-3deg)}.hero p{color:#777d70;font-size:13px;line-height:1.95;margin:24px 0}.hero-button{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--green);border:1.5px solid var(--ink);border-radius:8px;padding:13px 19px;font-size:13px;font-weight:700;box-shadow:3px 3px 0 var(--ink);transition:transform .2s,box-shadow .2s}.hero-button:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}.hero-features{display:flex;gap:21px;font-size:10px;color:#82877d;margin-top:26px;align-items:center}.hero-features span{display:flex;align-items:center;gap:5px}.hero-features .icon{width:13px;height:13px}.hero-art{position:relative;display:grid;place-items:center;background-image:radial-gradient(#bbc3b8 1px,transparent 1px);background-size:22px 22px;isolation:isolate;min-height:358px;margin-left:15px;margin-top:2px;border-radius:28px;background-position:center;mask-image:linear-gradient(to right,transparent,#000 13%,#000 87%,transparent)}.hero-art:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:#ececde;z-index:-1}.handheld{width:249px;background:#b5bbcf;border:2px solid #485142;border-radius:22px 22px 51px 22px;padding:16px 17px 17px;transform:rotate(-11deg);box-shadow:7px 9px 0 #84909a,11px 13px 0 #333f3233;position:relative}.device-top{display:flex;align-items:center;gap:6px;font:7px ui-monospace,monospace;letter-spacing:1px;color:#3d493d;padding:0 3px 9px}.device-top i{width:5px;height:5px;border-radius:50%;background:#e38d75}.device-top span{flex:1}.device-light{width:16px;height:4px;border-radius:3px;background:#97a1b4}.device-screen{background:#4d5a4a;padding:11px 10px;border-radius:9px 9px 20px 9px;border:1px solid #2c3829;box-shadow:inset 2px 3px 0 #28322d3a}.device-screen svg{display:block;width:100%;border-radius:2px;box-shadow:inset 2px 2px 3px #0003}.device-controls{display:flex;align-items:center;justify-content:space-between;height:78px;padding:10px 0 0}.dpad{width:55px;height:55px;position:relative}.dpad i{position:absolute;background:#344330;border-radius:4px;box-shadow:1px 2px 0 #1a2518}.dpad i:first-child{width:19px;height:55px;left:18px}.dpad i:last-child{height:19px;width:55px;top:18px}.device-ab{display:flex;align-items:center;gap:10px;transform:rotate(-23deg)}.device-ab span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e38971;border:1px solid #8a5f4a;box-shadow:1px 3px 0 #945f4f;color:#6f4940;font:bold 8px monospace}.device-center{display:flex;gap:7px;margin-top:20px}.device-center span{width:19px;height:6px;border-radius:6px;background:#7f8996;transform:rotate(-20deg)}.device-bottom{font:6px monospace;letter-spacing:1px;padding-top:8px;color:#485548;display:flex;justify-content:space-between}.device-bottom span{font-size:11px;letter-spacing:2px}.floating-tile{position:absolute;width:78px;height:78px;border:1.5px solid var(--ink);border-radius:17px;padding:11px;box-shadow:3px 4px 0 #34432e20;z-index:2}.floating-tile svg{width:100%;height:100%}.float-mine{left:26px;top:51px;background:#f5dfa2;transform:rotate(-15deg);animation:bob 5s ease-in-out infinite}.float-plane{right:17px;top:164px;background:#dfcbf3;transform:rotate(15deg);animation:bob 6s ease-in-out infinite reverse}.art-caption{position:absolute;top:0;right:34px;font:9px/1.6 monospace;letter-spacing:1.2px;color:#929a8b;transform:rotate(4deg)}.art-star{position:absolute;color:#445c3d;font-size:32px}.star-one{top:10px;left:128px;font-size:21px}.star-two{bottom:70px;left:35px;transform:rotate(12deg)}.art-sticker{position:absolute;bottom:48px;right:53px;transform:rotate(9deg);background:var(--green);border:1.5px solid var(--ink);border-radius:50%;width:94px;height:94px;display:flex;justify-content:center;flex-direction:column;align-items:center;font-size:12px;letter-spacing:2px;z-index:4}.art-sticker strong{font:bold 24px monospace;letter-spacing:-1px;padding-top:2px}.art-sticker span{position:absolute;right:11px;top:24px;font-size:15px}.art-scribble{position:absolute;bottom:0;left:90px;transform:rotate(-4deg);font-size:11px;color:#929a8b;letter-spacing:1px}.games-section{padding-top:24px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.section-kicker{font:9px ui-monospace,monospace;letter-spacing:2px;color:#929788;margin-bottom:9px}.section-heading h2{margin:0;font-size:25px;letter-spacing:-.7px}.section-heading h2 span{font-size:11px;font-weight:400;letter-spacing:0;color:#95998e;margin-left:14px}.filters{display:flex;gap:6px}.filter{font-size:11px;padding:8px 13px;border:1px solid transparent;border-radius:7px;white-space:nowrap;color:#7b8274}.filter.active{background:var(--ink);color:var(--paper)}.filter:not(.active):hover{border-color:var(--line);background:#edeee5}.game-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:21px;align-items:start}.game-card{background:#fffefa;border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:transform .22s,box-shadow .22s}.game-card:hover{transform:translateY(-4px);box-shadow:0 9px 23px #29362d0b}.card-art{position:relative;display:block;width:100%;height:244px;text-align:left;overflow:hidden;padding:0}.mine-art{background:#dce7f3}.snake-art{background:#d8e6bd}.plane-art{background:#e8dff5}.art-label{position:absolute;top:20px;left:19px;font:9px monospace;letter-spacing:1px;color:#566472;z-index:2}.art-tag{position:absolute;top:16px;right:15px;border:1px solid #28352d25;color:#566472;border-radius:5px;font-size:9px;padding:4px 7px;z-index:2}.card-art>svg{width:83%;height:174px;display:block;position:absolute;top:40px;left:9%;transition:transform .3s}.card-art:hover>svg{transform:translateY(-4px) rotate(-2deg)}.art-bottom{position:absolute;bottom:17px;left:20px;color:#60716b;font-size:9px;letter-spacing:.8px}.snake-art .art-label,.snake-art .art-tag{color:#57744a}.plane-art .art-label,.plane-art .art-tag{color:#7c6b95}.card-content{padding:21px 20px 18px}.card-title-row{display:flex;justify-content:space-between;align-items:center}.card-title-row h3{margin:0;font-size:23px;letter-spacing:-.5px}.game-type{font-size:9px;color:#9a9c91}.card-content p{font-size:11px;color:#818878;line-height:1.9;margin:11px 0 20px}.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#92978a;border-bottom:1px solid #eceee4;padding-bottom:15px;margin-bottom:12px;gap:5px}.card-meta>span:first-child{display:flex;align-items:center;gap:4px;white-space:nowrap}.card-meta .icon{width:12px;height:12px}.card-record{color:#778272}.card-play{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 0 0;font-size:12px;font-weight:700}.card-play .icon{width:19px;height:19px}.break-note{margin:35px 0 40px;padding:22px 24px;background:#eeefe4;border:1px dashed #d4d9c6;border-radius:12px;display:flex;align-items:center;gap:18px}.note-symbol{font-size:40px;line-height:1;color:#899c65}.break-note h3{font-size:12px;font-weight:600;margin:0 0 8px}.break-note p{font-size:10px;color:#929888;margin:0}.note-label{margin-left:auto;font:9px monospace;letter-spacing:1.8px;color:#959e87;white-space:nowrap}.site-footer{border-top:1px solid var(--line);padding-top:22px;padding-bottom:27px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9a9f90;gap:15px}.site-footer>div>span:first-child{color:#626d59;font-weight:600}.footer-divider{padding:0 12px;color:#b3b9a8}.site-footer>span{font:8px monospace;letter-spacing:1px;display:flex;align-items:center;gap:16px}.footer-star{font-size:16px;color:#9cae7a}.game-view{padding-top:29px;padding-bottom:40px}.game-heading{display:flex;align-items:center;gap:22px}.back-button{display:flex;align-items:center;gap:7px;font-size:12px;border:1px solid var(--line);background:#fffef8;border-radius:8px;padding:10px 13px}.back-button .icon{width:16px;height:16px}.game-breadcrumb{font-size:10px;color:#9b9e92}.game-breadcrumb span{margin:0 10px}.game-breadcrumb strong{font-weight:500;color:#737e66}.sound-button{margin-left:auto;border:1px solid var(--line);background:#fffef8;border-radius:9px;padding:10px;display:grid;place-items:center}.game-title{display:flex;align-items:center;justify-content:space-between;padding:27px 0 22px}.game-title h1{font-size:36px;margin:0;letter-spacing:-1px}.game-title p{font-size:12px;color:#8a907f;margin:9px 0 0}.playing-badge{font-size:10px;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:20px;background:#eeefe4}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 274px;gap:24px;align-items:start}.play-panel{background:#fffefa;border:1px solid var(--line);border-radius:15px;overflow:hidden;min-width:0}.score-bar{display:flex;align-items:center;justify-content:space-evenly;padding:18px 12px;border-bottom:1px solid var(--line);gap:10px}.score-item{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;border-right:1px solid var(--line)}.score-item:last-child{border:0}.score-item>span{font-size:9px;color:#939a87;display:flex;gap:4px;align-items:center}.score-item .icon{width:12px;height:12px}.score-item strong{font:600 24px ui-monospace,monospace;font-variant-numeric:tabular-nums;line-height:1.1;white-space:nowrap}.score-item strong.lives{color:#e88470;font-size:20px;letter-spacing:5px}.stage{position:relative;min-height:430px;background:#eef1e5;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.stage.snake-stage{background:#dce8c9}.stage.plane-stage{background:#28343b;min-height:540px;padding:0}.stage canvas{display:block;max-width:100%;height:auto;touch-action:none}.stage.snake-stage canvas{width:min(100%,430px);aspect-ratio:1;box-shadow:0 0 0 1px #7b975838;border-radius:8px}.stage.plane-stage canvas{width:min(100%,400px);aspect-ratio:400/540;border-left:1px solid #fff1;border-right:1px solid #fff1}.mine-grid{display:grid;gap:3px;width:min(100%,430px);aspect-ratio:1;touch-action:manipulation;user-select:none;--size:9;grid-template-columns:repeat(var(--size),1fr);grid-template-rows:repeat(var(--size),1fr)}.mine-cell{padding:0;min-width:0;min-height:0;aspect-ratio:1;background:#c2d0b3;border-radius:4px;box-shadow:inset 2px 2px 0 #dce8cf,inset -2px -2px 0 #9eaf8e;color:#446646;font:bold clamp(10px,2vw,20px) ui-monospace,monospace;display:flex;align-items:center;justify-content:center}.mine-cell:hover{background:#cddbbe;filter:none!important}.mine-cell.open{background:#e3ead9;box-shadow:none;cursor:default}.mine-cell.flagged{color:#dd755b}.mine-cell .icon{width:53%;height:53%;stroke-width:2.2}.mine-cell.exploded{background:#ed9c83!important}.mine-cell.wrong-flag{background:#efd5c8}.mine-cell.mine{color:#384d32}.mine-cell[data-n="1"]{color:#4d7cac}.mine-cell[data-n="2"]{color:#478557}.mine-cell[data-n="3"]{color:#c96558}.mine-cell[data-n="4"]{color:#7a5ca1}.mine-cell[data-n="5"],.mine-cell[data-n="6"],.mine-cell[data-n="7"],.mine-cell[data-n="8"]{color:#936e43}.stage-overlay{position:absolute;inset:0;background:#eff3e7d9;backdrop-filter:blur(4px);display:grid;place-items:center;z-index:5;padding:20px}.plane-stage .stage-overlay{background:#25323bea;color:#f1f3e7}.overlay-card{text-align:center;max-width:300px;width:100%}.overlay-symbol{font-size:50px;color:#70904b;line-height:1.1;margin-bottom:16px}.plane-stage .overlay-symbol{color:var(--green)}.overlay-kicker{font:9px monospace;letter-spacing:2px;color:#929e82}.overlay-card h2{font-size:28px;letter-spacing:-1px;margin:10px 0}.overlay-card p{font-size:12px;line-height:1.9;color:#889578;margin:0 0 25px;white-space:pre-line}.plane-stage .overlay-card p{color:#a3b0b0}.overlay-card .primary-button{margin:auto;min-width:162px;justify-content:center}.primary-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 16px;background:var(--ink);color:#f7f7ef;border-radius:8px;font-size:12px;font-weight:600;min-height:44px}.primary-button .icon{width:17px;height:17px}.plane-stage .primary-button{background:var(--green);color:var(--ink)}.stage-footer{padding:13px 17px;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#8b9380;border-top:1px solid var(--line);line-height:1.6}.stage-footer-brand{font:8px/1.8 monospace;letter-spacing:1px;white-space:nowrap}.play-sidebar>div{border:1px solid var(--line);border-radius:13px;background:#fffefa;padding:20px;margin-bottom:17px}.play-sidebar h2{font-size:13px;margin:0 0 15px;display:flex;align-items:center;gap:6px}.play-sidebar h2 .icon{width:16px;height:16px}.difficulty-options{display:flex;gap:5px}.difficulty-options button{flex:1;padding:9px 0;border:1px solid var(--line);border-radius:7px;font-size:11px;color:#8c947f}.difficulty-options button.selected{background:#eaf1d6;border-color:#bfd598;color:#527043;font-weight:600}.difficulty-description{font-size:10px;color:#939a88;min-height:15px;margin:12px 0 18px}.wide{width:100%}.secondary-button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;border:1px solid var(--line);padding:11px 8px;border-radius:8px;margin-top:9px;min-height:42px;color:#7f8873}.secondary-button .icon{width:16px;height:16px}.flag-toggle{display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);padding:17px 0 0;margin-top:17px;width:100%;font-size:11px;color:#7f8873}.flag-toggle .icon{width:16px;height:16px}.toggle-track{margin-left:auto;background:#d9dece;width:31px;height:17px;border-radius:20px;position:relative;transition:background .2s}.toggle-track:after{content:"";position:absolute;width:11px;height:11px;background:#fffef8;border-radius:50%;top:3px;left:3px;transition:transform .2s}.flag-toggle[aria-pressed="true"] .toggle-track{background:#82a562}.flag-toggle[aria-pressed="true"] .toggle-track:after{transform:translateX(14px)}.instruction-row{display:flex;gap:9px;align-items:start;font-size:10px;color:#869078;line-height:1.8;margin-bottom:11px}.instruction-row .instruction-key{font-size:9px;color:#6d785f;padding:2px 6px;background:#f0f2e7;border:1px solid #e0e4d5;border-radius:4px;white-space:nowrap;min-width:50px;text-align:center}.keyboard-tip{display:flex;gap:9px;align-items:center;font-size:9px;color:#9a9f90;border-top:1px solid var(--line);padding-top:14px;margin-top:14px}kbd{font-family:inherit;background:#eeefe5;border:1px solid #dce0d1;border-bottom-width:2px;border-radius:4px;padding:3px 7px;font-size:9px;color:#7d886e}.personal-record{background:#f0f2e5!important;border-style:dashed!important}.personal-record>span{font-size:10px;color:#879374;display:flex;align-items:center;gap:7px}.personal-record .icon{width:15px;height:15px}.personal-record strong{display:block;font:600 27px ui-monospace,var(--font);margin:13px 0 8px;letter-spacing:-1px}.personal-record small{font-size:9px;color:#9ba48d}.sidebar-note{font-size:10px;color:#9ba38c;display:flex;justify-content:space-between;margin:0 4px}.sidebar-note span{font-size:16px}.touch-pad{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,44px);gap:6px;justify-content:center;padding:14px;border-top:1px solid var(--line)}.touch-pad button{display:grid;place-items:center;background:#edf0e2;border:1px solid #ccd6bd;border-radius:8px;font-size:21px;color:#607a45;touch-action:manipulation}.touch-pad button[data-dir="up"]{grid-column:2}.touch-pad button[data-dir="left"]{grid-row:2;grid-column:1}.touch-pad button[data-dir="down"]{grid-row:2;grid-column:2}.touch-pad button[data-dir="right"]{grid-row:2;grid-column:3}.info-dialog{width:min(540px,calc(100vw - 28px));border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:29px;border-radius:20px;max-height:88dvh;overflow:auto;box-shadow:0 30px 80px #26332b33}.info-dialog::backdrop{background:#26332b70;backdrop-filter:blur(4px)}.dialog-header{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:24px}.dialog-header h2{font-size:25px;margin:0;letter-spacing:-.5px}.icon-button{padding:8px;display:grid;place-items:center;background:#eaeddf;border-radius:50%}.record-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.record-summary>div{padding:18px;background:#ecefdf;border-radius:12px}.record-summary span{display:block;font-size:10px;color:#929c82;margin-bottom:8px}.record-summary strong{font:600 27px monospace}.record-summary small{font-size:10px;margin-left:5px;color:#939c85}.record-list>div{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.record-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;font:600 17px monospace;flex-shrink:0}.blue{background:#dde7f3;color:#6284af}.green{background:#d9e7c4;color:#64834c}.purple{background:#e7dbf5;color:#8b6ba9}.record-info{flex:1}.record-info h3{font-size:13px;margin:0 0 5px}.record-info p{font-size:10px;color:#939c85;margin:0;line-height:1.8}.record-score{font:600 20px monospace}.record-score small{font:9px var(--font);margin-left:3px;color:#8b967a}.dialog-footnote{font-size:10px;color:#97a08b;line-height:1.9;margin:22px 0 0}.help-list>div{position:relative;padding-left:48px;margin-bottom:24px}.help-number{position:absolute;left:0;top:0;padding:7px 8px;border-radius:8px;font:600 13px monospace}.help-list h3{font-size:14px;margin:0 0 8px}.help-list p{font-size:11px;color:#879177;line-height:1.9;margin:0}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);padding:12px 20px;border-radius:10px;background:var(--ink);color:var(--paper);font-size:12px;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100vw - 32px);white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media(min-width:1500px){.page-container,.header-inner,.site-footer{max-width:1280px}.hero{padding-top:74px;padding-bottom:64px}.hero h1{font-size:70px}.card-art{height:260px}.card-art>svg{height:190px}.hero-art{margin-right:22px}}
@media(max-width:1000px){.page-container,.header-inner,.site-footer{padding-left:26px;padding-right:26px}.site-header nav{gap:18px}.hero h1{font-size:57px}.hero{gap:0;padding-top:45px;padding-bottom:44px}.hero-art{margin-left:0}.float-mine{left:2px;top:44px}.float-plane{right:0}.art-caption{right:15px}.art-sticker{right:22px;bottom:43px}.handheld{width:224px}.art-scribble{left:45px}.hero-features{gap:13px;font-size:9px}.section-heading h2 span{display:block;margin:8px 0 0}.game-cards{gap:15px}.card-art{height:218px}.card-art>svg{height:156px;top:38px;width:92%;left:4%}.card-content{padding:18px 16px}.game-type{font-size:8px}.art-label{font-size:8px;left:14px}.card-title-row h3{font-size:21px}.card-content p{font-size:10px}.play-layout{grid-template-columns:minmax(0,1fr) 245px;gap:18px}.stage{padding:18px;min-height:360px}.stage.plane-stage{min-height:540px}.note-label{font-size:8px}.brand{font-size:18px}.random-button{padding:11px 13px}}
@media(max-width:760px){.page-container,.header-inner,.site-footer{padding-left:20px;padding-right:20px}.header-inner{height:78px;gap:12px}.brand{font-size:17px;gap:8px;letter-spacing:0}.brand-mark{width:36px;height:36px;border-radius:11px}.brand small{font-size:6px;letter-spacing:.6px}.site-header nav{gap:8px;margin-left:auto}.nav-link{padding:9px}.nav-link .icon{width:19px;height:19px}.nav-link span{display:none}.nav-link:first-child{display:none}.nav-link.active:after{display:none}.random-button{padding:9px;border-radius:9px}.random-button>span{display:none}.random-button .icon{width:19px;height:19px}.hero{padding-top:36px;min-height:400px;grid-template-columns:1.05fr .95fr}.hero h1{font-size:45px;letter-spacing:-1px}.eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:17px}.hero p{font-size:11px;margin:18px 0;line-height:1.9}.hero-button{font-size:11px;padding:12px 13px;gap:15px}.hero-button .icon{width:17px;height:17px}.hero-features{flex-wrap:wrap;gap:10px;font-size:8px;margin-top:21px}.hero-features span:last-child{display:none}.hero-art{min-height:290px;background-size:18px 18px;margin-top:0}.hero-art:before{width:220px;height:220px}.handheld{width:174px;padding:10px 12px;border-radius:15px 15px 34px 15px;box-shadow:5px 6px 0 #84909a,8px 9px 0 #333f3233;transform:rotate(-12deg)}.device-top{font-size:5px;padding-bottom:7px}.device-top i{width:3px;height:3px}.device-screen{padding:7px;border-radius:6px 6px 14px 6px}.device-controls{height:60px;padding-top:8px}.dpad{width:40px;height:40px}.dpad i:first-child{height:40px;width:14px;left:13px}.dpad i:last-child{height:14px;width:40px;top:13px}.device-ab{gap:7px}.device-ab span{width:21px;height:21px;font-size:6px}.device-center{gap:5px}.device-center span{width:13px;height:4px}.device-bottom{font-size:4px;letter-spacing:.5px}.floating-tile{width:54px;height:54px;padding:7px;border-radius:12px}.float-mine{top:30px;left:4px}.float-plane{right:0;top:140px}.art-caption{font-size:6px;right:3px;top:6px}.star-one{left:83px;top:0;font-size:18px}.star-two{left:0;bottom:45px;font-size:24px}.art-sticker{width:66px;height:66px;font-size:9px;right:0;bottom:45px}.art-sticker strong{font-size:18px}.art-sticker span{font-size:12px;right:5px;top:17px}.art-scribble{font-size:8px;left:24px;bottom:12px}.section-heading{align-items:flex-start;margin-bottom:20px}.section-heading h2{font-size:21px}.filters{gap:2px}.filter{padding:8px 9px;font-size:10px}.game-cards{gap:12px}.card-art{height:190px}.card-art>svg{height:126px;top:44px;width:104%;left:-2%}.art-tag{display:none}.art-label{font-size:7px;letter-spacing:.2px;top:16px;left:12px}.art-bottom{font-size:8px;left:12px;bottom:12px;letter-spacing:0}.card-content{padding:15px 12px}.card-title-row h3{font-size:19px}.game-type{display:none}.card-content p{font-size:9px;margin-bottom:14px}.card-meta{flex-direction:column;gap:7px;align-items:flex-start;font-size:8px;padding-bottom:12px}.card-play{font-size:10px;padding-top:6px}.break-note{padding:19px 17px;margin-top:27px}.note-label{display:none}.break-note h3{font-size:11px}.break-note p{font-size:9px}.note-symbol{font-size:32px}.site-footer{font-size:9px;align-items:flex-start}.site-footer>span{font-size:7px;letter-spacing:.5px}.game-view{padding-top:22px}.play-layout{grid-template-columns:minmax(0,1fr) 215px;gap:14px}.play-sidebar>div{padding:17px}.game-title h1{font-size:31px}.game-title p{font-size:11px}.stage{min-height:295px;padding:14px}.mine-grid{gap:2px}.mine-cell{border-radius:3px;font-size:15px}.stage-overlay{padding:16px}.overlay-card h2{font-size:24px}.overlay-symbol{font-size:40px}.overlay-card p{font-size:11px}.stage-footer-brand{display:none}.score-item strong{font-size:21px}.score-item>span{font-size:8px}.score-bar{padding:15px 9px}.stage.plane-stage{min-height:0}.play-sidebar h2{font-size:12px}.instruction-row{font-size:9px;gap:6px}.difficulty-options button{font-size:10px}.touch-pad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,42px)}}
@media(max-width:540px){.page-container,.header-inner,.site-footer{padding-left:18px;padding-right:18px}.hero{grid-template-columns:1fr;position:relative;padding-top:31px;padding-bottom:31px;min-height:330px}.hero-content{position:relative;z-index:2;pointer-events:none}.hero-content button{pointer-events:auto}.hero h1{font-size:45px}.hero p{font-size:10px;max-width:220px;margin:19px 0}.hero-art{position:absolute;right:-8px;top:48px;width:45%;height:235px;min-height:0;opacity:.98;mask-image:none;background-image:none;z-index:0}.handheld{width:146px;transform:rotate(13deg);padding:8px 10px;box-shadow:4px 5px 0 #84909a,6px 8px 0 #333f3233}.hero-art:before{width:170px;height:170px}.hero-features{gap:15px;font-size:9px;position:relative}.hero-button{font-size:11px;gap:17px;padding:11px 15px}.floating-tile{width:43px;height:43px;border-radius:10px}.float-mine{left:0;top:0;transform:rotate(-9deg)}.float-plane{right:0;top:130px;transform:rotate(5deg)}.art-sticker{width:56px;height:56px;right:15px;bottom:4px;transform:rotate(-8deg);font-size:8px}.art-sticker strong{font-size:15px}.art-sticker span{font-size:9px;right:5px;top:12px}.art-caption,.art-scribble,.star-one{display:none}.star-two{left:-4px;bottom:34px;font-size:20px}.hero p br{display:none}.device-controls{height:51px}.device-bottom{font-size:3.4px}.dpad{width:31px;height:31px}.dpad i:first-child{width:11px;height:31px;left:10px}.dpad i:last-child{width:31px;height:11px;top:10px}.device-ab span{width:18px;height:18px;font-size:5px}.device-center span{width:11px}.section-heading{flex-direction:column;gap:16px}.section-heading h2{font-size:24px}.section-heading h2 span{display:inline-block;margin-left:10px;font-size:9px}.section-kicker{font-size:8px;margin-bottom:8px}.filters{gap:6px;width:100%}.filter{font-size:11px;padding:8px 15px}.game-cards{grid-template-columns:1fr;gap:16px}.game-card{display:grid;grid-template-columns:43% 57%;border-radius:13px}.card-art{height:100%;min-height:210px}.card-art>svg{height:150px;top:44px;width:128%;left:-14%}.art-label{top:16px;left:13px;font-size:7px;max-width:100%;white-space:nowrap}.art-bottom{font-size:7px;bottom:14px;left:12px}.card-content{padding:19px 17px 15px}.card-title-row h3{font-size:22px}.game-type{display:none}.card-content p{font-size:10px;line-height:1.85;margin:12px 0 17px}.card-content p br{display:none}.card-meta{font-size:8px;flex-direction:row;align-items:center;flex-wrap:wrap;row-gap:5px;padding-bottom:12px;margin-bottom:9px}.card-play{font-size:11px}.break-note{gap:13px;margin-bottom:26px}.break-note h3{font-size:10px;line-height:1.7;margin-bottom:5px}.break-note p{font-size:9px;line-height:1.8}.site-footer{flex-direction:column;gap:12px;padding-top:19px;padding-bottom:23px}.site-footer>span{font-size:7px;gap:9px}.play-layout{grid-template-columns:1fr;gap:16px}.game-view{padding-top:18px;padding-bottom:28px}.game-title{padding:25px 0 20px}.game-title h1{font-size:31px}.game-title p{font-size:11px;line-height:1.8;max-width:235px}.playing-badge{font-size:9px;padding:7px 9px;white-space:nowrap;gap:6px}.game-breadcrumb{font-size:9px}.game-heading{gap:14px}.back-button{font-size:11px;padding:9px 10px}.game-heading .sound-button{padding:9px}.stage{min-height:320px;padding:17px}.mine-cell{font-size:17px}.mine-grid[style*="16"] .mine-cell{font-size:11px}.score-item strong{font-size:24px}.score-bar{padding:16px 9px}.play-sidebar{display:grid;grid-template-columns:1fr;gap:14px}.play-sidebar>div{margin:0;padding:20px}.settings-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;align-items:start}.settings-panel h2{grid-column:1/-1}.difficulty-options{grid-column:1/-1}.difficulty-description{grid-column:1/-1;min-height:0;margin:11px 0 15px}.secondary-button{margin:0;min-height:44px}.flag-toggle{grid-column:1/-1}.instructions-panel .instruction-row{font-size:11px}.keyboard-tip{font-size:10px}.personal-record strong{font-size:25px}.personal-record{display:grid;grid-template-columns:1fr 1fr;align-items:center}.personal-record strong{grid-column:2;grid-row:1/3;text-align:right;margin:0}.personal-record small{margin-top:8px}.sidebar-note{display:none}.stage.plane-stage{min-height:0}.stage.plane-stage canvas{max-height:64dvh;width:auto;max-width:100%}.info-dialog{padding:24px 20px}.dialog-header h2{font-size:23px}.help-list p{font-size:11px}.touch-pad{grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,44px)}.toast{font-size:11px;padding:11px 15px;white-space:normal;text-align:center;width:max-content}}
@media(max-width:360px){.hero h1{font-size:39px}.hero p{max-width:195px}.hero-art{right:-11px;width:44%}.handheld{width:127px}.float-plane{right:0}.art-sticker{right:5px}.section-heading h2 span{display:block;margin:8px 0 0}.card-content{padding:17px 13px}.card-content p{font-size:9px}.game-card{grid-template-columns:41% 59%}.art-label{font-size:6px;left:9px}.art-bottom{font-size:6px;left:9px}.brand{font-size:15px}.brand small{font-size:5px}.site-header nav{gap:0}.header-inner{gap:7px}.stage{padding:11px}}
.overlay-secondary{margin-top:13px;padding:7px 12px;font-size:11px;color:#869376;text-decoration:underline;text-underline-offset:4px}.card-content p{font-size:12px}.card-meta{font-size:10px}.art-bottom{font-size:10px}.difficulty-options button{min-height:40px}.filters button{min-height:35px}
@media(max-width:760px){.card-content p{font-size:10px}.card-meta{font-size:9px}.art-bottom{font-size:8px}}
@media(max-width:540px){.card-content p{font-size:11px}.card-meta{font-size:8px}.art-bottom{font-size:7px}.difficulty-options button{min-height:44px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.friends-line{margin:16px 0 0;color:#7c8278;font-size:12px;line-height:1.8;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.friends-line::-webkit-scrollbar{display:none}.merge-art{background:#f3dfc0}.tetris-art{background:#d9e8ed}.memory-art{background:#f2d9d1}.card-title-row h3{white-space:nowrap}.tetris-card .card-title-row h3{font-size:23px}.peach{background:#f3dfc0}.rose{background:#f2d9d1}.footer-credit{white-space:pre-wrap}.memory-grid{display:grid;grid-template-columns:repeat(var(--columns),1fr);gap:12px;max-width:490px;width:100%;margin:auto}.memory-cell{aspect-ratio:.85;border-radius:12px;border:2px solid #dbc9b8;background:#e8d4bf;color:#8a7760;display:grid;place-items:center;font-size:clamp(22px,4vw,35px);font-weight:700;min-width:0;box-shadow:0 3px 0 #c8b49f;transition:background .18s,transform .18s}.memory-cell.open{background:#fffdf5;transform:translateY(-2px)}.memory-cell.matched{background:#e3efc8;border-color:#c7d9a2;box-shadow:none}.memory-stage{background:#faf7ef;min-height:490px}.merge-stage{background:#f4ecdf}.tetris-stage{background:#e5eeed}.hard-drop{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 17px;background:#e5eddb;border:1px solid #d6dfca;border-radius:9px;padding:11px 24px;min-height:44px;font-size:12px;font-weight:700}.hard-drop kbd{font-size:10px;background:#f8faf2;padding:3px 6px;border-radius:4px}.lunch-section{margin-top:52px}.lunch-badge{font-size:11px;color:#879177;padding:10px 15px;border:1px dashed #c9d3b9;border-radius:30px}.lunch-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;background:#fcfcf6;border:1px solid var(--line);border-radius:20px;padding:32px}.wheel-wrap{position:relative;width:100%;max-width:440px;aspect-ratio:1;margin:auto;isolation:isolate}.wheel-wrap:before{content:"";position:absolute;inset:-4px;border:1px solid #d9dfcc;border-radius:50%;pointer-events:none}.wheel-wrap canvas{display:block;width:100%;height:100%;transition:transform 4.2s cubic-bezier(.12,.72,.13,1);border-radius:50%}.wheel-pointer{position:absolute;left:50%;top:-5px;transform:translateX(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:27px solid var(--ink);z-index:2;filter:drop-shadow(0 3px 0 #f7f7ef)}.wheel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;background:var(--ink);color:var(--green);font-size:17px;font-weight:700;border:6px solid #fafaf3;box-shadow:0 3px 10px #29362d22;z-index:2}.wheel-center:disabled{font-size:13px}.lunch-copy{padding:10px 12px}.lunch-copy h3{font-size:31px;line-height:1.45;margin:14px 0 17px;letter-spacing:-.7px}.lunch-copy>p{font-size:12px;line-height:2;color:#7b8570;margin-bottom:25px}.lunch-result-box{background:#f0f4e6;border:1px solid #e3e9d7;border-radius:12px;padding:18px 20px;margin-bottom:18px;min-height:119px}.lunch-result-box>span{display:block;font-size:10px;letter-spacing:1px;color:#8c977b}.lunch-result-box>strong{display:block;font-size:23px;line-height:1.6;margin:5px 0;color:#354631}.lunch-result-box>small{display:block;font-size:10px;color:#8a937c;line-height:1.8}.lunch-spin{gap:12px;min-height:46px}.lunch-spin:disabled{opacity:.6}.lunch-footnote{display:block;margin:12px 0 0;font-size:10px;color:#97a08b}.lunch-menu{margin-top:13px;border:1px solid var(--line);border-radius:12px;background:#fcfcf6}.lunch-menu summary{cursor:pointer;padding:15px 20px;list-style:none;font-size:11px;color:#7f8973;display:flex;justify-content:space-between;gap:10px}.lunch-menu summary::-webkit-details-marker{display:none}.lunch-menu summary>span{font-size:16px;line-height:1}.lunch-menu[open] summary>span{transform:rotate(45deg)}.lunch-options{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 20px}.lunch-options span{padding:7px 10px;border-radius:6px;background:#f0f2e9;font-size:11px;color:#7c856f}
@media(max-width:1000px){.tetris-card .card-title-row h3{font-size:19px}.lunch-panel{gap:18px;padding:24px}.lunch-copy{padding:8px}.lunch-copy h3{font-size:27px}.lunch-copy>p br{display:none}.wheel-center{width:74px;height:74px;font-size:15px}.lunch-result-box>strong{font-size:21px}}
@media(max-width:760px){.friends-line{font-size:10px;margin-top:12px}.lunch-panel{padding:24px 20px;gap:16px}.lunch-copy h3{font-size:25px}.lunch-copy>p{font-size:11px}.lunch-badge{font-size:9px}.wheel-center{width:65px;height:65px;font-size:14px}.lunch-result-box{padding:14px;min-height:116px}.lunch-result-box>strong{font-size:19px}.tetris-card .card-title-row h3{font-size:17px}.memory-grid{gap:8px}.memory-cell{border-radius:8px}.memory-stage{min-height:390px}}
@media(max-width:640px){.lunch-panel{grid-template-columns:1fr;gap:22px;padding:26px 24px}.wheel-wrap{max-width:380px}.wheel-center{width:74px;height:74px;font-size:16px}.lunch-copy{padding:0 0 4px}.lunch-copy h3{font-size:28px;margin-top:10px}.lunch-copy h3 br{display:none}.lunch-copy>p{font-size:12px;margin-bottom:18px}.lunch-result-box>strong{font-size:23px}.lunch-spin{width:100%;justify-content:center}.lunch-footnote{text-align:center}.lunch-badge{display:none}.lunch-section{margin-top:35px}.lunch-menu summary{padding:15px}.lunch-options{padding:0 15px 15px;gap:6px}.lunch-options span{font-size:10px}}
@media(max-width:540px){.tetris-card .card-title-row h3{font-size:20px}.friends-line{font-size:9.5px}.memory-grid{gap:9px}.memory-cell{font-size:29px}.memory-grid[style*="6"]{gap:6px}.memory-grid[style*="6"] .memory-cell{font-size:24px}.memory-stage{min-height:390px}.lunch-panel{padding:25px 19px}.wheel-center{width:69px;height:69px;font-size:15px}.lunch-result-box>strong{font-size:22px}}
@media(max-width:360px){.friends-line{font-size:8.5px}.tetris-card .card-title-row h3{font-size:18px}.wheel-center{width:60px;height:60px;font-size:13px}.lunch-copy h3{font-size:25px}.lunch-panel{padding:23px 16px}.memory-cell{font-size:25px}}
@media(prefers-reduced-motion:reduce){.wheel-wrap canvas{transition:none}}
.player-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;margin:0 0 30px;border:1px solid #dfe5d0;border-radius:12px;background:#edf2e3}.player-bar>div{display:flex;gap:12px;align-items:center}.player-bar-symbol{font-size:22px;color:#77935c}.player-bar [data-player-label]{font-size:13px;font-weight:700}.player-bar small{font-size:10px;color:#8b957b}.player-id-button{padding:10px 14px;border:1px solid #c5d1ae;border-radius:7px;background:#fcfff3;min-height:40px;font-size:11px;font-weight:700;white-space:nowrap}.player-rank-button{display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap}.player-rank-button .icon{width:15px;height:15px}.leaderboard-dialog{width:min(740px,calc(100vw - 28px))}.leaderboard-player{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;background:#edf2e3;border:1px solid #dfe5d0;border-radius:10px;margin-bottom:22px}.leaderboard-player strong{font-size:13px}.leaderboard-player p{font-size:10px;color:#849173;line-height:1.8;margin:5px 0 0}.rank-game-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:17px}.rank-game-tabs button{font-size:11px;padding:11px 5px;background:#eef0e7;border:1px solid #e1e4d8;border-radius:7px;min-height:41px;white-space:nowrap}.rank-game-tabs button.selected{background:var(--green);border-color:#bbd65d;font-weight:700}.rank-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 22px}.rank-levels{display:flex;gap:6px}.rank-levels button{font-size:11px;padding:9px 15px;border:1px solid var(--line);border-radius:6px;min-height:37px}.rank-levels button.selected{border-color:#99aa7c;background:#e8efdb;font-weight:700}.rank-refresh{display:flex;align-items:center;gap:6px;font-size:11px;min-height:40px}.rank-refresh .icon{width:15px;height:15px}.rank-table-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;font-size:12px}.rank-table-heading>span{font-size:10px;color:#8b957b}.rank-table-wrap{border:1px solid var(--line);border-radius:10px;max-height:340px;overflow:auto;background:#fffef8}.rank-table{border-collapse:collapse;width:100%;font-size:12px}.rank-table th{padding:12px 16px;background:#eef1e5;color:#8c977e;font-weight:500;font-size:10px;text-align:left;position:sticky;top:0}.rank-table td{padding:13px 16px;border-top:1px solid #eceee3}.rank-table th:last-child,.rank-table td:last-child{text-align:right}.rank-table th:first-child{width:72px}.rank-number{font:600 13px ui-monospace,monospace;color:#8c987d;display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:7px}.rank-1{background:#e8d69f;color:#745d22}.rank-2{background:#dce5e4;color:#537472}.rank-3{background:#ebd3c4;color:#94735d}.my-rank-row{background:#f0f7de}.rank-me{font-size:8px;background:#d7eb9d;color:#647d3a;padding:3px 5px;margin-left:7px;border-radius:4px;white-space:nowrap}.rank-value{font:700 17px ui-monospace,monospace;white-space:nowrap}.rank-value small{font:9px var(--font);color:#97a287}.rank-table td.leaderboard-empty{text-align:center;padding:35px 15px;color:#89977d;font-size:11px;line-height:1.8}.leaderboard-empty strong{font-size:12px;display:block;font-weight:600}.leaderboard-empty span{display:block;font-size:10px;margin-top:5px;color:#9aa48e}.rank-rule{font-size:9px;color:#97a28c;line-height:1.8;margin:10px 0 20px}.rank-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.rank-bottom>span{font-size:11px;color:#798965;line-height:1.8}.rank-bottom .primary-button{font-size:11px;gap:12px;white-space:nowrap}.player-dialog{width:min(460px,calc(100vw - 28px))}.player-intro{font-size:12px;color:#879177;line-height:1.9;margin:0 0 25px}.player-dialog label{display:block;font-size:12px;font-weight:700;margin-bottom:10px}.player-dialog input{width:100%;padding:13px 15px;border:1px solid #cbd5bc;border-radius:9px;font:14px var(--font);background:#fffef8;color:var(--ink);outline:none}.player-dialog input:focus{border-color:#88a05b;box-shadow:0 0 0 3px #d9ebaf55}.player-dialog input::placeholder{font-size:12px;color:#a4ac98}.player-name-help{font-size:10px;color:#96a089;line-height:1.9;margin:10px 0}.player-error{font-size:11px;color:#8b977b;min-height:23px;line-height:1.8;margin:8px 0 17px}.player-error[data-tone="error"]{color:#b16c5a}.player-error[data-tone="success"]{color:#6c894f}.player-bound-card{padding:25px 18px;border:1px solid #d4debd;border-radius:12px;background:#edf3e1;text-align:center}.player-bound-card>span{font-size:10px;color:#96a180}.player-bound-card strong{display:block;font-size:32px;line-height:1.5;margin:8px 0}.player-bound-card p{font-size:11px;color:#93a07e}.rank-result{font-size:10px;line-height:1.8;margin:-8px 0 17px;color:#879673;max-width:310px}.rank-result>span{display:block}.rank-result button{font-size:10px;text-decoration:underline;text-underline-offset:3px;color:#687f49;padding:4px 7px;min-height:25px}.stage-overlay{overflow:auto}.stage-overlay .overlay-card{max-height:100%;margin:auto}
@media(max-width:1000px){.site-header nav{gap:18px}.player-bar small{display:none}.player-bar>div{gap:10px}}
@media(max-width:760px){.site-header nav{gap:5px}.player-bar{padding:14px 15px;gap:12px}.player-bar [data-player-label]{font-size:11px}.player-id-button{padding:9px 11px;font-size:10px}.player-rank-button{font-size:10px}.rank-game-tabs{grid-template-columns:repeat(3,1fr)}.rank-game-tabs button{font-size:11px}.leaderboard-dialog{padding:25px 20px}.leaderboard-player p{font-size:10px}.rank-table td,.rank-table th{padding-left:12px;padding-right:12px}}
@media(max-width:540px){.header-inner{gap:7px}.site-header nav{gap:0}.nav-link{padding:8px}.player-bar{flex-direction:column;align-items:flex-start;gap:13px;margin-bottom:25px;padding:15px}.player-bar>div:last-child{width:100%;justify-content:space-between}.player-bar [data-player-label]{font-size:12px}.player-bar-symbol{font-size:20px}.player-id-button{min-height:40px}.leaderboard-player{padding:13px;gap:10px}.leaderboard-player strong{font-size:11px}.leaderboard-player p{font-size:9px}.rank-table{font-size:11px}.rank-table th:first-child{width:58px}.rank-value{font-size:15px}.rank-bottom{flex-direction:column;align-items:stretch;gap:13px}.rank-bottom .primary-button{justify-content:center;width:100%}.rank-bottom>span{text-align:center}.leaderboard-dialog{padding:23px 18px}.rank-result{font-size:9px;margin-bottom:12px}.overlay-card h2{font-size:23px}.rank-levels button{min-height:40px}.player-dialog input{font-size:16px}}
.ski-art{background:#d9ebee}.surf-art{background:#c4e5df}.race-art{background:#ecd6ca}.breakout-art{background:#dce3cf}.ski-stage,.surf-stage,.race-stage,.breakout-stage{padding:0;min-height:540px;background:#dcebec}.stage.ski-stage canvas,.stage.surf-stage canvas,.stage.race-stage canvas,.stage.breakout-stage canvas{width:min(100%,400px);aspect-ratio:400/540}.race-stage .stage-overlay,.breakout-stage .stage-overlay{background:#25383bea;color:#f1f3e7}.race-stage .overlay-symbol,.breakout-stage .overlay-symbol{color:var(--green)}.race-stage .overlay-card p,.breakout-stage .overlay-card p{color:#a5b7ac}.race-stage .primary-button,.breakout-stage .primary-button{background:var(--green);color:var(--ink)}.arcade-action{display:block;min-height:44px;margin:0 auto 16px;padding:11px 28px;border-radius:9px;background:#e4edcf;border:1px solid #c8d9b6;font-size:12px;font-weight:700;min-width:160px;touch-action:manipulation}.arcade-action:disabled{color:#8d9c7e;background:#f0f2e9}.touch-pad.side-controls{grid-template-columns:repeat(2,66px);grid-template-rows:44px;gap:14px}.touch-pad.side-controls button[data-dir="up"],.touch-pad.side-controls button[data-dir="down"]{display:none}.touch-pad.side-controls button[data-dir="left"]{grid-column:1;grid-row:1}.touch-pad.side-controls button[data-dir="right"]{grid-column:2;grid-row:1}.dinner-section .lunch-result-box{background:#f7eade;border-color:#ecded0}.travel-section .lunch-result-box{background:#e5f1eb;border-color:#d4e5df}.rank-game-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.player-dialog{width:min(490px,calc(100vw - 28px))}.player-dialog label small{font-weight:400;color:#94a084;font-size:10px;margin-left:8px}.player-bound-card strong{font-size:26px}.player-bound-card label{font-size:11px;margin:19px 0 9px;text-align:left}.player-bound-card textarea{width:100%;resize:none;padding:13px;border:1px solid #c4d4aa;border-radius:8px;background:#fffef8;font:13px/1.7 ui-monospace,monospace;overflow-wrap:anywhere;color:#45603d;user-select:all;margin-bottom:12px}.player-bound-card textarea:focus-visible{outline:3px solid #b9d88e;outline-offset:2px}.player-bound-card p{font-size:10px;line-height:1.8;margin-bottom:0}.identity-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px}.restore-details{margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.restore-details summary{font-size:12px;font-weight:700;cursor:pointer;padding:5px 0}.restore-details form{padding-top:17px}.restore-details input{font-family:ui-monospace,monospace;font-size:13px}.player-bound-card .primary-button{min-height:44px}
@media(max-width:760px){.rank-game-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.ski-stage,.surf-stage,.race-stage,.breakout-stage{min-height:0}}
@media(max-width:540px){.stage.ski-stage canvas,.stage.surf-stage canvas,.stage.race-stage canvas,.stage.breakout-stage canvas{max-height:64dvh;width:auto;max-width:100%}.card-title-row h3{font-size:20px}.rank-game-tabs button{font-size:10px}.player-bound-card textarea{font-size:14px}.restore-details input{font-size:16px}.touch-pad.side-controls{grid-template-columns:repeat(2,72px)}}

/* V1.1 — 小囧的摸鱼厅 */
.header-inner{height:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding-top:22px;padding-bottom:22px}
.brand{gap:12px;font-size:23px;letter-spacing:0}
.brand-mark{width:64px;height:64px;border:0;background:#edf2e3;border-radius:18px;transform:none;flex-shrink:0;overflow:hidden}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;padding:3px}
.brand small{font-size:8px;letter-spacing:1.7px;margin-top:3px}
.site-header nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:10px;margin:0;width:100%}
.site-header .nav-link,.site-header .nav-link:first-child{display:flex;min-height:76px;padding:15px 18px;gap:12px;border:1px solid #dce2d0;border-radius:12px;background:#f0f2e8;color:var(--ink);text-align:left;white-space:normal;transition:transform .18s,border-color .18s}
.site-header .nav-link:hover{transform:translateY(-2px);border-color:#a6b883}
.site-header .nav-link.active{background:var(--green);border-color:#bed961}
.site-header .nav-link.active:after{display:none}
.site-header .nav-link .icon{width:24px;height:24px;stroke-width:1.6}
.site-header .nav-link .nav-copy{display:block;min-width:0}
.nav-copy strong{display:block;font-size:14px;line-height:1.4;font-weight:750}
.nav-copy small{display:block;font-size:9px;line-height:1.6;color:#7b856d;margin-top:5px;white-space:normal}
#nav-leaderboard{background:#e7edf3;border-color:#d6e0ea}
#nav-records{background:#f2ebdd;border-color:#e6ddcb}
#nav-help{background:#ede6f3;border-color:#dfd4e9}
#nav-version{background:#e9f0df;border-color:#d5e0c4}
.nav-copy .nav-version-badge{display:inline-block;font:600 10px/1.5 ui-monospace,monospace;letter-spacing:.3px;background:#fffef6;border:1px solid #d2ddbf;border-radius:5px;padding:1px 7px;color:#547039;margin-top:5px}
.hero h1{font-size:58px;letter-spacing:-1.5px;line-height:1.3}
.hero-content{min-width:0}
.footer-version{display:inline-block;padding:3px 7px;border:1px solid #dce3cf;border-radius:5px;font:10px/1.2 ui-monospace,monospace;letter-spacing:0;margin-left:10px;vertical-align:middle}
.identity-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px}
.identity-actions .primary-button,.identity-actions .secondary-button{min-height:48px;font-size:13px;font-weight:700}
.identity-actions .primary-button{background:var(--green);color:var(--ink);border:1px solid #bfd36f}
.identity-actions .secondary-button{background:#f2f5e9;border-color:#c9d5b5}
.identity-actions button:disabled{opacity:.6}
.player-dialog input:disabled{opacity:.65}
.player-bound-card{margin-top:25px;padding:16px 18px;text-align:left}
.player-bound-card strong{font-size:22px;overflow-wrap:anywhere;margin:4px 0}
.player-bound-card p{font-size:10px;line-height:1.8;margin:4px 0 0}
.version-dialog{width:min(560px,calc(100vw - 28px))}
.release-heading{display:flex;align-items:center;gap:16px;padding:19px;background:#edf3e1;border:1px solid #d6e0c5;border-radius:12px;margin-bottom:24px}
.release-badge{font:700 23px/1.2 ui-monospace,monospace;background:var(--green);border:1px solid #b9d366;padding:12px;border-radius:9px;white-space:nowrap}
.release-heading strong{font-size:14px;line-height:1.6}
.release-heading p{font-size:10px;color:#89947b;margin:6px 0 0}
.release-highlights{list-style:none;padding:0;margin:0;counter-reset:release}
.release-highlights li{position:relative;counter-increment:release;padding:12px 0 12px 32px;border-bottom:1px solid #e6eadc;font-size:12px;line-height:1.9;color:#697a5c}
.release-highlights li:before{content:counter(release,decimal-leading-zero);position:absolute;left:0;top:14px;font:10px/1.8 ui-monospace,monospace;color:#97a783}
.release-baseline{font-size:11px;line-height:1.9;color:#8d987f;margin:20px 0 0}
@media(max-width:1000px){.site-header nav{gap:8px}.site-header .nav-link,.site-header .nav-link:first-child{padding:14px 12px;gap:9px}.nav-copy strong{font-size:13px}.nav-copy small{font-size:8px}.hero h1{font-size:50px}}
@media(max-width:760px){.header-inner{gap:16px;padding-top:16px;padding-bottom:17px}.brand{font-size:21px}.brand-mark{width:58px;height:58px}.site-header nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.site-header .nav-link,.site-header .nav-link:first-child{grid-column:span 2;min-height:70px;gap:10px;padding:13px 14px}.site-header #nav-help,.site-header #nav-version{grid-column:span 3}.site-header .nav-link .icon{width:21px;height:21px}.nav-copy strong{font-size:13px}.nav-copy small{font-size:9px}.hero h1{font-size:44px}.random-button{min-height:44px;justify-content:center}}
@media(max-width:540px){.brand{font-size:18px;gap:9px}.brand-mark{width:52px;height:52px;border-radius:14px}.brand small{font-size:6px;letter-spacing:1.2px}.site-header .nav-link,.site-header .nav-link:first-child{padding:12px 9px;gap:7px;min-height:66px}.site-header .nav-link .icon{width:18px;height:18px}.nav-copy strong{font-size:12px}.nav-copy small{font-size:8px}.hero h1{font-size:clamp(27px,7.6vw,40px);letter-spacing:-.8px}.hero .underline-word:after{height:10px;bottom:3px}.footer-version{margin-left:5px;font-size:9px}.release-heading{padding:15px;gap:12px}.release-heading strong{font-size:12px}.release-badge{font-size:21px;padding:10px}.identity-actions{gap:10px}}
@media(max-width:360px){.site-header .nav-link,.site-header .nav-link:first-child{gap:5px;padding:11px 8px}.site-header .nav-link .icon{width:16px;height:16px}.nav-copy strong{font-size:11px}.nav-copy small{font-size:7px}.brand{font-size:17px}.brand-mark{width:48px;height:48px}}

/* V1.2 — 四个页面，更多小快乐 */
.header-inner{gap:16px;padding-top:18px;padding-bottom:18px}.brand-mark{width:56px;height:56px;border-radius:15px}.brand{font-size:22px}.site-header nav{grid-template-columns:repeat(4,minmax(0,1fr))}.site-header .nav-link,.site-header .nav-link:first-child{min-height:64px;padding:13px 20px}.nav-copy small span{display:inline!important;font:inherit}#nav-wheels{background:#f2e9da;border-color:#e7dac4}#nav-community{background:#e4edf0;border-color:#d3dfe2}#nav-guide{background:#ebe5f0;border-color:#ddd2e5}.site-header .nav-link.active{background:var(--green);border-color:#bed961}.hero{padding:28px 0 32px;min-height:280px;grid-template-columns:1.1fr .9fr;align-items:center;gap:20px}.hero h1{font-size:46px;line-height:1.18;letter-spacing:-1px}.eyebrow{margin-bottom:13px;font-size:10px}.hero p{font-size:12px;line-height:1.85;margin:17px 0}.hero-features{display:none}.hero-art{min-height:246px;margin:0}.hero-art:before{width:235px;height:235px}.handheld{width:178px;padding:11px 12px}.device-controls{height:55px}.dpad{transform:scale(.8)}.floating-tile{width:61px;height:61px}.float-mine{top:15px;left:23px}.float-plane{top:105px;right:12px}.art-sticker{width:69px;height:69px;right:37px;bottom:18px;font-size:9px}.art-sticker strong{font-size:19px}.art-sticker span{font-size:10px;right:6px;top:18px}.art-caption{right:10px;font-size:7px}.art-scribble{font-size:9px;left:45px;bottom:-3px}.star-two{bottom:28px;left:8px}.star-one{left:95px}.friends-line{margin-top:13px}.featured-grid .card-art{height:202px}.featured-grid .card-art>svg{height:153px;top:29px}.featured-grid .card-content{padding:19px}.featured-grid .card-content p{margin:9px 0 16px}.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:35px 0 18px}.collection-heading h3{font-size:18px;letter-spacing:-.3px;margin:0}.collection-heading>span{font-size:10px;color:#8c967f}.compact-game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.compact-card{border-radius:13px}.compact-game-button{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:12px;text-align:left;min-height:128px}.compact-art{position:relative;display:grid;place-items:center;background:var(--art-color,#e3ead9);width:79px;height:90px;border-radius:10px;flex-shrink:0;overflow:hidden}.compact-art>svg{width:100%;height:75px}.compact-index{position:absolute;left:8px;top:7px;font:8px ui-monospace,monospace;color:#7d8b72}.compact-copy{min-width:0;display:block}.compact-copy>strong{display:block;font-size:14px;line-height:1.5;white-space:nowrap}.compact-copy>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:9px;line-height:1.85;color:#8b957c;margin:6px 0}.compact-copy>small{font-size:9px;line-height:1.5;color:#778966}.compact-play{position:absolute;right:9px;top:9px;color:#8ca26c;font-size:16px}.lobby-footnote{display:flex;justify-content:space-between;gap:15px;padding:27px 0;margin:20px 0 0;color:#919b85;font-size:11px}.lobby-footnote span{font:9px ui-monospace,monospace;letter-spacing:1px}.secondary-page{padding-top:34px;padding-bottom:40px}.page-intro{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px}.page-intro h1{font-size:34px;line-height:1.35;letter-spacing:-1px;margin:0}.page-intro h1>span{color:#91a869;margin-left:17px;font-size:26px}.page-intro p{font-size:12px;color:#879178;line-height:1.9;margin:13px 0 0}.page-stamp{font:700 35px/1.1 ui-monospace,monospace;color:#708456;border:1px dashed #bacba3;border-radius:14px;padding:14px 18px;transform:rotate(5deg);white-space:nowrap}.page-stamp small{display:block;text-align:center;font:9px/1.6 var(--font);color:#93a080;margin-top:5px}.version-stamp{font-size:28px}.wheel-topics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:22px}.wheel-topic{display:flex;align-items:center;gap:10px;min-height:76px;padding:15px 12px;border:1px solid #e0e4d8;border-radius:12px;background:#fcfcf7;text-align:left;transition:background .2s,transform .2s}.wheel-topic.selected{background:#e8f1d6;border-color:#a5be7f;box-shadow:0 3px 0 #cedcbc}.wheel-topic:hover{transform:translateY(-2px)}.topic-icon{font-size:26px}.wheel-topic strong{display:block;font-size:12px;white-space:nowrap}.wheel-topic small{display:block;font-size:9px;color:#8b977c;margin-top:5px}.wheel-experience{display:grid;grid-template-columns:1.05fr 1fr;gap:0;border:1px solid #dce3d1;border-radius:24px;overflow:hidden;background:#fffef8;box-shadow:0 12px 35px #44593408}.wheel-scene{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;isolation:isolate;padding:43px 35px 29px;background:radial-gradient(ellipse at center,#f0f3df 0%,#f3f6e9 53%,#edf1e1 100%);min-width:0}.wheel-scene:before{content:"";position:absolute;width:73%;aspect-ratio:1;background:var(--wheel-accent);border-radius:50%;opacity:.18;z-index:-1;filter:blur(20px)}.wheel-scene-tag{font:9px ui-monospace,monospace;letter-spacing:3px;color:#a4ad91}.wheel-wrap{width:100%;max-width:370px;padding:0;border-radius:50%;background:#fafcef;border:6px solid #fcfcf3;box-shadow:0 0 0 1px #cad4b8,0 12px 30px #6a805b24}.wheel-wrap:before{inset:-15px;border:1px dashed #bbcda0}.wheel-wrap canvas{transition:transform 4.2s cubic-bezier(.12,.72,.13,1)}.wheel-pointer{top:-17px;border-left-width:10px;border-right-width:10px;border-top:28px solid #334630;filter:drop-shadow(0 3px 2px #6b805735)}.wheel-center{width:83px;height:83px;border:5px solid #fafbf0;background:#2e4234;color:#d7f76c;box-shadow:0 4px 15px #314c352a;display:flex;flex-direction:column;justify-content:center;gap:3px}.wheel-center>span{font-size:23px;line-height:1}.wheel-center>small{font:600 10px/1.5 ui-monospace,monospace;letter-spacing:1px}.wheel-center:disabled>span{animation:star-turn 2s linear infinite}.wheel-scene-bottom{font-size:9px;color:#98a187;letter-spacing:.5px}.wheel-orbit{position:absolute;border:1px solid #d5dfc2;border-radius:50%;pointer-events:none;z-index:-1}.orbit-one{width:90%;aspect-ratio:1;transform:rotate(-25deg) scaleY(.87)}.orbit-two{width:77%;aspect-ratio:1;transform:rotate(40deg) scaleX(.92)}.wheel-spark{position:absolute;color:#819c5d;z-index:1}.spark-one{font-size:24px;left:25px;top:96px;transform:rotate(14deg)}.spark-two{font-size:33px;right:24px;bottom:77px;transform:rotate(-13deg)}.wheel-decision{padding:45px 35px 27px;align-self:center;min-width:0}.wheel-decision h2{font-size:27px;line-height:1.45;letter-spacing:-.6px;margin:0 0 13px;max-width:380px}.wheel-intro{font-size:11px;line-height:1.9;color:#8a967c;margin:0 0 24px}.wheel-answer{position:relative;background:#f0f5e3;border:1px solid #e0e8cc;border-radius:15px;min-height:149px;padding:21px 22px;margin-bottom:17px;overflow:hidden}.wheel-answer>span:first-child{font-size:9px;color:#8e9d76;letter-spacing:1.4px}.wheel-answer>strong{display:block;font-size:26px;line-height:1.45;margin:10px 0;color:#3c5532;overflow-wrap:anywhere;max-width:95%}.wheel-answer>p{font-size:10px;color:#899b74;line-height:1.8;margin:0}.answer-spark{position:absolute;font-size:40px;top:-4px;right:9px;color:#b0c78245;transform:rotate(12deg)}.wheel-answer.has-result{animation:answer-pop .4s ease-out}.wheel-answer.has-result .answer-spark{color:#a0b96b;animation:star-turn 1.2s ease-out}.wheel-answer.is-spinning>strong{font-size:22px;animation:answer-pulse 1.3s ease-in-out infinite}.wheel-spin-button{display:flex;align-items:center;gap:11px;width:100%;min-height:50px;background:#d7f76c;border:1px solid #c3db7d;border-radius:9px;padding:13px 17px;font-size:13px;font-weight:700;box-shadow:0 3px 0 #cadc9a}.wheel-spin-button>span:last-child{margin-left:auto;font-size:19px}.wheel-spin-button:disabled{opacity:.65;box-shadow:none}.wheel-history{display:flex;flex-direction:column;gap:10px;margin-top:24px}.wheel-history>span{font-size:9px;color:#97a388}.wheel-history>div{display:flex;flex-wrap:wrap;gap:6px;min-height:27px}.wheel-history small{font-size:10px;color:#a4ae97}.wheel-history>div>span{font-size:10px;color:#81926d;border:1px solid #e0e7d5;border-radius:20px;padding:5px 9px;background:#f8faf1}.wheel-options-menu{grid-column:1/-1;border-top:1px solid #e4e8da;background:#fffef8}.wheel-options-menu summary{display:flex;justify-content:space-between;padding:17px 25px;font-size:11px;color:#879676;cursor:pointer;list-style:none}.wheel-options-menu summary::-webkit-details-marker{display:none}.wheel-options-menu[open] summary>span{transform:rotate(45deg)}.wheel-options-menu .lunch-options{max-height:310px;overflow:auto;padding:2px 25px 23px}.wheel-options-menu .lunch-options>span{font-size:10px}.community-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.5fr);gap:22px;align-items:start}.community-panel{padding:27px;border:1px solid var(--line);border-radius:17px;background:#fffef8;min-width:0}.community-panel .dialog-header h2{font-size:23px}.community-panel .dialog-header{margin-bottom:24px}.community-page .leaderboard-player{margin-bottom:23px}.record-details{border-top:1px solid #e5eadb;margin:23px 0 12px;padding-top:9px}.record-details>summary{display:flex;justify-content:space-between;list-style:none;font-size:11px;color:#7c8c68;padding:12px 0;cursor:pointer}.record-details .record-list{max-height:475px;overflow:auto}.record-details .record-list>div{gap:10px}.record-details .record-info h3{font-size:12px}.record-details .record-score{font-size:16px}.record-details .record-icon{width:31px;height:31px;font-size:10px}.rank-game-label{display:flex;align-items:center;gap:15px;font-size:11px;font-weight:600;margin-bottom:19px}.rank-game-label select{flex:1;min-width:0;border:1px solid #d1dbc1;background:#f4f7ec;color:#526a42;border-radius:8px;padding:12px;font:13px var(--font);min-height:44px;outline-offset:2px}.rank-table-wrap{max-height:485px}.rank-rule{font-size:10px}.guide-version{border:1px solid #d9e3ca;border-radius:17px;background:#f3f7e9;padding:26px;margin-bottom:38px}.guide-version .release-heading{background:none;border:0;padding:0;margin-bottom:12px;gap:20px}.release-heading h2{font-size:21px;margin:0;line-height:1.5}.guide-version .release-highlights{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.guide-help{padding-bottom:10px}.keyboard-note{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 22px}.keyboard-note>span{font-size:10px;color:#869477;border:1px solid #dde5cf;border-radius:20px;padding:7px 12px;background:#f1f4e7}.help-tip{font-size:10px;color:#97a18b}.help-accordions{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.help-item{border:1px solid #dee4d5;background:#fffef8;border-radius:12px;overflow:hidden}.help-item>summary{display:flex;align-items:center;gap:13px;min-height:62px;padding:14px 18px;cursor:pointer;list-style:none}.help-item>summary::-webkit-details-marker{display:none}.help-item-number{font:11px ui-monospace,monospace;color:#97a38b}.help-item strong{font-size:14px;font-weight:650}.help-expand{margin-left:auto;font-size:18px;color:#869b70}.help-item[open] .help-expand{transform:rotate(45deg)}.help-item-body{padding:0 20px 20px 45px}.help-item-body p,.help-item-body dd{font-size:11px;line-height:1.95;color:#869377;margin:0}.help-item-body dl{margin:0}.help-item-body dl>div{margin-bottom:12px}.help-item-body dt{font-size:11px;font-weight:700;color:#6e825d;margin-bottom:3px}.help-play{font-size:11px;font-weight:600;color:#617e47;margin-top:16px;min-height:40px;background:#edf3df;border:1px solid #dce6c7;border-radius:7px;padding:9px 13px}.score-item strong.progress-metric{font:600 12px/1.6 var(--font);white-space:normal;text-align:center;min-height:26px;display:grid;place-items:center}.classic-grid{width:min(100%,440px);display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:8px;touch-action:manipulation;user-select:none}.classic-cell{position:relative;min-width:0;aspect-ratio:1;display:grid;place-items:center;padding:0;border:1px solid #d6dfc8;border-radius:10px;background:#e5edda;font:700 clamp(17px,4vw,31px)/1 var(--font);color:#42633b;transition:background .15s}.classic-cell:focus-visible{outline-offset:-3px}.classic-cell.blank{background:#f4f5ec;border:1px dashed #ccd5be;color:transparent}.classic-cell.number{box-shadow:0 3px 0 #c5d3b5;background:#dbe8c6}.classic-cell.lit{background:#ead794;color:#95793c;border-color:#d1b971;box-shadow:0 0 14px #daca7e40,inset 0 1px #fff6}.classic-cell.unlit{background:#51604a;color:#7f9473;border-color:#45533e}.gomoku-grid{gap:0;padding:9px;background:#e4d5b8;border:1px solid #d0bd99;border-radius:10px}.gomoku-grid .classic-cell{border:1px solid #ab957155;border-radius:0;background:none}.gomoku-grid .classic-cell:after,.connect4-grid .classic-cell:after{content:"";width:79%;height:79%;border-radius:50%;background:none;position:absolute}.gomoku-grid .piece-1:after,.connect4-grid .piece-1:after{background:#293e33;box-shadow:inset 1px 2px 3px #fff2}.gomoku-grid .piece-2:after,.connect4-grid .piece-2:after{background:#d8ec9c;border:1px solid #9eaf72;box-shadow:inset 1px 2px 3px #fff7}.classic-cell.last-move:before{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#cc8764;z-index:1}.connect4-grid{background:#5b7765;padding:13px;gap:8px;border-radius:12px}.connect4-grid .classic-cell{background:#d3e1c7;border:0;border-radius:50%;box-shadow:inset 0 3px 5px #32472f30}.sokoban-grid{gap:3px;padding:8px;background:#cfdbc2;border-radius:10px}.sokoban-grid .classic-cell{border:0;border-radius:4px;box-shadow:none}.sokoban-grid .wall{background:#819876}.sokoban-grid .floor{background:#e9efdf}.sokoban-grid .crate{background:#d3b98b;color:#9a7950;font-size:36px}.sokoban-grid .home{background:#bcd481;color:#5c7b43}.sokoban-grid .worker{background:#edf3df;color:#698549;font-size:30px}.sokoban-grid .target{background:#dce8c3;color:#a2bb77;font-size:33px}.mole-grid{gap:15px;padding:5px}.mole-grid .classic-cell{border-radius:50%;background:#c6b298;box-shadow:inset 0 7px 0 #aa9173;color:#a48968;border:5px solid #e8dfcc;font-size:17px;aspect-ratio:1.08}.mole-grid .mole-up{font-size:44px;background:#ebdcb8;transform:translateY(-3px);box-shadow:0 5px 0 #bca181}.classic-undo{margin:0 auto 14px;padding:10px 20px;min-height:44px;width:180px}.stage.flappy-stage,.stage.pong-stage,.stage.frogger-stage,.stage.pacmaze-stage{padding:0;min-height:0}.stage.flappy-stage canvas,.stage.pong-stage canvas,.stage.frogger-stage canvas{width:min(100%,400px);aspect-ratio:400/520}.stage.pacmaze-stage canvas{width:min(100%,440px);aspect-ratio:1}.pong-stage .stage-overlay,.pacmaze-stage .stage-overlay{background:#293e34e8;color:#f5f7e9}.pong-stage .overlay-card p,.pacmaze-stage .overlay-card p{color:#a8bca3}.pong-stage .primary-button,.pacmaze-stage .primary-button{background:#d7f76c;color:#29362d}.stage.gomoku-stage,.stage.connect4-stage,.stage.slide-stage,.stage.sokoban-stage,.stage.lights-stage,.stage.mole-stage{min-height:420px;background:#f0f3e8;padding:22px}.gomoku-stage .stage-overlay,.connect4-stage .stage-overlay{background:#eff3e7e8}
@keyframes star-turn{to{transform:rotate(360deg)}}@keyframes answer-pop{0%{transform:scale(.97)}65%{transform:scale(1.02)}100%{transform:scale(1)}}@keyframes answer-pulse{50%{opacity:.45}}
@media(max-width:1000px){.compact-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-game-button{min-height:119px}.wheel-topics{grid-template-columns:repeat(3,minmax(0,1fr))}.wheel-topic{min-height:63px;padding:12px 16px}.wheel-decision{padding:29px 25px}.wheel-scene{padding:35px 27px}.wheel-decision h2{font-size:25px}.wheel-answer>strong{font-size:23px}.community-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px}.community-panel{padding:22px}.hero h1{font-size:43px}.featured-grid .card-content{padding:16px}.featured-grid .card-art{height:180px}.featured-grid .card-art>svg{height:135px}.site-header .nav-link,.site-header .nav-link:first-child{padding:13px 15px}.nav-copy strong{font-size:13px}}
@media(max-width:760px){body{padding-bottom:96px}.header-inner{display:flex;justify-content:space-between;height:80px;padding-top:13px;padding-bottom:13px;gap:12px}.brand{font-size:20px}.brand-mark{width:52px;height:52px}.site-header nav{position:fixed;grid-template-columns:repeat(4,minmax(0,1fr));grid-row:auto;grid-column:auto;bottom:max(10px,env(safe-area-inset-bottom));left:12px;right:12px;width:auto;margin:0;gap:5px;padding:6px;border:1px solid #d5ddc6;background:#f8faeeeF;backdrop-filter:blur(18px);border-radius:17px;box-shadow:0 5px 25px #344d2f24;z-index:50}.site-header .nav-link,.site-header .nav-link:first-child{grid-column:auto;min-height:62px;border-radius:11px;padding:9px 4px;gap:7px;flex-direction:column;justify-content:center;text-align:center}.site-header .nav-link .icon{width:20px;height:20px}.nav-copy strong{font-size:11px;white-space:nowrap}.nav-copy small{display:none}.site-header .nav-link .nav-copy{display:block}.hero{padding:24px 0 29px;min-height:260px;gap:8px}.hero h1{font-size:37px}.hero p{font-size:11px;margin:14px 0}.hero-art{min-height:222px}.handheld{width:155px;padding:10px}.hero-art:before{width:191px;height:191px}.floating-tile{width:48px;height:48px;padding:8px}.float-mine{left:3px;top:19px}.float-plane{right:0;top:97px}.art-sticker{right:15px;bottom:14px;width:57px;height:57px;font-size:8px}.art-sticker strong{font-size:16px}.art-sticker span{right:5px;top:16px}.compact-game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.compact-game-button{padding:11px;flex-direction:column;align-items:stretch;gap:11px;min-height:180px}.compact-art{width:100%;height:78px}.compact-art>svg{height:70px;width:90%}.compact-copy>span{margin:5px 0}.compact-copy>strong{font-size:13px}.compact-play{top:13px;right:16px}.compact-index{top:7px}.page-intro h1{font-size:28px}.page-intro p{font-size:11px}.secondary-page{padding-top:28px;padding-bottom:27px}.wheel-topic strong{font-size:12px}.wheel-topic{padding:11px 14px;gap:10px}.topic-icon{font-size:23px}.wheel-scene{padding:32px 24px 26px;gap:22px}.wheel-wrap{max-width:290px}.wheel-center{width:72px;height:72px}.wheel-center>span{font-size:21px}.wheel-center>small{font-size:9px}.wheel-decision{padding:30px 23px}.wheel-decision h2{font-size:23px}.wheel-answer{padding:18px;min-height:140px}.wheel-answer>strong{font-size:23px}.community-layout{grid-template-columns:1fr}.community-panel{padding:24px}.record-summary{max-width:500px}.record-details .record-list{max-height:375px}.help-accordions{grid-template-columns:1fr 1fr}.help-item>summary{padding:14px;gap:10px}.help-item strong{font-size:12px}.help-item-body{padding:0 17px 17px}.guide-version .release-highlights{gap:0 20px}.release-highlights li{font-size:11px}.lobby-footnote{font-size:10px}.lobby-footnote>span{display:none}}
@media(max-width:640px){.wheel-experience{grid-template-columns:1fr;border-radius:19px}.wheel-scene{padding:25px 32px 20px;gap:18px}.wheel-wrap{max-width:306px}.wheel-scene-tag{font-size:8px}.wheel-scene-bottom{font-size:8px}.wheel-decision{padding:23px 24px 26px}.wheel-decision .section-kicker,.wheel-intro{display:none}.wheel-decision h2{font-size:23px;margin-bottom:16px;max-width:none}.wheel-answer{min-height:113px;padding:17px 18px}.wheel-answer>strong{font-size:25px;margin:7px 0}.wheel-history{margin-top:20px}.wheel-decision h2{font-size:21px}.wheel-options-menu{grid-column:auto}.guide-version .release-highlights{grid-template-columns:1fr}.help-accordions{grid-template-columns:1fr}.page-stamp{font-size:28px;padding:12px}.page-intro h1>span{font-size:21px;margin-left:8px}.wheel-topics{gap:8px}.wheel-topic{flex-direction:column;gap:7px;text-align:center;min-height:78px;padding:11px 5px}.wheel-topic strong{font-size:11px}.wheel-topic small{font-size:8px;margin-top:3px}.topic-icon{font-size:21px}}
@media(max-width:540px){.brand{font-size:18px}.brand small{font-size:6px}.friends-line{margin-top:12px;font-size:10px}.hero{padding-top:24px;padding-bottom:28px;min-height:259px}.hero h1{font-size:clamp(28px,8vw,36px)}.eyebrow{font-size:9px;letter-spacing:.8px;margin-bottom:13px}.hero p{font-size:10px;max-width:190px;line-height:1.85;margin:15px 0}.hero-art{position:absolute;top:36px;right:-4px;width:43%;min-height:0;height:205px}.handheld{width:130px;padding:8px}.hero-art:before{width:161px;height:161px}.device-controls{height:45px}.floating-tile{width:39px;height:39px;padding:6px}.float-mine{top:5px;left:0}.float-plane{top:116px;right:0}.art-sticker{bottom:1px;right:10px;width:51px;height:51px;font-size:7px}.art-sticker strong{font-size:14px}.art-sticker span{top:13px;font-size:8px}.hero .device-ab{gap:5px}.hero .device-ab span{width:18px;height:18px}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.featured-grid .game-card{display:flex;flex-direction:column;border-radius:13px}.featured-grid .card-art{height:125px;min-height:0;width:100%}.featured-grid .card-art>svg{height:95px;width:92%;left:4%;top:17px}.featured-grid .card-content{padding:13px 12px 12px}.featured-grid .card-title-row h3{font-size:17px;letter-spacing:-.4px}.featured-grid .card-content p{font-size:9px;line-height:1.85;margin:7px 0 12px}.featured-grid .card-meta{font-size:8px;flex-direction:column;align-items:flex-start;gap:5px;padding-bottom:10px;margin-bottom:7px}.featured-grid .card-play{font-size:10px;padding-top:3px}.featured-grid .card-play .icon{width:15px;height:15px}.featured-grid .art-label{font-size:6px;top:10px;left:10px}.featured-grid .art-bottom{display:none}.section-heading{gap:14px}.section-heading h2{font-size:23px}.section-heading h2>span{font-size:9px;margin-left:7px}.filters{gap:5px}.filter{padding:8px 12px}.collection-heading{flex-direction:column;align-items:flex-start;gap:8px;margin:30px 0 17px}.collection-heading h3{font-size:17px}.collection-heading>span{font-size:9px}.compact-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.compact-game-button{min-height:174px}.compact-copy>strong{font-size:14px}.compact-copy>span{font-size:9px;line-height:1.75}.compact-copy>small{font-size:8px}.compact-art{height:72px}.compact-art>svg{height:66px}.page-intro{gap:13px;margin-bottom:21px;align-items:flex-start}.page-intro h1{font-size:25px;letter-spacing:-.7px}.page-intro p{font-size:10px;margin-top:11px}.page-stamp{font-size:24px;padding:10px;border-radius:10px}.page-stamp small{font-size:7px}.version-stamp{font-size:19px}.wheel-topics{margin-bottom:19px;gap:8px}.wheel-topic{min-height:75px;padding:10px 4px;gap:5px}.wheel-topic strong{font-size:11px}.wheel-topic small{font-size:8px}.wheel-scene{padding:25px 28px 20px}.wheel-wrap{max-width:284px}.wheel-center{width:74px;height:74px}.wheel-spark.spark-one{left:14px;top:83px;font-size:20px}.wheel-spark.spark-two{right:11px;bottom:54px;font-size:25px}.wheel-decision{padding:21px 20px 25px}.wheel-answer>strong{font-size:23px}.wheel-spin-button{font-size:12px;min-height:49px}.wheel-options-menu summary{padding:17px 19px;font-size:10px}.wheel-options-menu .lunch-options{padding:0 18px 20px;gap:6px}.wheel-options-menu .lunch-options>span{font-size:9px}.community-panel{padding:21px 18px}.community-panel .dialog-header h2{font-size:22px}.community-panel .section-kicker{font-size:7px;letter-spacing:1.2px}.leaderboard-player{align-items:flex-start}.leaderboard-player p{font-size:10px}.leaderboard-player strong{font-size:12px}.rank-game-label select{font-size:14px}.rank-table th,.rank-table td{padding-left:11px;padding-right:11px}.rank-table-wrap{max-height:395px}.rank-toolbar{margin-bottom:20px}.guide-version{padding:20px 18px}.guide-version .release-heading{gap:14px}.release-heading h2{font-size:18px;line-height:1.6}.release-badge{font-size:19px;padding:10px}.guide-help .section-heading{flex-direction:row;align-items:center;gap:10px}.guide-help .section-heading h2{font-size:21px}.help-tip{font-size:9px;white-space:nowrap}.help-item>summary{min-height:61px;padding:14px 17px}.help-item strong{font-size:14px}.help-item-body{padding-left:41px}.keyboard-note{gap:6px}.keyboard-note>span{font-size:9px;padding:7px 9px}.score-item strong.progress-metric{font-size:10px;line-height:1.7}.stage.gomoku-stage,.stage.connect4-stage,.stage.slide-stage,.stage.sokoban-stage,.stage.lights-stage,.stage.mole-stage{min-height:0;padding:18px}.classic-grid{gap:7px}.gomoku-grid{gap:0;padding:7px}.connect4-grid{gap:6px;padding:10px}.sokoban-grid{gap:3px;padding:6px}.mole-grid{gap:12px}.mole-grid .mole-up{font-size:36px}.stage.flappy-stage canvas,.stage.pong-stage canvas,.stage.frogger-stage canvas{max-height:62dvh;width:auto;max-width:100%}.site-footer{padding-top:23px;padding-bottom:24px}}
@media(max-width:360px){.hero p{max-width:174px}.hero-art{right:-7px}.handheld{width:119px}.featured-grid .card-title-row h3{font-size:15px}.featured-grid .card-content{padding:12px 10px}.featured-grid .card-art{height:113px}.featured-grid .card-art>svg{height:86px}.nav-copy strong{font-size:10px}.compact-game-grid{gap:10px}.compact-copy>strong{font-size:13px}.compact-game-button{padding:10px;min-height:170px}.wheel-wrap{max-width:250px}.wheel-scene{padding-left:23px;padding-right:23px}.page-intro h1{font-size:22px}.page-stamp{display:none}.sokoban-grid .crate{font-size:29px}.help-tip{display:none}}
@media(prefers-reduced-motion:reduce){.wheel-wrap canvas,.classic-cell{transition:none}.wheel-answer,.wheel-answer>strong,.answer-spark,.wheel-center>span{animation:none!important}.wheel-topic:hover{transform:none}}
.compact-card{display:block}.site-header #nav-games.active,.site-header #nav-wheels.active,.site-header #nav-community.active,.site-header #nav-guide.active{background:var(--green);border-color:#b5ce6f}

.wheel-topics{grid-template-columns:repeat(3,minmax(0,1fr))}
/* V1.5: home identity, six recommendations, shared catalogue/help and release history. */
.home-identity{display:grid;grid-template-columns:1fr 1.05fr;gap:30px;align-items:center;padding:25px 28px;margin:4px 0 36px;border:1px solid #d8dfc8;border-radius:18px;background:linear-gradient(125deg,#f1f5e4,#fbfcf2)}
.home-id-copy .section-kicker{font-size:8px;letter-spacing:1.4px}.home-id-copy h2{font-size:19px;margin:8px 0;line-height:1.5;overflow-wrap:anywhere}.home-id-copy p{font-size:11px;line-height:1.8;color:#717c66;margin:0}.home-id-copy .home-sync-note{font-size:10px;margin-top:7px;color:#5d7651}
.home-id-entry{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px}.home-id-entry input{width:100%;min-width:0;background:#fffef7;border:1px solid #d4ddc4;border-radius:10px;padding:13px 12px;font:12px var(--font);color:var(--ink)}.home-id-entry button{border:1px solid #d4ddc4;border-radius:10px;padding:11px 16px;font-size:12px;font-weight:700;background:#fffef7}.home-id-entry button[value=create]{background:var(--green);border-color:#c0d77d}.home-id-form>p{font-size:10px;line-height:1.7;color:#7a8570;margin:8px 0 0}.home-id-form .player-error{min-height:17px;margin-top:4px}.home-id-tools{display:flex;gap:13px;margin-top:7px}.home-id-tools button{font-size:10px;color:#617b50;text-decoration:underline;text-underline-offset:3px}
.reshuffle-button{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fffdf4;border-radius:10px;padding:11px 14px;font-size:11px;white-space:nowrap}.reshuffle-button .icon{width:16px;height:16px}.featured-art>svg{max-width:85%;object-fit:contain}.collection-heading{align-items:center}.collection-heading p{font-size:10px;color:var(--muted);margin:7px 0 0}.filter-tip{font-size:10px;color:var(--muted);margin:-7px 0 16px}.home-help{margin:37px 0 22px;border:1px solid var(--line);border-radius:18px;background:#fcfcf6;overflow:hidden}.home-help-heading{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 25px;cursor:pointer}.home-help-heading::-webkit-details-marker{display:none}.home-help-heading small{display:block;font:8px ui-monospace,monospace;letter-spacing:1.6px;color:var(--muted);margin-bottom:7px}.home-help-heading strong{font-size:21px}.home-help-heading>span:last-child{font-size:11px;color:var(--muted)}.home-help-heading b{display:inline-block;color:var(--ink);font-size:20px;margin-left:12px;transition:transform .2s}.home-help[open] .home-help-heading b{transform:rotate(45deg)}.home-help-content{padding:0 24px 24px}.home-help .help-accordions{gap:12px}.home-help .help-item{background:#fffef9}.home-help .keyboard-note{margin-bottom:20px}
.wheel-pool-note{font-size:11px;text-align:center;color:var(--muted);line-height:1.9;margin-top:25px}.wheel-topic strong{font-size:12px}.about-site{padding:30px 32px;border:1px solid var(--line);border-radius:20px;background:#fbfcf1;margin-bottom:25px}.about-heading{display:flex;gap:20px;align-items:center}.about-heading img{object-fit:contain;background:#fff;border-radius:18px;padding:6px;border:1px solid #e0e5d6}.about-heading h2{font-size:26px;margin:7px 0}.about-heading p{font-size:12px;color:var(--muted);margin:0}.about-text{font-size:13px;line-height:2.1;max-width:730px;margin:24px 0}.about-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 23px}.about-facts>span{font-size:11px;color:#6b7c60;padding:16px 18px;border:1px solid #dbe4ca;border-radius:12px;background:#f0f5e1}.about-facts strong{display:block;color:var(--ink);font:700 27px ui-monospace,monospace;margin-bottom:6px}.about-id-note{font-size:11px;line-height:1.9;color:var(--muted);margin-bottom:15px}.about-play{font-size:12px;font-weight:700;color:#526e40;text-underline-offset:4px;text-decoration:underline}.release-history{margin-top:35px}.history-entry{display:grid;grid-template-columns:80px minmax(0,1fr);gap:22px;border:1px solid var(--line);border-radius:15px;padding:23px 25px;background:#fcfcf6;margin-bottom:14px}.history-badge{font:700 18px ui-monospace,monospace;align-self:start;padding:12px 9px;text-align:center;background:#e9efd9;border-radius:10px}.history-entry h3{font-size:17px;margin:5px 0 12px;line-height:1.6}.history-period{font:9px ui-monospace,monospace;color:var(--muted);margin:0}.history-entry ul{padding-left:17px;margin:0}.history-entry li{font-size:12px;line-height:1.9;color:#77806e;margin:5px 0}.history-note{font-size:10px;line-height:1.9;color:var(--muted);margin:19px 0 0}
.wheel-topics{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:900px){.home-identity{gap:20px;padding:23px}.home-id-entry button{padding:10px 12px}.wheel-topics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.home-identity{grid-template-columns:1fr;gap:16px;padding:20px;margin-bottom:29px}.home-id-copy h2{font-size:17px}.home-id-copy .section-kicker{font-size:7px}.home-id-copy p{font-size:10px}.home-id-form>p{font-size:9px}.home-id-entry input{font-size:11px}.home-id-entry button{font-size:11px;padding:10px 13px}.collection-heading{flex-direction:column;align-items:flex-start;gap:15px}.collection-heading .filters{width:100%}.collection-heading .filter{flex:1;padding:10px}.reshuffle-button{padding:9px 10px;font-size:10px}.home-help-heading{padding:19px 18px}.home-help-heading strong{font-size:18px}.home-help-heading>span:last-child{font-size:10px}.home-help-content{padding:0 14px 17px}.about-site{padding:23px 20px}.about-heading{gap:14px}.about-heading img{width:64px;height:64px}.about-heading h2{font-size:21px}.about-heading p{font-size:10px}.about-text{font-size:11px;line-height:2}.about-facts{gap:8px}.about-facts>span{padding:12px 9px;font-size:9px}.about-facts strong{font-size:23px}.about-id-note{font-size:10px}.history-entry{grid-template-columns:62px minmax(0,1fr);gap:15px;padding:19px 16px}.history-badge{font-size:15px;padding:11px 5px}.history-entry h3{font-size:15px}.history-entry li{font-size:10px}.wheel-pool-note{font-size:9px}.page-intro h1{overflow-wrap:anywhere}}
@media(max-width:360px){.home-identity{padding:17px 14px}.home-id-entry{gap:5px}.home-id-entry button{padding:10px}.home-id-entry input{padding:12px 9px}.section-heading h2>span{font-size:8px}.about-heading h2{font-size:18px}.history-entry{gap:11px;padding:17px 13px}}

/* V1.6: a place for friends, six visible wheels and navigation in the header. */
.hero .mascot-screen{display:flex;flex-direction:column;align-items:center;background:#d5e5b8;padding:8px;gap:3px}
.mascot-screen-bar{display:flex;justify-content:space-between;width:100%;font:7px/1.4 ui-monospace,monospace;color:#42623c;letter-spacing:.3px}
.hero .hero-mascot{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.mascot-screen-caption{font:7px/1.4 var(--font);color:#42623c;letter-spacing:.6px;text-align:center}
.logo-controller-tile{display:grid;place-items:center}.logo-controller-tile .icon{width:60%;height:60%;stroke-width:1.5}
.logo-button-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.logo-button-tile>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#34432e;color:#e0f58e;font:700 20px ui-monospace,monospace;box-shadow:2px 3px 0 #28372344}
.logo-button-tile>small{font:5px ui-monospace,monospace;letter-spacing:.3px}
.wheel-experience{margin-bottom:25px;scroll-margin-top:20px}
.wheel-experience:last-of-type{margin-bottom:0}
.wheel-options-menu .lunch-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:420px;overflow:auto}
.wheel-options-menu .wheel-option{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:12px 13px;background:#f5f7ec;border:1px solid #e4e8d9;border-radius:9px;min-width:0}
.wheel-option strong{font-size:11px;color:#405339;font-weight:600;line-height:1.7;overflow-wrap:anywhere}
.wheel-option small{font-size:10px;color:#859176;font-weight:400;line-height:1.7}
.community-layout{grid-template-columns:1fr;gap:25px}.leaderboard-panel{grid-row:1}.records-panel{grid-row:2}
.records-panel .record-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:none;overflow:visible}
.records-panel .record-list>div{min-width:0;gap:10px;padding:14px 12px;border:1px solid #e1e6d7;border-radius:11px;background:#f9faf2}
.records-panel .record-icon{width:32px;height:32px;font-size:12px;border-radius:9px}
.records-panel .record-info{min-width:0}.records-panel .record-info h3{font-size:12px}.records-panel .record-info p{font-size:9px}
.records-panel .record-score{font-size:19px;flex-shrink:0}.records-panel .record-score small{font-size:8px}
.rank-table-wrap{max-height:none;overflow-x:auto;overflow-y:visible}
.rank-game-heading{font-size:11px;color:#78866b;margin:0 0 12px}
.rank-game-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:23px}
.rank-game-grid button{border:1px solid #dce3d0;border-radius:9px;padding:11px 7px;background:#f7f9ed;color:#70805f;font-size:11px;text-align:center;min-height:42px}
.rank-game-grid button.selected{background:var(--green);border-color:#b9cd7e;color:#35462d;font-weight:700}
.rank-game-grid button:hover{border-color:#acbe86}
.home-help-heading b{font-size:22px;font-weight:400}.home-help[open] .home-help-heading b{transform:rotate(180deg)}
.message-board{margin:25px 0;padding:30px 32px;background:#fffdf5;border:1px solid #dce3d0;border-radius:20px}
.message-board-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}
.message-board-heading h2{font-size:27px;margin:8px 0}.message-board-heading p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}
.message-board-stamp{transform:rotate(7deg);padding:13px 15px;border:1px dashed #aab993;border-radius:50%;font:9px/1.7 ui-monospace,monospace;text-align:center;color:#6d7d5c}
.message-board-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;align-items:start}
.message-form{padding:22px;background:#eef3df;border:1px solid #dfe7cc;border-radius:15px}
.message-form label{display:block;font-size:12px;font-weight:700;margin-bottom:10px}
.message-id-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
.message-form input,.message-form textarea{width:100%;min-width:0;padding:12px;font:12px/1.8 var(--font);color:var(--ink);border:1px solid #d1dbc2;border-radius:9px;background:#fffef9}
.message-form input:focus,.message-form textarea:focus{outline:2px solid #bbd577;outline-offset:2px}
.message-form textarea{display:block;resize:vertical;min-height:122px}
.message-id-entry button{border:1px solid #d1dbc2;background:#fffdf5;padding:9px;border-radius:9px;font-size:10px;white-space:nowrap}
.message-identity-note{font-size:10px;color:#7d8b6d;line-height:1.8;margin:9px 0 20px;overflow-wrap:anywhere}
.message-text-meta{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#7d8b6d;margin:8px 0 17px}
.message-text-meta [data-over=true]{color:#ba5549;font-weight:700}
.message-submit{width:100%;padding:13px 16px;border:1px solid #b9cf79;background:var(--green);border-radius:10px;color:#34452e;font-size:12px;font-weight:700}
.message-submit:disabled{opacity:.65;cursor:wait}.message-form-status{min-height:18px;font-size:10px;line-height:1.8;margin:10px 0 0;color:#7d8b6d}
.message-form-status[data-tone=error]{color:#b55348}.message-form-status[data-tone=success]{color:#4c7341}
.message-feed-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.message-feed-heading h3{font-size:15px;margin:0}
.message-feed-heading button{font-size:10px;border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:#f9faf2;color:#6a7a58}
.message-list-note{font-size:10px;line-height:1.9;color:var(--muted);margin:10px 0 14px}
.message-list{display:grid;gap:11px}.message-card{padding:16px;background:#fafbf3;border:1px solid #e3e8d9;border-radius:12px}
.message-card-top{display:flex;align-items:center;gap:9px}.message-avatar{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;background:#e3eccd;border-radius:9px;font-size:12px;color:#5f7849}
.message-card-top strong{font-size:11px;overflow-wrap:anywhere}.message-card-top time{margin-left:auto;font:9px ui-monospace,monospace;white-space:nowrap;color:#95a089}
.message-card p{font-size:12px;line-height:1.9;margin:12px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:900px){.records-panel .record-list{grid-template-columns:repeat(2,minmax(0,1fr))}.message-board-layout{gap:20px}.message-form{padding:18px}.rank-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){
  body{padding-bottom:0}
  .header-inner{height:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding-top:16px;padding-bottom:16px}
  .site-header nav{position:static;grid-column:1/-1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;left:auto;right:auto;bottom:auto;padding:0;margin:0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;z-index:auto}
  .site-header .nav-link,.site-header .nav-link:first-child{grid-column:auto;min-height:62px;flex-direction:row;text-align:left;justify-content:flex-start;gap:10px;padding:12px;border-radius:11px}
  .site-header .nav-link .icon{width:21px;height:21px;flex-shrink:0}
  .site-header .nav-copy strong{font-size:12px}.site-header .nav-copy small{display:block;font-size:8px;line-height:1.7;margin-top:4px}
  .wheel-experience{margin-bottom:22px}.wheel-options-menu .lunch-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  .message-board-layout{grid-template-columns:1fr}.message-board{padding:24px}.message-form{padding:20px}
}
@media(max-width:480px){
  .site-header .nav-link,.site-header .nav-link:first-child{padding:10px;gap:9px;min-height:60px}.site-header .nav-copy strong{font-size:11px}
  .hero .mascot-screen{padding:5px;gap:2px}.mascot-screen-bar{font-size:5px}.mascot-screen-caption{font-size:5px;letter-spacing:0}
  .logo-button-tile>span{width:23px;height:23px;font-size:13px}.logo-button-tile>small{font-size:4px}
  .wheel-options-menu .wheel-option{padding:10px}.wheel-option strong{font-size:10px}.wheel-option small{font-size:9px}
  .records-panel .record-list{grid-template-columns:1fr}.records-panel .record-list>div{padding:14px}.records-panel .record-info p{font-size:10px}
  .rank-game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.rank-game-grid button{font-size:10px;padding:10px 4px}
  .message-board{padding:22px 18px}.message-board-heading{gap:10px}.message-board-heading h2{font-size:23px}.message-board-heading p{font-size:10px}
  .message-board-stamp{padding:10px;font-size:7px}.message-form{padding:17px 14px}.message-form input,.message-form textarea{font-size:16px}
  .message-id-entry{grid-template-columns:minmax(0,1fr) auto}.message-id-entry button{font-size:9px;padding:7px}
  .message-card-top time{font-size:8px}.message-card p{font-size:11px}
}
/* V1.7: quick wheel jumps and six small, touch-friendly games. */
.wheel-jump-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 28px}
.wheel-jump-nav button{display:flex;align-items:center;gap:10px;min-width:0;min-height:66px;padding:14px 18px;border:1px solid #d1d9c6;border-radius:13px;background:#fffdf4;color:#435638;text-decoration:none;transition:background .18s,transform .18s}
.wheel-jump-nav button:hover,.wheel-jump-nav button.selected{background:#e6edcf;transform:translateY(-2px)}
.wheel-jump-nav button>span{font-size:23px}.wheel-jump-nav strong{font-size:14px;white-space:nowrap}.wheel-jump-nav small{margin-left:auto;font:11px ui-monospace,monospace;color:#80906d}
.wheel-experience{scroll-margin-top:22px}.rank-mode-note{display:inline-flex;padding:10px 16px;background:#e6edcf;border-radius:8px;color:#586e45;font-size:12px;font-weight:700}
.party-board{width:min(100%,420px);min-width:0;touch-action:manipulation;user-select:none}
.party-kicker{text-align:center;font-size:12px;font-weight:700;color:#63764d;margin-bottom:13px}
.party-notice{text-align:center;color:#6b7c5a;font-size:11px;line-height:1.6;min-height:18px;margin:14px 0 0}
.party-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;padding:0 14px 16px}
.party-tools .secondary-button{min-height:42px;font-size:12px;padding:10px 16px}.party-tools button:disabled{opacity:.45;cursor:default}
.triples-stage,.farm-stage,.link-stage{min-height:450px;padding:24px;background:#edf2e0}
.stack-board{position:relative;width:100%;aspect-ratio:6.7/5.8;border:1px solid #c8d4b2;border-radius:20px;background:radial-gradient(ellipse at 50% 50%,#e6edcf,#dbe5c1);overflow:hidden}
.stack-tile{position:absolute;left:calc(2% + var(--x)*100%/6.7);top:calc(2% + var(--y)*100%/5.8);z-index:var(--z);width:14%;height:16%;display:grid;place-items:center;padding:0;border:1px solid #b5c391;border-radius:11px;background:#fffdef;color:#4e633c;font-size:clamp(20px,4.5vw,31px);box-shadow:0 4px 0 #b4c38f,0 7px 9px #72845025;transition:filter .15s,transform .15s}
.stack-tile:hover:not(:disabled){transform:translateY(-3px)}.stack-tile.covered{filter:brightness(.76);cursor:default}
.stack-tray{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-top:18px;padding:9px;background:#c4d1a9;border-radius:13px}
.tray-slot{display:grid;place-items:center;aspect-ratio:1;border:1px solid #b4c191;border-radius:7px;background:#e5ebd4;color:#a6b293;font-size:clamp(18px,4vw,27px)}.tray-slot.filled{background:#fffbed;color:#617248;box-shadow:0 2px 0 #b4c191}




.farm-stage{background:#e1edd6}.farm-crops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:19px}
.crop-choice{display:flex;align-items:center;flex-direction:column;gap:5px;min-width:0;padding:12px 3px;border:1px solid #c0d3ad;background:#f5f8e9;border-radius:12px}.crop-choice>span{font-size:27px}.crop-choice strong{font-size:12px;color:#507043}.crop-choice small{font-size:10px;color:#8a9875}.crop-choice.selected{border-color:#7b9b5b;background:#e3efc2;box-shadow:0 0 0 2px #c0d59a}
.farm-plots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.farm-plot{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-width:0;min-height:128px;padding:10px 3px;border:2px solid #bb9971;border-radius:14px;background:repeating-linear-gradient(0deg,#e5d3b2 0 21px,#d5bd97 22px 24px);box-shadow:0 4px 0 #b3956e}.farm-plot>span{font-size:35px;color:#b1946e}.farm-plot strong{font-size:12px;color:#735c3c}.farm-plot small{font-size:10px;color:#917b5b}.farm-plot.ripe{border-color:#8aa166;background:#d7e4b7;box-shadow:0 4px 0 #8aa166}.farm-plot.ripe>span{filter:drop-shadow(0 2px 2px #83994b33)}
.farm-growth-note{text-align:center;font-size:11px;color:#738562;margin:20px 0 0;line-height:1.7}
.fruit-link-board{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:6px;padding:10px;border-radius:16px;background:#d5debb}
.fruit-cell{display:grid;place-items:center;aspect-ratio:1;min-width:0;padding:0;border:1px solid #bdc99f;border-radius:9px;background:#fffbed;font-size:clamp(19px,4.5vw,29px);box-shadow:0 3px 0 #bcc79d;transition:background .15s}.fruit-cell.selected{background:#dff096;outline:2px solid #7d9854;outline-offset:-2px}.fruit-cell.cleared{visibility:hidden}
.jump-stage,.needles-stage{padding:0;background:#dcece3;min-height:500px}.jump-stage canvas,.needles-stage canvas{width:min(100%,400px);aspect-ratio:4/5}
.party-board button:focus-visible,.wheel-jump-nav button:focus-visible{outline:3px solid #749153;outline-offset:3px}.sokoban-grid .crate,.sokoban-grid .worker,.sokoban-grid .target{font-size:clamp(14px,3.8vw,27px)}
@media(max-width:760px){.wheel-jump-nav{gap:9px}.wheel-jump-nav button{padding:13px 10px;gap:7px;min-height:61px}.wheel-jump-nav strong{font-size:12px}.wheel-jump-nav small{display:none}.wheel-jump-nav button>span{font-size:20px}}
@media(max-width:480px){.wheel-jump-nav{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:22px}.wheel-jump-nav button{padding:12px 14px}.triples-stage,.farm-stage,.link-stage{padding:16px 12px;min-height:390px}.stack-tile{border-radius:8px}.farm-crops{gap:6px}.crop-choice{padding:9px 2px}.farm-plots{gap:9px}.farm-plot{min-height:110px;border-radius:11px;gap:6px}.farm-plot>span{font-size:30px}.farm-plot strong{font-size:11px}.farm-plot small{font-size:9px}.fruit-link-board{padding:7px;gap:4px}.jump-stage,.needles-stage{min-height:0}.party-tools{gap:7px}.party-tools .secondary-button{padding:9px 12px;font-size:11px}}
/* V1.8 · clear rules, three maps and a little more play */
.mode-description{font-size:12px;line-height:1.8;color:#73806c;margin:8px 0 14px}.variant-settings{margin:16px 0}.variant-settings h3{font-size:13px;margin:0 0 9px}.variant-settings p{font-size:10px;line-height:1.6;color:#7b8272;margin:8px 0}.variant-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.variant-options button{padding:9px 4px;border:1px solid #dedfd0;border-radius:8px;background:#fafbf4;color:#61705b;font:inherit;font-size:11px;cursor:pointer;line-height:1.6;min-width:0}.variant-options button.selected{border-color:#7b9062;background:#e5edda;color:#344731}.variant-options button:focus-visible{outline:2px solid #566e43;outline-offset:3px}.skin-options i{display:block;width:11px;height:11px;border-radius:4px;margin:0 auto 4px}.rank-map-settings{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.rank-map-settings>span{font-size:11px;color:#7c8473}.rank-map-settings .variant-options{min-width:270px}.rank-toolbar{flex-wrap:wrap}.compact-mode{display:block;margin-top:6px;font-size:9px;line-height:1.5;letter-spacing:.04em;color:#688059}.compact-copy{min-width:0}.map-records{border-top:1px solid #e4e5d9;padding-top:22px;margin-top:24px}.map-records h3{font-size:14px;margin:0 0 14px}.map-record-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.map-record-list>div{background:#f1f3e8;border-radius:10px;padding:12px}.map-record-list strong{font-size:12px;font-weight:600;display:block;margin-bottom:6px}.map-record-list span{font-size:10px;line-height:1.8;color:#748067;display:block}.mine-cell.blocked{visibility:hidden;pointer-events:none}.bonus-board{width:min(100%,440px);margin:auto;padding:22px}.sudoku-grid,.match3-grid{display:grid;gap:0;aspect-ratio:1;width:100%}.sudoku-grid{grid-template-columns:repeat(9,minmax(0,1fr));border:2px solid #78836b;border-radius:5px;overflow:hidden;background:#fffdf5}.sudoku-cell{padding:0;min-width:0;min-height:0;border:0;border-right:1px solid #e2e5d4;border-bottom:1px solid #e2e5d4;background:transparent;color:#788eae;font:500 clamp(16px,3vw,23px) ui-monospace,monospace;cursor:pointer}.sudoku-cell:nth-child(3n){border-right:2px solid #8d987f}.sudoku-cell:nth-child(9n){border-right:0}.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #8d987f}.sudoku-cell.given{color:#4c5f40;font-weight:700;background:#f0f3e8}.sudoku-cell.selected{background:#d8e7c3;box-shadow:inset 0 0 0 2px #7d9360}.sudoku-cell.error{color:#c37461;background:#f7e1d9}.sudoku-keypad{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;margin-top:16px}.sudoku-keypad button{border:1px solid #d9deca;background:#f5f7ec;color:#506645;border-radius:6px;padding:9px 0;cursor:pointer;font:600 16px ui-monospace,monospace;min-height:38px}.sudoku-keypad button:nth-last-child(-n+2){grid-column:span 3;font:500 12px system-ui}.bonus-notice{font-size:11px;line-height:1.7;color:#6c795e;text-align:center;margin:14px 0 0}.match3-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;padding:7px;background:#ecdecf;border-radius:13px}.match3-cell{padding:0;border:1px solid #e5d5c2;border-radius:8px;min-width:0;aspect-ratio:1;background:#fff9ed;font-size:clamp(17px,4vw,29px);cursor:pointer;transition:transform .15s,opacity .15s,background .15s}.match3-cell.selected{background:#f5e1a9;box-shadow:inset 0 0 0 2px #b99b57;transform:scale(.94)}.match3-cell.clearing{opacity:.35;transform:scale(.8)}.bonus-board button:focus-visible,.guess-input-row input:focus-visible{outline:2px solid #647c4e;outline-offset:2px}.guess-panel{text-align:center;padding:25px 6px}.bonus-emblem{display:grid;place-items:center;margin:0 auto 24px;width:88px;height:88px;background:#e2eddf;border-radius:25px;transform:rotate(-7deg);font:600 55px ui-monospace,monospace;color:#64835a}.guess-panel>p{font-size:13px;color:#75816b;line-height:1.8}.guess-panel label{display:block;font-size:11px;text-align:left;margin:24px 0 9px;color:#69775e}.guess-input-row{display:flex;gap:9px}.guess-input-row input{min-width:0;width:100%;border:1px solid #cdd7bc;border-radius:9px;padding:13px;font:500 20px ui-monospace,monospace;background:#fffdf6;color:#4c6640}.guess-input-row button{white-space:nowrap;flex-shrink:0;padding-inline:15px}.guess-panel small{font-size:10px;color:#8d9783}.reaction-panel{text-align:center;padding:16px 0}.reaction-target{width:100%;min-height:280px;border:1px solid #d5daca;border-radius:26px;background:#e8e9de;cursor:pointer;color:#737c64;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;touch-action:manipulation;transition:background .12s}.reaction-target strong{font:600 clamp(24px,5vw,32px) system-ui}.reaction-target span{font-size:12px}.reaction-target.green{background:#cde38c;border-color:#a7c668;color:#3e5725}.reaction-panel>p{font-size:12px;line-height:1.8;color:#6e7c60;margin:20px 0}.reaction-results{font-size:10px;line-height:1.9;color:#7c876f}.bonus-board.sudoku-board{padding-block:18px}.catch-stage{background:#faf3df}.record-score{overflow-wrap:anywhere}.record-score small{white-space:normal}
@media(max-width:680px){.bonus-board{padding:14px;width:100%}.variant-settings{margin:12px 0}.variant-options button{font-size:11px;padding-block:9px}.map-record-list{grid-template-columns:1fr}.rank-map-settings{width:100%}.rank-map-settings .variant-options{flex:1;min-width:0}.sudoku-keypad{gap:4px;margin-top:12px}.sudoku-keypad button{min-height:37px;padding:8px 0}.match3-grid{gap:4px;padding:6px}.reaction-target{min-height:250px}.guess-panel{padding:16px 3px}.match3-cell{border-radius:6px}.compact-mode{margin-top:4px}.mode-description{font-size:11px;margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.match3-cell,.reaction-target{transition:none}}

/* V2.2.1: theme tabs and refreshed two-map games. */
.wheel-jump-nav button{font-family:inherit;text-align:left;cursor:pointer;appearance:none}
.wheel-jump-nav button[aria-selected="true"]{border-color:#819662;background:#e5edce;box-shadow:inset 0 0 0 1px #819662}
[data-wheel-panel][hidden]{display:none!important}
.mine-grid{border-radius:18px;box-shadow:inset 0 0 0 1px #cbd6bc;padding:12px;background:#dae4d0;gap:5px}
.mine-grid[data-map="island"]{background:linear-gradient(145deg,#cee6e9,#afd5d8);box-shadow:inset 0 0 0 1px #99c6cc}
.mine-grid[data-map="island"] .mine-cell:not(.blocked){background:#f5edda;border-color:#d8cbb1}
.mine-grid[data-map="island"] .mine-cell.open{background:#e7dbc2;box-shadow:none}
.mine-cell{border-radius:5px;transition:background-color .12s,box-shadow .12s}
.mine-cell.blocked{background:transparent!important;box-shadow:none;border:0}
.history-entry:first-child .history-period{color:#52703e;font-weight:650}
@media(max-width:480px){.mine-grid{padding:8px;gap:3px;border-radius:13px}.mine-cell{border-radius:3px}}
@media(prefers-reduced-motion:reduce){.mine-cell,.wheel-jump-nav button{transition:none}}

/* Highway Racer: quiet colours, compact instruments and generous touch targets. */
.instructions-panel>summary{display:flex;align-items:center;gap:7px;list-style:none;font-size:13px;font-weight:700;cursor:pointer}
.instructions-panel>summary::-webkit-details-marker{display:none}
.instructions-panel>summary>span{margin-left:auto;color:#879374;transition:transform .15s}
.instructions-panel[open]>summary{margin-bottom:17px}
.instructions-panel[open]>summary>span{transform:rotate(180deg)}
.race-hud{display:grid;grid-template-columns:minmax(0,1fr) 115px;gap:12px 18px;padding:16px 22px;background:#f4f4e9;border-bottom:1px solid var(--line)}
.race-nitro>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;color:#748365}
.race-nitro strong{font-size:10px;font-weight:600;color:#4f6747}
.race-nitro-track{height:9px;border-radius:8px;background:#dce2ce;overflow:hidden}
.race-nitro-track>span{display:block;height:100%;width:0;background:#a7bc7e;border-radius:8px;transition:width .12s linear}
.race-hud.boosting{background:#e7eed9}.race-hud.boosting .race-nitro-track>span{background:#d5b362}
.race-pass-count{display:grid;grid-template-columns:1fr auto;align-items:center;font-size:10px;color:#78816b}
.race-pass-count>strong{font:700 20px ui-monospace,monospace;color:#43553d}
.race-pass-count>small{grid-column:1/-1;font-size:9px;margin-top:3px}
.race-powerups{grid-column:1/-1;color:#66758b;font-size:10px}.race-powerups:empty{display:none}
.race-heart{display:inline-block;font-size:20px;color:#c78170;margin:0 1px;transition:opacity .15s,transform .15s}
.race-heart.empty{color:#b7baab;opacity:.65}.race-hit .race-heart{opacity:.4;transform:scale(.88)}
.race-personal{width:100%;margin:17px 0 12px;text-align:left;border-top:1px solid #d7dec5;padding-top:15px}
.race-personal>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.race-personal>div:first-child>span{font-size:9px;color:#7f8c71;line-height:1.7}
.race-personal>div:first-child strong{display:block;color:#4c5e42;font:700 18px/1.8 ui-monospace,monospace}
.race-personal>p{font-size:9px;letter-spacing:1px;color:#7a876b;margin:16px 0 8px}
.race-achievements{display:flex;flex-wrap:wrap;gap:6px}
.race-achievements>span{padding:6px 8px;border:1px dashed #d0d7c3;border-radius:7px;color:#959b8b;font-size:9px}
.race-achievements>span.unlocked{background:#e4edcf;color:#587443;border:1px solid #c8d6ae}
.race-personal>small{display:block;margin-top:15px;font-size:9px;color:#8a927e;line-height:1.6}
.game-view[data-game="race"] .touch-pad.side-controls{grid-template-columns:repeat(2,minmax(72px,120px));grid-template-rows:60px;margin:16px auto 0;gap:18px;width:calc(100% - 44px);max-width:258px}
.game-view[data-game="race"] .touch-pad button{min-height:60px;font-size:24px;touch-action:none;user-select:none}
.game-view[data-game="race"] .arcade-action{min-height:50px;max-width:258px;width:calc(100% - 44px);font-size:12px;margin:12px auto 18px;touch-action:manipulation}
.game-view[data-game="race"] .arcade-action:disabled{opacity:.6}
.game-view[data-game="race"] .race-stage{min-height:0;background:#dce3ce}
.race-stage .stage-overlay{background:#2e464ebd;backdrop-filter:blur(2px)}
@media(max-width:760px){
 .game-view[data-game="race"] .race-stage canvas{height:min(56dvh,540px);width:auto;max-width:100%;object-fit:contain}
 .race-hud{padding:13px 16px;gap:9px 14px;grid-template-columns:minmax(0,1fr) 102px}
 .game-view[data-game="race"] .touch-pad.side-controls{grid-template-rows:64px;max-width:300px;grid-template-columns:1fr 1fr;gap:16px}
 .game-view[data-game="race"] .touch-pad button{min-height:64px}
 .game-view[data-game="race"] .arcade-action{max-width:300px;min-height:52px}
 .game-view[data-game="race"] .play-sidebar{gap:14px}
}
@media(prefers-reduced-motion:reduce){.race-nitro-track>span,.race-heart,.instructions-panel>summary>span{transition:none}}
.score-bar.four-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.four-metrics .score-item{min-width:0;padding:0 5px}.four-metrics .score-item:last-child{border:0}
.stack-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:13px;font-size:12px;font-weight:600;color:#506543}.stack-heading small{font-size:10px;color:#7a8d6c;font-weight:400}
.triples-stage{background:#eef2e2;align-items:flex-start;padding:22px;min-height:0}
.triples-stage .party-board{width:min(100%,540px)}
.stack-board{aspect-ratio:1;border-radius:22px;background:radial-gradient(ellipse at 40% 30%,#f0f4df,#dce6c6);overflow:visible;isolation:isolate}
.stack-board:before{content:"";position:absolute;inset:14px;border:1px dashed #afbf903b;border-radius:14px;pointer-events:none}
.stack-tile{left:calc(var(--x)*100%/6.6);top:calc(var(--y)*100%/6.6);width:calc(100%/6.6);height:calc(100%/6.6);border:1px solid #bdc9a6;border-bottom:3px solid #9daf82;border-radius:12px;background:linear-gradient(#fffef4,#f7f5e6);font-size:clamp(25px,5.4vw,36px);box-shadow:0 4px 0 #a9b989,0 8px 12px #43502d26;transition:filter .14s,transform .14s;touch-action:manipulation;user-select:none}
.stack-tile.covered{filter:brightness(.79) saturate(.55);background:#e4e6d9;cursor:default;box-shadow:0 3px 0 #96a87b,0 4px 8px #43502d14}
.stack-tile:hover:not(.covered){transform:translateY(-3px);filter:brightness(1.03)}.stack-tile.covered:hover{transform:none}.stack-tile:focus-visible{outline:3px solid #8262b3;outline-offset:-4px}
.stack-tray{position:relative;margin-top:20px;background:#ced9b8;border:1px solid #b6c69b;padding:10px;gap:5px;transition:background .2s,border-color .2s}.stack-tray.warning{background:#f1dbc6;border-color:#d5a982}
.stack-tray .tray-slot{aspect-ratio:1;min-width:0;font-size:clamp(23px,5vw,33px);border-radius:8px;background:#e8eedb;border:1px dashed #b6c79c;color:#a6b18e;display:grid;place-items:center}.stack-tray .tray-slot.filled{background:#fffdf1;border-style:solid;box-shadow:0 2px 0 #abbc8d}
.stack-tray-note{margin:9px 0 0;text-align:center;font-size:11px;color:#778862}.warning+.stack-tray-note{color:#a27449;font-weight:600}
.stack-flight{position:fixed;z-index:9000;display:grid;place-items:center;font-size:30px;border-radius:10px;border:1px solid #bdc9a6;background:#fffdf1;pointer-events:none;box-shadow:0 5px 12px #43502d22}
.stack-match{position:absolute;top:10px;width:calc(100%/7);display:grid;place-items:center;font-size:30px;z-index:10;pointer-events:none}
.archived-record{opacity:.75}
.shooter-tools{padding:14px 18px 12px;background:#132b36;color:#e8f2ee;border-bottom:1px solid #39515a}.shooter-weapon-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.shooter-weapon-picker button{min-height:44px;border:1px solid #42616d;border-radius:8px;background:#223e49;color:#bacbd0;display:flex;justify-content:center;align-items:center;gap:8px;font-size:12px}.shooter-weapon-picker button small{font:10px ui-monospace,monospace;color:#71909e}.shooter-weapon-picker .selected{color:#a4eeee;border-color:#80d4db;background:#294b54}.shooter-weapon-picker button:disabled{opacity:.65}.shooter-ammo-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font:11px ui-monospace,monospace;color:#a8c2c7;margin-top:9px}.shooter-ammo-row button{font-size:11px;color:#ffcf83;min-height:36px;padding:6px 12px;border-radius:6px;background:#233d47}.shooter-ammo-row button:disabled{color:#748e97}
.stage.shooter-stage{padding:0;min-height:0;background:#091b24}.shooter-stage canvas{width:100%;height:auto;cursor:crosshair}.shooter-stage .stage-overlay{background:#0a202dcc;color:#f1f5eb;backdrop-filter:blur(2px)}.shooter-stage .overlay-card p{color:#bed2d5}.shooter-stage .overlay-kicker{color:#81d8dc}.shooter-stage .primary-button{background:#9ce5df;color:#173840;border-color:#90d4cf}.shooter-stage .overlay-symbol{color:#a6eeee}
.shooter-controls{display:none;align-items:center;justify-content:space-between;padding:14px 22px;background:#142d38;color:#deeeed;border-top:1px solid #34515c;gap:16px}.shooter-stick{position:relative;display:grid;place-items:center;width:92px;height:92px;flex:0 0 92px;border:1px solid #567783;border-radius:50%;background:radial-gradient(#2c4b58,#1d3541);touch-action:none;user-select:none}.shooter-stick:before,.shooter-stick:after{content:"";position:absolute;background:#55798477}.shooter-stick:before{width:56px;height:1px}.shooter-stick:after{width:1px;height:56px}.shooter-stick-knob{width:42px;height:42px;border-radius:50%;border:2px solid #90d8dc;background:#4c7f8b;box-shadow:0 4px 8px #061b2855;z-index:1;pointer-events:none}.shooter-stick small{position:absolute;bottom:7px;font-size:9px;pointer-events:none;color:#9fbac1}.shooter-mobile-actions{display:flex;gap:12px;align-items:center}.shooter-mobile-actions button{min-height:48px;padding:8px 13px;border:1px solid #7b9ca4;border-radius:12px;background:#243f4a;color:#d4e6e6;font-size:12px;touch-action:none;user-select:none}.shooter-mobile-actions button:disabled{opacity:.55}.shooter-mobile-actions #shooter-fire{width:92px;height:92px;border-radius:50%;border-color:#88d6db;background:#35636b;color:#ddfffa;font-weight:650;box-shadow:0 5px 0 #1b434d}.shooter-mobile-actions #shooter-fire[aria-pressed="true"]{background:#497f87;box-shadow:0 2px 0 #1b434d;transform:translateY(3px)}.shooter-mobile-actions #shooter-fire span{display:block;font-size:9px;font-weight:400;color:#a0d3d5;margin-top:5px}
@media(max-width:760px){.shooter-controls{display:flex}.score-bar.four-metrics .score-item>span{font-size:9px}.score-bar.four-metrics .score-item strong{font-size:20px}.triples-stage{padding:16px 12px}.stack-heading{font-size:11px}.stack-heading small{font-size:9px}.stack-tile{border-radius:9px}.shooter-tools{padding:12px}.shooter-weapon-picker button{font-size:11px}.shooter-controls{padding:12px 16px}}
@media(max-width:360px){.shooter-controls{padding:12px;gap:8px}.shooter-stick{width:80px;height:80px;flex-basis:80px}.shooter-mobile-actions{gap:8px}.shooter-mobile-actions #shooter-fire{width:80px;height:80px}.shooter-mobile-actions button{padding:7px 9px}.four-metrics .score-item{padding:0 2px}}

.stack-tile.covered:hover:not(:disabled){filter:brightness(.79) saturate(.55);transform:none}

/* V2.4: an air combat cockpit and three focused inspiration themes. */
.air-tools{padding:14px 16px;background:#142c3a;color:#d7eee9;border-bottom:1px solid #385765}
.air-weapon-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.air-weapon-picker button{min-width:0;min-height:53px;padding:8px 4px;border:1px solid #39586b;background:#1f3c4b;color:#a9c2ce;border-radius:9px;text-align:center}
.air-weapon-picker small{display:block;color:#82a1b3;font:9px/1.5 ui-monospace,monospace;letter-spacing:1px}
.air-weapon-picker strong{display:block;font-size:12px;line-height:1.8}
.air-weapon-picker button.selected{background:#274d55;border-color:#8cdbc8;color:#d7fff0;box-shadow:inset 0 -2px #87d6c2}
.air-weapon-picker button.selected small{color:#a6e4d1}.air-weapon-picker button:disabled{opacity:.5}
.air-action-row{display:flex;align-items:center;gap:14px;margin-top:12px}.air-energy{flex:1;min-width:0}
.air-energy>div:first-child{display:flex;justify-content:space-between;gap:6px;margin-bottom:6px;font:10px/1.5 ui-monospace,monospace;color:#a1bac7}.air-energy strong{color:#a7e5d4;font-weight:500;white-space:nowrap}
.air-energy-track{height:5px;background:#264655;border-radius:6px;overflow:hidden}.air-energy-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#5ea5ac,#b1efce);border-radius:6px;transition:width .15s}
#air-emp{min-height:44px;padding:10px 13px;background:#375f6d;color:#c5f3ef;border:1px solid #81b9be;border-radius:9px;font-size:11px;font-weight:600;white-space:nowrap}
#air-emp:disabled{color:#728f9c;border-color:#3f5f6d;background:#233e4c}.air-weapon-picker button:focus-visible,#air-emp:focus-visible{outline:3px solid #cfec97;outline-offset:2px}
.plane-stage{padding:0!important;background:#122d3d;min-height:0}.plane-stage #game-canvas{display:block;max-width:400px;width:100%;height:auto;border-radius:0;margin:0 auto;touch-action:none}
.air-personal .air-personal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.air-personal .air-personal-grid strong{font-size:16px}
.wheel-jump-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.air-tools{padding:12px}.air-action-row{gap:10px}.air-energy>div:first-child{font-size:9px}.air-weapon-picker strong{font-size:11px}.plane-stage #game-canvas{width:min(100%,400px,48svh)}}
@media(max-width:480px){.wheel-jump-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.wheel-jump-nav button{flex-direction:column;align-items:center;padding:12px 4px;gap:7px}.wheel-jump-nav strong{font-size:11px}.air-action-row{gap:8px}#air-emp{padding:9px;font-size:10px}.air-energy>div:first-child{font-size:8px}}
@media(prefers-reduced-motion:reduce){.air-energy-track span{transition:none}}
/* V2.4.1: shared scene previews and an unobtrusive page shortcut. */
.preview-art>.game-preview{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .25s ease;pointer-events:none}
.card-art.preview-art:hover>.game-preview{transform:scale(1.035)}
.preview-art>.art-label{background:#fffdf2df;color:#46594e;border-radius:5px;padding:4px 6px;letter-spacing:.4px;top:12px;left:12px}
.preview-art>.art-tag{background:#fffdf2df;color:#46594e}
.preview-art>.compact-index{z-index:1;background:#fffdf2dc;color:#47604e;padding:3px 4px;border-radius:4px;left:6px;top:6px}
.back-to-top{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:30;width:52px;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid #cdd7bd;border-radius:15px;background:#fcfdf4;color:#465e3b;box-shadow:0 4px 18px #38522c18;font:600 10px/1.5 var(--font);cursor:pointer;touch-action:manipulation}
.back-to-top .icon{width:20px;height:20px;stroke-width:1.8}
.back-to-top:hover{background:#e9f2d3;border-color:#aabc8f}
.back-to-top:focus-visible{outline:3px solid #a8c862;outline-offset:4px}
.back-to-top[hidden]{display:none!important}
@media(max-width:760px){.back-to-top{width:46px;min-height:52px;right:max(14px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));border-radius:13px}.preview-art>.art-label{font-size:6px;top:8px;left:8px;padding:3px 4px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.preview-art>.game-preview{transition:none}.card-art.preview-art:hover>.game-preview{transform:none}}

/* V2.5: play surfaces do not become text selections or dragged browser images. */
#game-view :where(.play-panel,.play-panel *,button,button *,summary,summary *){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
#game-view :where(.play-panel){cursor:default}
#game-view :where(img,svg){-webkit-user-drag:none}
#game-view :where(input,textarea,select,[contenteditable]:not([contenteditable="false"]),[contenteditable]:not([contenteditable="false"]) *,[data-allow-selection],[data-allow-selection] *){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;cursor:auto}

/* V2.6: a compact help window above the existing page shortcut. */
.floating-help-button{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:calc(max(22px,env(safe-area-inset-bottom)) + 68px);z-index:30;width:52px;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid #cdd7bd;border-radius:15px;background:#fcfdf4;color:#465e3b;box-shadow:0 4px 18px #38522c18;font:600 10px/1.5 var(--font);touch-action:manipulation}
.floating-help-button .icon{width:20px;height:20px;stroke-width:1.8}
.floating-help-button:hover,.floating-help-button[aria-expanded="true"]{background:#e9f2d3;border-color:#aabc8f}
.floating-help-button:focus-visible{outline:3px solid #a8c862;outline-offset:4px}
.game-help-dialog{position:fixed;inset:auto max(22px,env(safe-area-inset-right)) calc(max(22px,env(safe-area-inset-bottom)) + 136px) auto;margin:0;padding:0;width:min(390px,calc(100vw - 32px));max-height:min(600px,calc(100svh - 175px));overflow:hidden;border-radius:18px;box-shadow:0 12px 45px #314d2933}
.game-help-dialog[open]{display:flex;flex-direction:column}
.game-help-dialog::backdrop{background:#293a2614;backdrop-filter:none}
.game-help-dialog .help-popup-heading{flex-shrink:0;align-items:center;margin:0;padding:17px 18px;border-bottom:1px solid var(--line);background:#f1f5e8}
.game-help-dialog .help-popup-heading h2{font-size:18px;margin:5px 0 0}
.game-help-dialog .help-popup-heading .icon-button{width:40px;min-height:40px;background:#fffef6}
.game-help-dialog .home-help-content{min-height:0;padding:15px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.game-help-dialog .keyboard-note{gap:6px;margin-bottom:14px}
.game-help-dialog .keyboard-note span{font-size:9px}
.game-help-dialog .help-accordions{grid-template-columns:1fr;gap:9px}
.game-help-dialog .help-item>summary{min-height:48px;padding:12px;gap:10px}
.game-help-dialog .help-item strong{font-size:12px}
.game-help-dialog .help-item-body{padding:0 13px 14px}
.game-help-dialog .help-item-body p,.game-help-dialog .help-item-body dd{font-size:11px}
.game-help-dialog .help-play{min-height:40px}
@media(max-width:760px){.floating-help-button{width:46px;min-height:52px;right:max(14px,env(safe-area-inset-right));bottom:calc(max(16px,env(safe-area-inset-bottom)) + 62px);border-radius:13px}.game-help-dialog{right:max(14px,env(safe-area-inset-right));bottom:calc(max(16px,env(safe-area-inset-bottom)) + 124px);width:min(360px,calc(100vw - 28px));max-height:min(65svh,calc(100svh - 156px));border-radius:16px}.game-help-dialog .help-popup-heading{padding:14px 15px}.game-help-dialog .home-help-content{padding:12px}}