@import url("../../../assets/css/gameplay-quality-v2.css?v=20261018");
.sl-root{--sl-ink:#263c43;--sl-red:#ca4947;--sl-paper:#fffaf0;--sl-teal:#277b75;color:var(--sl-ink);background:var(--sl-paper);border:1px solid #dfd7c7;border-radius:22px;overflow:hidden;font-family:'Noto Sans JP',system-ui,sans-serif;isolation:isolate;width:100%;max-width:100%;box-sizing:border-box;scroll-margin-top:100px}
.sl-root *{box-sizing:border-box}.sl-root [hidden]{display:none!important}.sl-root button{font:inherit;cursor:pointer;border:0;line-height:1.35;touch-action:manipulation}.sl-root button:focus-visible,.sl-root summary:focus-visible,.sl-board:focus-visible{outline:3px solid #178baf;outline-offset:3px}.sl-root button:disabled{opacity:.45;cursor:default}
.sl-header{padding:16px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4dbcb;gap:12px}.sl-header b{font-size:16px;letter-spacing:.08em}.sl-header b>span{display:inline-grid;place-items:center;background:var(--sl-red);color:white;border-radius:5px;width:29px;height:29px;margin-right:6px}.sl-header small{font-size:10px;letter-spacing:.12em;color:#697775}
.sl-intro{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:38px 32px 0;gap:20px;background:radial-gradient(ellipse at 80% 20%,#f2dcc6,transparent 60%)}.sl-eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--sl-teal)}.sl-intro h2{font-size:clamp(31px,4.7vw,54px);letter-spacing:-.04em;line-height:1.25;margin:18px 0}.sl-intro h2 em{font-style:normal;color:var(--sl-red)}.sl-intro-copy p{font-size:13px;line-height:1.95;margin:0 0 20px}.sl-primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--sl-red);color:white;padding:15px 20px;border-radius:10px;font-weight:800!important;box-shadow:0 4px 0 #963431;min-height:48px}.sl-primary:hover{background:#b33c3b;transform:translateY(-1px)}.sl-intro-copy>small{display:block;font-size:10px;line-height:1.7;margin-top:13px;color:#64716e}
.sl-cover{min-height:315px;position:relative;align-self:center}.sl-sheet{position:absolute;background:#fffefd;border:1px solid #ded5c8;box-shadow:6px 8px 0 #e6dcc9,11px 14px 0 #f1e6d3,0 20px 30px #6f513719;transform:rotate(9deg);left:0;top:20px;width:90%;height:245px;padding:26px 22px;background-image:repeating-linear-gradient(transparent,transparent 29px,#e8e8df 30px)}.sl-sheet>span{font-size:10px;letter-spacing:.08em}.sl-sheet>i{display:block;font-style:normal;margin-top:15px;font-size:18px;font-weight:800}.sl-cover-stamp{color:var(--sl-red);border:3px solid currentColor;padding:2px 8px;font-size:40px;line-height:1.2;letter-spacing:.1em;display:inline-block;transform:rotate(-22deg);margin:28px 0 0 30px;font-weight:900;opacity:.78}.sl-ink-trail{font-size:22px;font-weight:800;color:var(--sl-red);margin-top:15px;letter-spacing:.2em}.sl-stamp-big{position:absolute;right:5px;top:158px;transform:rotate(-18deg);filter:drop-shadow(5px 12px 6px #38221825)}.sl-stamp-big i{display:block;width:58px;height:75px;margin:0 auto;background:linear-gradient(90deg,#a9663f,#dba76f 55%,#935933);border:4px solid #704b39;border-radius:40% 40% 18% 18%}.sl-stamp-big b{display:block;width:108px;height:44px;background:#d7504a;color:white;border:4px solid #843e3b;border-radius:14px 14px 7px 7px;text-align:center;font-size:24px;line-height:34px;box-shadow:0 8px 0 #653d37}.sl-sticker{position:absolute;right:0;top:0;background:var(--sl-teal);color:white;border-radius:50%;width:96px;height:96px;display:grid;place-content:center;font-size:14px;font-weight:800;text-align:center;transform:rotate(11deg);border:4px solid #fdf8ec;line-height:1.7}.sl-features{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;border-top:1px solid #dcd3c3;padding:18px 0;font-size:11px;font-weight:700}.sl-features span:before{content:'✦';color:var(--sl-red);margin-right:7px}
.sl-root #slPlay{padding:23px}.sl-level-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.sl-level-head h2{font-size:21px;margin:6px 0 0;line-height:1.5}.sl-score{text-align:right;flex-shrink:0}.sl-score small{display:block;font-size:10px;color:#697775}.sl-score strong{font-size:24px;font-variant-numeric:tabular-nums;color:var(--sl-teal)}.sl-progress{display:flex;gap:5px;margin:15px 0 24px}.sl-progress i{height:4px;border-radius:4px;background:#ded9cd;flex:1}.sl-progress i.is-done{background:var(--sl-teal)}.sl-progress i.is-current{background:var(--sl-red)}.sl-game-layout{display:grid;grid-template-columns:minmax(0,1fr) 195px;gap:24px;align-items:start}.sl-board-column{min-width:0}
.sl-board{--sl-n:5;position:relative;display:grid;grid-template-columns:repeat(var(--sl-n),1fr);width:100%;aspect-ratio:1;max-width:490px;margin:auto;border:7px solid #c8b89e;border-radius:12px;overflow:hidden;background:#f5ead5;touch-action:none;box-shadow:0 7px 0 #b5a589}.sl-tile{aspect-ratio:1;position:relative;display:grid;place-items:center;border:1px solid #e5dac5;font-size:clamp(16px,3vw,28px);font-weight:900}.sl-tile.is-wall{background:repeating-linear-gradient(45deg,#c6b89f 0,#c6b89f 4px,#cbbb9f 4px,#cbbb9f 5px);border-color:#bbaa90;color:transparent}.sl-tile.is-seal{color:var(--sl-red)}.sl-tile.is-seal>span{border:2px dashed #d88372;border-radius:50%;width:72%;height:72%;display:grid;place-items:center}.sl-tile.is-next{background:#fce2c9}.sl-tile.is-approved>span{border:2px solid #6f9990;color:#36786d;transform:rotate(-13deg);font-size:.62em}.sl-tile.is-arrow{color:#377f8c;background:#dbeaea}.sl-tile.is-goal{background:#dce5d7;color:#386f58;font-size:clamp(13px,2.5vw,22px)}.sl-tile.is-start{color:#b39e81;font-size:10px;letter-spacing:.02em}
.sl-player{position:absolute;width:calc(100% / var(--sl-n));height:calc(100% / var(--sl-n));left:0;top:0;transform:translate(calc(var(--sl-x) * 100%),calc(var(--sl-y) * 100%));transition:transform .16s cubic-bezier(.15,.65,.25,1);pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;filter:drop-shadow(0 4px 2px #64453433);z-index:2}.sl-player i{width:34%;height:42%;border-radius:45% 45% 10% 10%;background:linear-gradient(90deg,#a66d44,#dca76c 60%,#93603c);border:2px solid #794a31}.sl-player b{width:67%;height:31%;border-radius:6px 6px 4px 4px;background:var(--sl-red);border:2px solid #8f3631;color:white;display:grid;place-items:center;font-size:clamp(10px,2.4vw,18px);line-height:1;box-shadow:0 3px 0 #692f29}.sl-player.is-bump{animation:sl-bump .22s ease-in-out}.sl-legend{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-size:10px;margin:18px 0 0;color:#60706a}.sl-legend i{font-style:normal;font-weight:800;color:var(--sl-red)}
.sl-next-card{background:#e5ede3;border:1px solid #c7d7c4;border-radius:11px;padding:14px 16px}.sl-next-card small{display:block;font-size:10px;letter-spacing:.1em;color:#536e5a}.sl-next-card strong{display:block;margin-top:5px;font-size:18px;color:#2b695b}.sl-next-card p{font-size:10px;margin:5px 0 0;color:#60726a}.sl-status{font-size:11px;line-height:1.8;min-height:60px;margin:13px 0;color:#5c6b64}.sl-move-pad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,42px);gap:5px;justify-content:center}.sl-move-pad button{border:1px solid #bdc7ba;background:#f9fbf1;border-radius:8px;color:var(--sl-ink);font-size:25px;box-shadow:0 3px 0 #c4ccb9}.sl-move-pad button:active{transform:translateY(2px);box-shadow:0 1px 0 #c4ccb9}.sl-move-pad button[data-sl-dir=U]{grid-area:1/2}.sl-move-pad button[data-sl-dir=L]{grid-area:2/1}.sl-move-pad button[data-sl-dir=R]{grid-area:2/3}.sl-move-pad button[data-sl-dir=D]{grid-area:3/2}.sl-move-pad>span{grid-area:2/2;display:grid;place-items:center;color:#be7770;font-size:19px;font-weight:800}.sl-move-count{display:flex;justify-content:center;gap:10px;font-size:11px;margin:14px 0}.sl-move-count span{color:#7d867b}.sl-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sl-tools button,.sl-secondary{background:#ede8dc;padding:10px 6px;border-radius:7px;color:#57685d;font-size:11px}.sl-tools #slHint{grid-column:1/-1;background:#e0ede4;color:#296550;font-weight:700}
.sl-clear{margin-top:24px;background:white;border:2px solid #79a18b;border-radius:12px;display:flex;align-items:center;padding:18px;gap:15px;flex-wrap:wrap}.sl-approved{border:2px solid var(--sl-red);padding:4px 6px;font-size:26px;color:var(--sl-red);transform:rotate(-12deg);font-weight:900}.sl-clear h3{margin:0;font-size:17px}.sl-clear p{font-size:12px;margin:6px 0 0;white-space:pre-line}.sl-clear-actions{margin-left:auto;display:flex;gap:12px;align-items:center}.sl-clear-actions .sl-primary{padding:12px 16px;font-size:12px}.sl-result{text-align:center;padding:36px 24px;background:radial-gradient(ellipse at center,#f3e6cb,transparent 70%)}.sl-result h2{font-size:30px;margin:12px 0}.sl-result-seal{display:inline-block;border:4px double var(--sl-red);border-radius:50%;width:108px;height:108px;line-height:100px;font-size:37px;letter-spacing:.04em;font-weight:900;color:var(--sl-red);transform:rotate(-16deg);margin:10px}.sl-result>strong{display:block;font-size:54px;color:var(--sl-teal);line-height:1.3}.sl-result>span:not(.sl-eyebrow){font-size:11px;color:#697b68}.sl-result p{font-size:13px;line-height:1.8}.sl-save{min-height:22px;color:#637966;font-size:11px!important}.sl-result .sl-primary{margin-top:16px}
.sl-guide{border-top:1px solid #e0d8c9;font-size:12px}.sl-guide summary{cursor:pointer;font-weight:700;padding:16px 22px;color:#476b5a}.sl-guide>div{padding:0 22px 15px;line-height:1.9}.sl-guide p{margin:0 0 10px}.sl-root noscript{display:block;padding:16px}.sl-root .sl-direction-hint{background:#f7dbac!important;outline:2px solid #d9984c}@keyframes sl-bump{50%{filter:drop-shadow(0 0 7px #cd5555)}}
@media(max-width:850px){.sl-game-layout{grid-template-columns:minmax(0,1fr) 160px;gap:16px}.sl-header{padding:13px 16px}.sl-intro{padding:27px 22px 0}.sl-cover{min-height:290px}.sl-sheet{height:225px;padding:19px 16px}.sl-sheet>i{font-size:16px}.sl-sticker{width:82px;height:82px;font-size:12px}.sl-tools button{font-size:10px}.sl-root #slPlay{padding:18px}}
@media(max-width:620px){.sl-header small{font-size:8px;letter-spacing:.03em}.sl-header b{font-size:14px}.sl-intro{grid-template-columns:1fr;padding:26px 20px 0;gap:0}.sl-intro-copy{position:relative;z-index:1;max-width:310px}.sl-intro h2{font-size:37px;margin:15px 0}.sl-intro-copy p{font-size:12px}.sl-intro-copy .sl-primary{font-size:13px;padding:14px 16px}.sl-cover{position:absolute;right:-35px;top:60px;width:155px;min-height:240px;opacity:.28;pointer-events:none}.sl-sticker{display:none}.sl-sheet{height:185px;width:145px;padding:15px 10px}.sl-sheet>i{font-size:11px}.sl-sheet>span{font-size:8px}.sl-cover-stamp{font-size:27px;margin:30px 0 0 10px}.sl-stamp-big{transform:scale(.7) rotate(-18deg);top:125px;right:6px}.sl-features{font-size:9px;gap:4px;margin-top:25px;flex-wrap:wrap;justify-content:flex-start;column-gap:14px}.sl-features span:before{margin-right:4px}.sl-root #slPlay{padding:16px 12px}.sl-level-head h2{font-size:17px}.sl-score strong{font-size:21px}.sl-game-layout{display:block}.sl-board{max-width:400px;border-width:5px}.sl-tile{font-size:25px}.sl-tile.is-goal{font-size:19px}.sl-player b{font-size:14px}.sl-legend{gap:10px;font-size:9px;margin:14px 0}.sl-aside{display:grid;grid-template-columns:1fr 155px;column-gap:14px;align-items:start}.sl-next-card{padding:10px}.sl-next-card strong{font-size:15px}.sl-next-card p{font-size:9px}.sl-status{grid-column:1;margin:8px 0 0;min-height:48px;font-size:10px}.sl-move-pad{grid-column:2;grid-row:1/4;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,39px);gap:5px}.sl-move-count{grid-column:1;font-size:10px;margin:6px 0;justify-content:flex-start}.sl-tools{grid-column:1/-1;grid-template-columns:1fr 1fr 1fr;margin-top:12px}.sl-tools #slHint{grid-column:auto}.sl-tools button{font-size:11px;min-height:42px}.sl-clear{padding:15px 12px;gap:12px;margin-top:16px}.sl-clear h3{font-size:15px}.sl-clear p{font-size:11px}.sl-clear-actions{width:100%;justify-content:center;margin:4px 0 0;gap:10px}.sl-clear-actions .sl-primary{flex:1;font-size:12px}.sl-secondary{font-size:10px;min-height:42px}.sl-progress{margin:13px 0 18px}.sl-result h2{font-size:26px}.sl-guide summary{padding:15px}.sl-guide>div{padding:0 15px 12px}}
@media(prefers-reduced-motion:reduce){.sl-root *{transition:none!important;animation:none!important}}

/* Ink, wood and ruled paper give the board a physical desk surface. */
.sl-root{background:repeating-linear-gradient(0deg,transparent 0 27px,#9e9a7d0c 27px 28px),#f6eedb;box-shadow:0 14px 35px #4c3d2520}.sl-header{background:linear-gradient(110deg,#294c43,#497265);color:#fff4d5;border-bottom:3px solid #cfa86d}.sl-header small{color:#dfddc2}.sl-desk-label{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:9px;letter-spacing:.04em;color:#82715b;margin:-8px 0 15px;padding:8px 0;border-bottom:1px dashed #c9b99c}.sl-desk-label>span:first-child{border:1px solid #bdb096;padding:3px 6px}.sl-desk-label b{margin-left:auto;color:#a54f3c}.sl-game-layout{padding:18px;background:repeating-linear-gradient(2deg,#b9946d 0 5px,#b38e66 5px 6px,#b9946d 6px 12px);border:1px solid #92734e;border-radius:10px;box-shadow:inset 0 3px 8px #654c3440}.sl-board{border:8px solid #795b40;border-top-color:#9e7952;border-left-color:#a9845b;background:#fff5de;box-shadow:0 7px 0 #624b37,0 12px 16px #513c3433;overflow:hidden}.sl-tile{background:linear-gradient(140deg,#fff9e8,#f1e5c9);border-color:#dccbb1;box-shadow:inset 0 1px 0 #fff}.sl-tile.is-wall{background:repeating-linear-gradient(4deg,transparent 0 7px,#ffffff12 7px 8px),linear-gradient(135deg,#6f8179,#3e5e54);border-color:#3f5e50;box-shadow:inset 0 4px 0 #a1b1a0,inset 3px 0 0 #7d9586,0 3px 3px #2f493b44;z-index:1}.sl-tile.is-next{background:radial-gradient(circle,#ffe3a0,#f8ebcb)}.sl-tile.is-goal{background:linear-gradient(135deg,#b4c7a4,#e0e8c5);box-shadow:inset 0 0 0 4px #8fa687}.sl-tile.is-approved>span{background:#e4ebda99;box-shadow:0 0 0 3px #fff2,inset 0 0 0 2px #72988a44}.sl-tile.sl-path:after{content:'';position:absolute;width:13%;height:13%;border-radius:50%;background:#c568484f;box-shadow:0 0 0 4px #c5684812;pointer-events:none}.sl-player i{background:repeating-linear-gradient(90deg,transparent 0 7px,#75432230 7px 8px),linear-gradient(90deg,#72462d,#d9aa70 55%,#855233);box-shadow:inset 3px 0 0 #ffe5b430}.sl-player b{background:linear-gradient(#c47754,#a74836);box-shadow:0 4px 0 #693927,0 6px 4px #50301f30;border-bottom:3px solid #602f25}.sl-aside{background:#fff6df;padding:13px;border:1px solid #cab78f;border-radius:7px;box-shadow:2px 4px 0 #71563b30}.sl-next-card{background:#f1e7cd;border-left:3px solid #537f70}.sl-stamped>span{animation:sl-ink .35s ease-out}.sl-blocked{animation:sl-refuse .18s ease-out}.sl-completed{box-shadow:0 7px 0 #624b37,0 0 22px #ffe2a099}.sl-clear{background:#fffae9;box-shadow:0 7px 0 #dcc6a3}.sl-approved{box-shadow:inset 0 0 0 3px #faf1da,inset 0 0 0 5px #b35a46;transform:rotate(-12deg)}
@keyframes sl-ink{from{transform:rotate(-13deg) scale(1.4);opacity:.15}to{transform:rotate(-13deg) scale(1);opacity:1}}@keyframes sl-refuse{25%{translate:-3px}75%{translate:3px}}
@media(max-width:620px){.sl-game-layout{padding:12px 9px 15px}.sl-board{border-width:6px}.sl-aside{padding:10px;margin-top:19px}.sl-desk-label{font-size:8px;gap:5px}.sl-desk-label>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){.sl-root *{animation:none!important;transition:none!important}}