.ssm-game{color:#2d2924;min-height:100vh;font-family:var(--font-sans,ui-sans-serif);background-color:#e8d8b8;background-image:linear-gradient(90deg,#6f2f2730 1px,#0000 1px),linear-gradient(#6f2f2730 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:28px 28px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.ssm-top{color:#f6e7bd;letter-spacing:.12em;background:#252b27;justify-content:space-between;align-items:center;height:52px;padding:0 max(18px,4vw);display:flex}.ssm-top a{color:inherit;align-items:center;gap:7px;font-weight:900;text-decoration:none;display:flex}.ssm-top svg{width:18px}.ssm-top small{opacity:.6}.ssm-shell{width:min(1160px,94vw);margin:28px auto 56px}.ssm-heading{justify-content:space-between;align-items:end;margin-bottom:15px;display:flex}.ssm-heading p{color:#a44335;letter-spacing:.12em;margin:0 0 3px;font-weight:950}.ssm-heading h1{margin:0;font-family:serif;font-size:clamp(38px,6vw,68px);line-height:.95}.ssm-heading>button{color:#fff;background:#a44335;border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.ssm-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px;display:grid}.ssm-workshop,.ssm-side{background:#fff5d7;border:3px solid #3b3329;border-radius:24px;overflow:hidden;box-shadow:8px 8px #8e3d33}.ssm-hud{background:#bca477;border-bottom:1px solid #bca477;grid-template-columns:repeat(6,1fr);gap:1px;display:grid}.ssm-hud>div{background:#fff5d7;padding:11px 10px}.ssm-hud small{color:#7c6748;letter-spacing:.08em;font-size:10px;font-weight:900;display:block}.ssm-hud strong{font-size:19px}.ssm-hud em{color:#887359;font-size:11px;font-style:normal}.ssm-bench{background:linear-gradient(150deg,#57362b 0 12%,#7f4d37 12% 16%,#c49663 16% 82%,#7a4936 82%);min-height:585px;padding:34px 18px 24px;position:relative;overflow:hidden}.ssm-paper{background:#f4e5bd;border:2px solid #8f7049;position:absolute;inset:16px 9% 30px;transform:rotate(-.7deg);box-shadow:inset 0 0 45px #a5743a35}.ssm-paper:after{content:"印坊連篆";writing-mode:vertical-rl;color:#9b4134;letter-spacing:.2em;opacity:.35;font-family:serif;font-weight:950;position:absolute;bottom:16px;right:15px}.ssm-board{z-index:2;aspect-ratio:1;background:#382c24;border:4px solid #241d18;border-radius:19px;grid-template-columns:repeat(5,1fr);gap:9px;width:min(510px,88%);margin:8px auto 20px;padding:12px;display:grid;position:relative;box-shadow:0 16px #533324,0 22px 28px #2b160f80}.ssm-board button{touch-action:manipulation;border:3px solid #39291f;border-radius:13px;align-content:center;place-items:center;min-width:0;transition:transform .13s,filter .13s;display:grid;position:relative;box-shadow:inset -5px -6px #0000001c,0 4px #241810}.ssm-board button:disabled{opacity:1}.ssm-board button span{font-family:serif;font-size:clamp(18px,3.4vw,34px);font-weight:950;line-height:1}.ssm-board button i{letter-spacing:.12em;font-size:10px;font-style:normal;font-weight:900}.ssm-board button.rank-1{color:#49392b;background:#efe1bd}.ssm-board button.rank-2{color:#fff1d5;background:#b8473e}.ssm-board button.rank-3{color:#3a2717;background:#d3a637}.ssm-board button.group{filter:brightness(1.12);z-index:3;outline:4px solid #f6e473;transform:translateY(-4px)scale(1.045)}.ssm-board button.recent{animation:.38s ease-out ssm-stamp}.ssm-board button.gold:after{content:"✦";color:#fff8ad;text-shadow:0 1px 2px #502b14;position:absolute;top:4px;left:7px}.ssm-board button>b{color:#ffe77c;background:#5d321e;border-radius:5px;padding:2px 4px;font-size:8px;position:absolute;bottom:4px;right:4px}.ssm-legend{z-index:2;background:#fff2cce8;border:2px solid #47372b;border-radius:13px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:max-content;max-width:95%;margin:auto;padding:10px 15px;font-size:12px;font-weight:900;display:flex;position:relative}.ssm-legend span{align-items:center;gap:5px;display:flex}.ssm-legend i{border:2px solid #49382c;border-radius:4px;width:16px;height:16px}.ssm-legend .one{background:#efe1bd}.ssm-legend .two{background:#b8473e}.ssm-legend .three{background:#d3a637}.ssm-legend>b{color:#943e34}.ssm-overlay{z-index:20;color:#fff3cf;text-align:center;background:#252b27ec;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.ssm-overlay>div{max-width:650px}.ssm-overlay span{letter-spacing:.22em;color:#e5bd56;font-size:12px;font-weight:950}.ssm-overlay h2{margin:8px 0;font-family:serif;font-size:clamp(30px,5vw,50px)}.ssm-overlay p{line-height:1.6}.ssm-overlay button{color:#fff;background:#a44335;border:2px solid #fff1c8;border-radius:14px;align-items:center;gap:8px;margin:5px;padding:13px 18px;font-weight:950;display:inline-flex}.ssm-overlay button.secondary{background:0 0}.ssm-overlay>div>small{opacity:.75;margin-top:13px;display:block}.ssm-upgrades{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ssm-upgrades button{justify-items:center;margin:0;display:grid}.ssm-upgrades small{font-weight:600}.ssm-status{background:#efd69d;border-top:2px solid #4b3c2d;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:12px 16px;display:flex}.ssm-status p{margin:0;font-weight:800}.ssm-status span{color:#6f5940;white-space:nowrap;font-size:12px}.ssm-side{align-self:start;padding:22px}.ssm-side>span{letter-spacing:.22em;color:#a44335;font-size:11px;font-weight:950}.ssm-side h2{margin:8px 0;font-family:serif;font-size:28px}.ssm-side>p{color:#725f49;line-height:1.55}.ssm-side>div{grid-template-columns:30px 1fr;gap:8px;margin:17px 0;display:grid}.ssm-side>div>svg{color:#a44335;width:23px}.ssm-side>div p{margin:0}.ssm-side b,.ssm-side small{display:block}.ssm-side small{color:#79654e;margin-top:4px;line-height:1.45}.ssm-side details{border-top:1px dashed #a89068;padding-top:15px}.ssm-side summary{cursor:pointer;font-weight:950}.ssm-side details p{font-size:13px;line-height:1.55}.ssm-batch{opacity:.01;height:1px;margin:0;overflow:hidden}@keyframes ssm-stamp{0%{filter:brightness(1.7);transform:scale(.65)}to{transform:scale(1)}}@media (max-width:860px){.ssm-layout{grid-template-columns:1fr}.ssm-side{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.ssm-side>span,.ssm-side>h2,.ssm-side>p,.ssm-side>details{grid-column:1/-1}.ssm-side>div{margin:5px 0}}@media (max-width:540px){.ssm-shell{width:96vw;margin-top:18px}.ssm-heading h1{font-size:44px}.ssm-top>span{font-size:9px}.ssm-hud{grid-template-columns:repeat(3,1fr)}.ssm-bench{min-height:500px;padding:24px 8px 18px}.ssm-board{gap:6px;width:96%;padding:8px}.ssm-board button{border-width:2px;border-radius:10px}.ssm-status{flex-direction:column;align-items:flex-start}.ssm-side{grid-template-columns:1fr}.ssm-side>span,.ssm-side>h2,.ssm-side>p,.ssm-side>details{grid-column:auto}.ssm-upgrades{grid-template-columns:1fr}.ssm-legend>b{text-align:center;width:100%}}@media (max-width:360px){.ssm-heading h1{font-size:38px}.ssm-board{gap:4px}.ssm-board button span{font-size:19px}.ssm-side{padding:17px}}@media (prefers-reduced-motion:reduce){.ssm-board button{transition:none}.ssm-board button.recent{animation:none}}
