:root{font-family:Trebuchet MS,Arial,sans-serif;color:#263b32;background:#f6f4eb;font-synthesis:none;font-weight:400;--ink:#263b32;--green:#173f35;--muted:#68736a;--line:#dcded1;--cream:#f6f4eb;--gold:#bd8f45;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b06a29;outline-offset:4px}button:disabled{opacity:.46}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}p{line-height:1.65}svg{display:block}select{min-height:46px;border:1px solid #bfc8bc;border-radius:3px;padding:10px 36px 10px 13px;color:var(--ink);background:#fcfbf5;max-width:100%}input[type=checkbox]{accent-color:var(--green)}.icon{width:21px;height:21px;flex:none}.sprite{width:100%;height:100%;image-rendering:pixelated;object-fit:contain;pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 21px;border:1px solid var(--line);border-radius:3px;font-size:14px;font-weight:600;line-height:1.4;background:transparent;transition:background .15s}.btn-primary{background:var(--green);color:#fffbed;border-color:var(--green)}.btn-primary:hover{background:#245547}.btn-secondary{background:#faf9f1;border-color:#c9cebf}.btn-secondary:hover:not(:disabled){background:#ebeede}.btn-wide{width:100%}.btn-small{min-height:44px;padding:10px 14px;font-size:13px}.btn-equipped{border-color:#c4cfbc;background:#e9eedf;color:#355e42;opacity:1!important}.text-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:0;background:none;padding:6px 0;font-size:13px;font-weight:600;text-decoration-thickness:1px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.text-link .icon{width:17px;height:17px}.icon-btn{width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;border-radius:3px}.icon-btn:hover{background:#e9ecdf}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;line-height:1.7}.eyebrow>span:not(.tiny-diamond){padding:0 8px;color:#a6af9d}.tiny-diamond{display:inline-block;width:6px;height:6px;background:#b48941;transform:rotate(45deg);margin-right:10px;vertical-align:middle}.muted{color:var(--muted)}.button-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.short-line{display:inline-block;width:26px;height:1px;background:#7c8770;margin:0 10px;vertical-align:middle}.site-header{height:96px;border-bottom:1px solid var(--line)}.header-inner{height:100%;max-width:1240px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:11px}.brand>.sprite{width:38px;height:44px}.brand>span{font-family:var(--serif);font-size:23px;letter-spacing:-.7px;line-height:.92}.brand-second{display:block;margin-top:4px}.brand-dot{color:#b18b46}.main-nav{display:flex;align-items:center;gap:30px;height:100%}.nav-link{border:0;background:transparent;display:flex;align-items:center;gap:8px;height:100%;position:relative;font-size:13px;color:#6a746a;padding:0 4px}.nav-link>.icon{width:17px;height:17px}.nav-link.active{color:var(--green);font-weight:700}.nav-link.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--green)}.header-actions{display:flex;align-items:center;gap:20px}.win-chip{display:flex;align-items:center;gap:7px;font-size:13px}.win-chip>.icon{width:17px;height:17px;color:#a37a37}.language-btn{min-width:44px;min-height:44px;border:1px solid var(--line);background:transparent;border-radius:50%;font-size:11px;font-weight:700}.language-btn:hover{background:#e9ecdf}.page{max-width:1160px;margin:0 auto;padding:52px 0 64px;min-height:calc(100vh - 200px)}.site-footer{border-top:1px solid var(--line);max-width:1160px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;color:#7b8177;padding:18px 0 22px}.site-footer>span:first-child{letter-spacing:.4px}.site-footer>span>span{padding:0 8px;color:#b8bdaa}.site-footer .text-link{font-size:11px;color:#626e61}.offline-label{display:flex;align-items:center;gap:7px;max-width:270px;line-height:1.5}.offline-label i{width:5px;height:5px;flex:none;background:#a59273;border-radius:50%}.offline-label.ready i{background:#4e7d50}.home-hero{display:grid;grid-template-columns:1fr 1fr;gap:84px;align-items:center;padding:4px 8px 42px}.hero-copy{padding-bottom:18px}.hero-copy h1{font-family:var(--serif);font-size:clamp(40px,4.4vw,60px);line-height:1.1;letter-spacing:-2px;margin:25px 0 22px;max-width:560px}.hero-description{font-size:15px;color:#657062;max-width:350px;line-height:1.85}.play-setup{display:grid;grid-template-columns:1fr 1.13fr;gap:12px;margin-top:30px;max-width:370px}.play-setup>label{grid-column:1/-1;font-size:11px;color:#647261;font-weight:600}.play-setup select{font-size:13px;min-width:0;background:transparent}.play-setup .btn{padding:12px;flex-direction:row-reverse;font-size:13px}.play-setup .btn .icon{width:17px}.play-setup .new-link{grid-column:1/-1;justify-self:start}.local-play{display:flex;align-items:center;gap:13px;border:0;border-top:1px solid var(--line);background:none;padding:20px 0 0;margin-top:24px;text-align:left;width:min(100%,370px);min-height:66px}.local-play>.icon:first-child{width:25px;height:25px}.local-play>span{flex:1}.local-play strong{display:block;font-size:13px;font-weight:600}.local-play small{display:block;color:#7a8276;font-size:11px;margin-top:5px}.local-play>.icon:last-child{width:16px;height:16px}.hero-board-panel{position:relative;max-width:510px;width:100%;justify-self:end}.hero-board-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.3px;font-weight:600;margin:0 0 14px}.hero-board-top>span:last-child{color:#7d8777}.hero-board-wrap{position:relative;padding-bottom:16px}.hero-board-wrap>.board-frame{box-shadow:0 14px 25px -20px #513c24}.hero-piece-note{position:absolute;right:-17px;bottom:0;display:flex;gap:13px;align-items:center;padding:12px 21px 12px 11px;background:#173f35;color:#fcf8e9;box-shadow:4px 4px #bcc5ac;max-width:300px;transform:rotate(-2deg)}.hero-piece-note>.sprite{width:45px;height:45px}.hero-piece-note>div>span{font-size:9px;letter-spacing:2px;color:#c9d0ad}.hero-piece-note p{font-size:11px;margin-top:4px}.board-caption{text-align:center;font-size:10px;color:#7e8577;letter-spacing:.4px;margin-top:19px}.home-bottom{display:grid;grid-template-columns:1.3fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:8px}.learn-invite{display:flex;align-items:center;gap:22px;padding:30px 34px 30px 8px;background:transparent;border:0;border-right:1px solid var(--line);text-align:left}.guide-stamp{width:70px;height:76px;flex:none;display:grid;place-items:center;border:1px solid #d0d5bf;background:#e8ecdc;padding:8px}.learn-invite h2{font-family:var(--serif);font-size:24px;letter-spacing:-.5px;margin:5px 0}.learn-invite p{font-size:11px;color:#7b8275;max-width:310px}.learn-invite>.icon{margin-left:auto;width:20px}.progress-invite{padding:25px 18px 25px 38px}.progress-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.progress-top>span:last-child{font-size:11px;color:#7a8371}.progress-motif{display:flex;align-items:center;gap:24px;margin:6px 0 2px}.progress-motif>svg{width:87px;height:49px;color:#a27b38}.progress-motif h3{font-family:var(--serif);font-size:22px}.progress-motif p{font-size:10px;color:#7b8377;margin-top:2px}.progress-track{height:4px;background:#e0e4d5;overflow:hidden}.progress-track>span{display:block;height:100%;background:#527458}.progress-invite>.progress-track{margin-top:14px}.board-frame{background:#c4a374;border:1px solid #ad8e64;padding:0 13px;color:#66543d;border-radius:3px;position:relative;max-width:100%;box-shadow:0 3px #aa8961}.frame-top{display:flex;height:23px;align-items:center;justify-content:center;gap:9px}.frame-top>span{display:block;height:1px;width:30%;background:#95784f;opacity:.5}.frame-top>b{font-size:13px;font-weight:400;line-height:1}.board-with-ranks{display:flex;position:relative}.rank-labels{position:absolute;top:0;bottom:0;left:-12px;display:grid;grid-template-rows:repeat(8,1fr);width:10px;align-items:center;text-align:center;font-size:8px;color:#64513b}.board-grid{width:100%;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));aspect-ratio:1;border:1px solid #8b7957;background:#d5bb8c;overflow:hidden;isolation:isolate}.square{border:0;border-right:1px solid #a58d614f;border-bottom:1px solid #a58d614f;position:relative;min-width:0;min-height:0;aspect-ratio:1;padding:7%;display:flex;align-items:center;justify-content:center;border-radius:0;background:transparent;isolation:isolate}.square:nth-child(8n){border-right:0}.square:nth-last-child(-n+8){border-bottom:0}.wood-a{background-color:#ddc69b}.wood-b{background-color:#dfc89e}.square:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0px,transparent 13px,#8b694606 13px,#8b694606 14px)}.square.incised:after{content:"";position:absolute;inset:24%;background:linear-gradient(45deg,transparent 49%,#997b4340 49%,#997b4340 51%,transparent 51%),linear-gradient(-45deg,transparent 49%,#997b4340 49%,#997b4340 51%,transparent 51%);z-index:-1}.square>.sprite{max-height:100%;filter:drop-shadow(0 2px 0 #68502724);transition:transform .12s}.square:focus-visible{outline:3px solid #314f3a;outline-offset:-3px;z-index:3}.square:hover:not(.preview-board .square){background-color:#dac492}.square.selected{background-color:#aeb987!important;box-shadow:inset 0 0 0 2px #3c6244}.square.selected>.sprite{transform:translateY(-2px)}.square.last-move:not(.selected){background-color:#c6c293}.square.in-check{background:#d79174!important}.square.hint-square{box-shadow:inset 0 0 0 3px #598457}.move-dot{width:22%;height:22%;border-radius:50%;background:#345e4775;position:absolute;pointer-events:none}.move-dot.capture-ring{width:90%;height:90%;border:3px solid #995337b3;background:none;border-radius:0}.check-mark{position:absolute;right:2px;top:2px;background:#9a3b2b;color:#fff;line-height:13px;min-width:13px;text-align:center;font-size:10px;font-weight:700;border-radius:1px}.file-labels{height:19px;display:grid;grid-template-columns:repeat(8,1fr);align-items:center;text-align:center;font-size:8px}.frame-bottom{height:8px;display:flex;justify-content:center;overflow:hidden;margin-top:-3px}.frame-bottom>span{font-size:6px;line-height:6px}.frame-bottom>svg{height:28px;width:120px;transform:translateY(-9px);color:#795834}.motif-rebung{border:3px solid #8e6834;background:#caa770}.motif-teratai{border:3px double #886056;background:#cca185}.motif-awan{border:3px double #456553;background:#a6b099}.preview-board .square{padding:8%}.preview-board .board-grid{pointer-events:none}.page-heading{margin-bottom:36px}.page-heading h1{font-family:var(--serif);font-size:43px;letter-spacing:-1.2px;line-height:1.2;margin-top:12px}.page-heading>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:14px;max-width:620px}.game-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.game-heading h1{font-size:34px;margin-top:8px}.game-heading>.btn{align-self:end}.page-game{max-width:1040px;padding-top:32px}.game-layout{display:grid;grid-template-columns:minmax(300px,560px) minmax(260px,1fr);gap:48px;align-items:start}.playing-area{min-width:0}.player-bar{display:flex;align-items:center;gap:11px;padding:12px 2px}.player-avatar{width:39px;height:39px;flex:none;padding:5px;background:#e9e5d1;border:1px solid #d9d7c3;border-radius:3px}.player-avatar.dark{background:#e0e5d7}.player-identity strong{font-size:13px;font-weight:600;display:block}.player-identity>span{font-size:10px;color:#7c8375;display:block;margin-top:4px}.player-indicator{margin-left:auto;display:flex;align-items:center;gap:7px;color:#7c8477;font-size:10px}.player-indicator>i{width:6px;height:6px;border-radius:50%;background:#42634c}.player-indicator>i.thinking{animation:blink 1s ease-in-out infinite}.current-player .player-identity strong{color:#173f35}.board-tools{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:3px;margin-top:7px;overflow:hidden}.tool-btn{border:0;border-right:1px solid var(--line);background:transparent;min-height:54px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;padding:5px}.tool-btn:last-child{border-right:0}.tool-btn:hover:not(:disabled){background:#e7ebdd}.tool-btn>.icon{width:17px;height:17px}.game-sidebar{padding-top:14px}.turn-panel{border-top:3px solid #3a614a;padding:23px 0 20px;border-bottom:1px solid var(--line)}.turn-panel h2{font-family:var(--serif);font-size:30px;margin:10px 0;letter-spacing:-.6px}.turn-panel>p:not(.eyebrow){font-size:13px;color:#6c7867}.turn-panel.checked{border-top-color:#ac5b38}.turn-panel.checked h2{color:#8c482e}.side-rule{display:flex;gap:9px;align-items:center;margin-top:22px;font-size:12px}.side-token{width:15px;height:15px;border:1px solid #928772;border-radius:50%;display:block;background:#f1dbaf}.side-token.b{background:#397165;border-color:#244c42}.count-display{display:flex;align-items:center;justify-content:space-between;background:#e9e4d2;border:1px solid #d4c5a6;border-radius:3px;margin-top:18px;padding:13px}.count-display strong{display:block;font-size:12px}.count-display span{display:block;font-size:10px;color:#6c715c;margin-top:3px}.count-display b{font-family:var(--serif);font-weight:400;font-size:32px}.side-guide{padding:22px 0;border-bottom:1px solid var(--line)}.side-guide-header{display:flex;align-items:center;gap:10px}.side-guide-header>.sprite{width:35px;height:35px}.side-guide-header strong{font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase}.side-guide p{font-size:12px;color:#77816e;margin-top:13px}.side-guide>.text-link{margin-top:5px}.piece-inspect{padding:20px 0;border-bottom:1px solid var(--line)}.piece-inspect>div{display:flex;align-items:center;gap:14px}.piece-inspect .sprite{width:42px;height:42px}.piece-inspect h3{font-family:var(--serif);font-size:24px}.piece-inspect p{font-size:12px;line-height:1.75;margin-top:10px;color:#65725f}.move-history{margin-top:16px}.move-history summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;min-height:44px;font-size:12px}.move-history summary>span{font-size:11px;background:#e8ebdc;min-width:24px;padding:5px;text-align:center}.move-history ol{list-style:none;margin:0;padding:0;max-height:150px;overflow:auto;overscroll-behavior:contain}.move-history li{display:flex;align-items:center;padding:10px 8px;gap:10px;font-size:11px;background:#edeee3;margin-bottom:3px}.move-history li>span{color:#8a907f;min-width:22px}.move-history li>b{font-weight:500;letter-spacing:1px}.move-history li>b>span{color:#8f967f;padding:0 5px}.move-history li>small{margin-left:auto;color:#7c8572;font-size:9px}.move-history .empty-record{font-size:11px;background:none;color:#7d8772;padding:13px 0}.save-note{display:flex;gap:7px;font-size:9px;color:#858d79;margin-top:17px;line-height:1.5}.save-note .icon{width:13px;height:13px}.result-buttons{display:flex;flex-direction:column;gap:10px;margin-top:21px}.reward-banner{background:#ebe6cc;padding:14px;margin-top:18px;display:flex;align-items:center;gap:14px;border:1px solid #cdbb8a}.reward-banner>svg{width:60px;height:42px;color:#957135}.reward-banner>span{font-size:10px;color:#7a713f}.reward-banner strong{display:block;margin-top:5px;font-family:var(--serif);font-size:19px;font-weight:400;color:#364b31}.learn-feature{display:flex;align-items:center;gap:44px;background:#e9edde;border:1px solid #d2dac4;padding:38px}.large-guide{width:132px;height:148px;flex:none;padding:18px;background:#d9dfc7;box-shadow:4px 4px #bdc8a5;image-rendering:pixelated}.learn-feature h2{font-family:var(--serif);font-size:33px;margin:10px 0;letter-spacing:-.5px}.learn-feature p:not(.eyebrow){font-size:13px;color:#6a7862;max-width:500px}.learn-feature .button-row{margin-top:22px}.lesson-section{margin-top:38px}.lesson-section>h2{font-family:var(--serif);font-size:27px;margin-bottom:16px}.lesson-list{display:grid;grid-template-columns:1fr 1fr;column-gap:36px}.lesson-link{display:flex;align-items:center;gap:19px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;min-height:88px;padding:15px 8px}.lesson-link:hover{background:#edf0e3}.lesson-number{font-family:var(--serif);font-size:25px;color:#a5af94;min-width:36px}.lesson-link>span:nth-child(2){flex:1}.lesson-link strong{display:block;font-size:14px;font-weight:500}.lesson-link small{display:block;font-size:10px;color:#88917a;margin-top:6px}.lesson-link>.icon{width:16px;height:16px}.rule-invite{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:28px;margin-top:38px}.rule-invite h2{font-family:var(--serif);font-size:26px;margin-bottom:8px}.rule-invite p{font-size:12px;max-width:640px;color:var(--muted)}.rule-invite>.btn{flex:none}.tutorial-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:26px}.tutorial-heading>span{font-size:11px;letter-spacing:2px;color:#839272}.tutorial-layout{display:grid;grid-template-columns:minmax(300px,520px) minmax(280px,1fr);gap:55px;align-items:center}.lesson-title{margin-bottom:22px}.lesson-title h1{font-family:var(--serif);font-size:32px;letter-spacing:-.6px;margin-top:6px}.lesson-target{box-shadow:inset 0 0 0 2px #6e874b}.lesson-marker{position:absolute;bottom:2px;right:2px;width:6px;height:6px;background:#3d6946;box-shadow:0 0 0 2px #e4d6a8}.tutorial-piece-info{font-size:11px;line-height:1.7;color:#75816b;min-height:62px;padding:16px 0}.tutorial-piece-info>strong{color:#43523b;margin-right:10px}.pixel-dialogue{background:#faf7e9;border:3px solid #596b49;outline:1px solid #c2c9aa;outline-offset:3px;box-shadow:7px 7px #d4dac2;padding:22px}.dialogue-speaker{display:flex;align-items:center;gap:15px;padding-bottom:18px;border-bottom:2px dotted #cdd2b9}.guide-portrait{width:66px;height:66px;flex:none;background:#e6e9d4;border:2px solid #a4b08b;padding:4px}.dialogue-speaker>span{font-family:monospace;font-size:15px;font-weight:700;letter-spacing:2px}.dialogue-speaker small{font-family:Trebuchet MS,Arial,sans-serif;display:block;font-size:10px;font-weight:400;letter-spacing:0;color:#828c72;margin-top:7px}.dialogue-speaker .dialogue-dots{margin-left:auto;color:#879373;font-size:22px}.dialogue-body{background:none;border:0;display:block;width:100%;text-align:left;padding:24px 0 16px;min-height:162px;line-height:1.85;font-size:14px}.dialogue-body>span{display:block;min-height:105px}.dialogue-body>small{display:block;font-size:9px;color:#929981;margin-top:10px;text-align:right}.dialogue-objective{background:#eef0df;border-left:3px solid #9ba87d;padding:13px 14px;margin-bottom:14px}.dialogue-objective>.eyebrow{font-size:9px;color:#818d6b}.dialogue-objective>p{font-size:12px;margin-top:5px;color:#405239}.dialogue-progress{font-size:11px;color:#738063;line-height:1.7;min-height:36px;display:flex;gap:8px;align-items:center;margin-bottom:8px}.dialogue-progress>.icon{width:16px;height:16px}.tutorial-steps{display:flex;gap:8px;margin-top:27px;justify-content:center}.tutorial-steps>span{width:30px;height:4px;background:#d6ddc7}.tutorial-steps>.filled{background:#78915c}.tutorial-tip{text-align:center;font-size:10px;margin-top:14px;color:#89957b}.tutorial-count{display:flex;align-items:center;gap:10px;justify-content:center;font-size:11px;margin-top:14px}.tutorial-count b{font-size:20px;font-family:var(--serif)}.tutorial-finish{text-align:center;padding:30px 0 60px;max-width:600px;margin:auto}.tutorial-finish .large-guide{margin:0 auto 30px}.tutorial-finish h1{font-family:var(--serif);font-size:42px;letter-spacing:-1px;margin:14px 0}.tutorial-finish>p:not(.eyebrow){font-size:14px;color:var(--muted)}.tutorial-finish .button-row{justify-content:center;margin-top:27px}.collection-heading{display:flex;justify-content:space-between;align-items:center;gap:32px}.collection-heading h1{font-family:var(--serif);font-size:49px;line-height:1.12;letter-spacing:-1.4px;margin:17px 0}.collection-heading p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:500px}.total-wins{min-width:148px;display:flex;flex-direction:column;align-items:center;padding:15px 30px;border-left:1px solid var(--line)}.total-wins strong{font-family:var(--serif);font-size:78px;font-weight:400;letter-spacing:-4px}.total-wins span{font-size:11px;letter-spacing:1px;color:#859177}.collection-progress{display:flex;justify-content:space-between;flex-wrap:wrap;font-size:11px;gap:15px;margin:36px 0;color:#66755c}.collection-progress>.progress-track{width:100%}.motif-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.motif-card{border:1px solid #d4d9c6;background:#faf9f1;border-radius:3px;overflow:hidden;display:flex;flex-direction:column}.motif-swatch{height:188px;display:flex;align-items:center;justify-content:center;position:relative;background:#e0d1ad;color:#8a7044}.motif-swatch>svg{width:83%;height:96px}.swatch-rebung{background:#e8ddb9;color:#8a7037}.swatch-teratai{background:#e8d7c7;color:#a57c64}.swatch-awan{background:#d7dfce;color:#778d6a}.motif-index{position:absolute;top:17px;left:17px;font-size:10px;opacity:.7}.swatch-label{position:absolute;bottom:16px;font-size:9px;letter-spacing:1.4px}.motif-info{padding:20px;flex:1;display:flex;flex-direction:column}.motif-info h2{font-family:var(--serif);font-size:25px;letter-spacing:-.5px}.motif-info p{font-size:11px;color:#818b75;line-height:1.8;margin:12px 0 24px;flex:1}.motif-info .btn{font-size:12px;min-height:44px}.locked .motif-swatch{filter:saturate(.65)}.collection-note{display:flex;align-items:flex-start;gap:10px;margin-top:28px;font-size:11px;color:#818b75;line-height:1.8}.collection-note>.icon{width:18px;height:18px;margin-top:2px}.settings-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:48px}.settings-panel>h2{font-family:var(--serif);font-size:26px;border-bottom:1px solid var(--line);padding-bottom:19px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px;border-bottom:1px solid var(--line);font-size:13px;position:relative;cursor:pointer}.setting-row small{display:block;font-size:10px;color:#849175;margin-top:7px}.setting-row select{font-size:12px;min-height:44px;background:transparent;max-width:180px}.setting-row input[type=checkbox]{position:absolute;right:0;width:44px;height:26px;opacity:0;z-index:1;cursor:pointer}.toggle{width:42px;height:24px;background:#ccd4bd;border-radius:20px;position:relative;flex:none;pointer-events:none}.toggle:after{content:"";position:absolute;top:4px;left:4px;width:16px;height:16px;background:#fbfcf5;border-radius:50%;transition:transform .15s}.setting-row input:checked+.toggle{background:#426948}.setting-row input:checked+.toggle:after{transform:translate(18px)}.setting-row input:focus-visible+.toggle{outline:3px solid #b06a29;outline-offset:4px}.data-panel>p{font-size:13px;color:#758267;margin-top:23px}.data-summary{display:flex;gap:38px;padding:25px 0}.data-summary>div{display:flex;flex-direction:column;gap:4px}.data-summary strong{font-family:var(--serif);font-size:34px;font-weight:400}.data-summary span{font-size:10px;color:#849074}.data-panel .btn{font-size:12px}.offline-card{display:flex;align-items:center;gap:10px;color:#7b8a6c;font-size:11px;margin-top:26px;border-top:1px solid var(--line);padding-top:22px}.offline-card>.icon{width:18px;height:18px}.about-note{border-top:1px solid var(--line);padding-top:25px;margin-top:45px}.about-note>p:not(.eyebrow){font-size:11px;color:#818d74;margin-top:10px;max-width:700px}.about-note .text-link{font-size:11px;margin-top:4px}.error-note{color:#9b4c36!important}.rules-heading{max-width:720px}.rules-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px}.rules-layout h2{font-family:var(--serif);font-size:27px;margin:26px 0 15px}.rules-layout>section>h2:first-child{margin-top:0}.rules-layout p{font-size:13px;color:#6f7a65;line-height:1.9;margin-bottom:12px}.setup-table{display:grid;grid-template-columns:20px 1fr;gap:9px;background:#e9e5d5;border:1px solid #d9d1b8;padding:20px;margin:20px 0;max-width:360px;color:#625b44}.setup-table>span{font-size:11px;color:#8c846a}.setup-table>code{font-size:14px;letter-spacing:5px;white-space:nowrap}.piece-rules article{display:flex;align-items:flex-start;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.piece-rules .sprite{width:49px;height:49px;flex:none;background:#e9e3cf;padding:5px;border-radius:3px}.piece-rules h3{font-size:15px;font-weight:600;margin-bottom:5px}.piece-rules h3 small{margin-left:6px;font-size:10px;color:#8d9680}.piece-rules p{font-size:12px;margin:0}.rules-list{padding-left:20px;font-size:13px;line-height:1.9;color:#6f7a65}.rules-list li{margin-bottom:13px}.count-table{border-collapse:collapse;width:100%;font-size:12px;margin:20px 0}.count-table th{text-align:left;font-size:10px;letter-spacing:1px;font-weight:600;background:#e7ebda}.count-table td,.count-table th{padding:12px 10px;border-bottom:1px solid var(--line)}.count-table td:last-child{text-align:center;font-weight:600}.rules-source{border-top:1px solid var(--line);padding-top:15px;margin-top:24px}.rules-source>p{font-size:10px;overflow-wrap:anywhere}.modal{border:2px solid #647557;border-radius:2px;padding:24px;background:#f8f6e9;color:var(--ink);width:calc(100% - 32px);max-width:460px;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:6px 6px #a7b19660}.modal::backdrop{background:#152a24a8}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.modal-heading h2{font-family:var(--serif);font-size:26px;line-height:1.25;letter-spacing:-.5px}.modal-heading>.icon-btn{flex:none;margin:-9px -9px -9px 0}.modal>p{font-size:13px;color:#6c795f;margin-bottom:20px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:23px}.modal-actions .btn{font-size:12px}.modal-guide{display:flex;align-items:flex-start;gap:20px}.modal-guide>.sprite{width:64px;height:64px;flex:none;background:#e2e7d0;padding:5px;border:2px solid #a8b48c}.modal-guide>p{font-size:13px;line-height:1.8}.options-list{display:flex;flex-direction:column;gap:10px}.options-list .btn{justify-content:flex-start}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);padding:14px 20px;background:#213f31;color:#fffbe9;border:1px solid #778c65;box-shadow:0 3px 14px #1b321a20;border-radius:3px;z-index:50;max-width:calc(100vw - 32px);width:max-content;font-size:12px;line-height:1.7}@keyframes blink{50%{opacity:.3}}@media(min-width:1500px){.page-home{padding-top:75px}.home-hero{padding-bottom:60px}.hero-copy h1{font-size:64px}.home-bottom{margin-top:26px}}@media(max-width:1240px){.page,.site-footer{margin:0 40px}.home-hero{gap:50px}.hero-copy h1{font-size:49px}.game-layout{gap:36px}.hero-piece-note{right:-7px}.motif-grid{gap:16px}.motif-info{padding:17px}.motif-info h2{font-size:22px}.page-game{margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px}}@media(max-width:960px){.header-inner{padding:0 28px}.main-nav{gap:20px}.page{margin:0 28px;padding-top:36px}.site-footer{margin:0 28px}.home-hero{gap:35px;padding:0 0 30px}.hero-copy h1{font-size:42px;letter-spacing:-1.2px}.hero-description{font-size:13px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.play-setup{grid-template-columns:1fr;margin-top:23px;gap:9px}.play-setup>.btn{flex-direction:row}.play-setup>label{margin-bottom:0}.local-play{margin-top:19px;padding-top:16px}.home-bottom{grid-template-columns:1.2fr 1fr}.learn-invite{padding:25px 22px 25px 0;gap:15px}.learn-invite h2{font-size:22px}.guide-stamp{width:54px;height:60px;padding:5px}.learn-invite p{font-size:10px}.learn-invite>.icon{display:none}.progress-invite{padding:24px 0 24px 24px}.progress-top .eyebrow{font-size:8px}.progress-motif{gap:14px}.progress-motif>svg{width:64px}.progress-motif h3{font-size:20px}.page-game{margin:0;padding-left:28px;padding-right:28px}.game-layout{grid-template-columns:minmax(300px,1.4fr) minmax(215px,1fr);gap:28px}.game-heading h1{font-size:29px}.turn-panel h2{font-size:27px}.tool-btn{flex-direction:column;gap:5px;font-size:9px}.tutorial-layout{gap:32px;grid-template-columns:minmax(290px,1.2fr) minmax(250px,1fr)}.pixel-dialogue{padding:17px}.dialogue-speaker{gap:10px}.guide-portrait{width:50px;height:50px}.dialogue-speaker small{font-size:9px}.dialogue-body{font-size:12px}.dialogue-body>span{min-height:120px}.motif-grid{grid-template-columns:repeat(2,1fr)}.motif-swatch{height:180px}.motif-swatch>svg{width:60%}.motif-info p{min-height:42px}.settings-layout{gap:30px}.rules-layout{gap:35px}.setting-row{gap:14px}.setting-row select{max-width:145px}.data-panel .button-row{gap:9px}.data-panel .btn{padding:11px 13px}.page-heading h1{font-size:37px}.collection-heading h1{font-size:42px}}@media(max-width:700px){.site-header{height:78px}.header-inner{padding:0 20px}.brand>span{font-size:21px}.brand>.sprite{width:32px;height:38px}.header-actions{gap:14px}.win-chip{font-size:12px}.main-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#f8f7eff5;backdrop-filter:blur(8px);height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #d6dcc8;gap:0;justify-content:space-around}.nav-link{height:64px;flex:1;flex-direction:column;gap:6px;justify-content:center;font-size:9px;padding:6px 0;min-width:0}.nav-link>.icon{width:20px;height:20px}.nav-link.active:after{inset:0 30% auto;height:2px}.language-btn{width:38px;height:38px;min-width:44px;min-height:44px;border:0;background:#ecefe1}.page{margin:0 20px;padding:30px 0 34px;min-height:calc(100dvh - 230px)}.site-footer{margin:0 20px 64px;padding:18px 0 calc(18px + env(safe-area-inset-bottom));flex-wrap:wrap;gap:4px 20px;font-size:9px}.site-footer .text-link{font-size:10px;margin-left:auto}.site-footer>.offline-label{width:100%;max-width:none;font-size:9px}.home-hero{grid-template-columns:1fr;gap:31px;padding-bottom:23px}.hero-copy{padding:0}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.8px}.hero-copy h1{font-size:46px;line-height:1.07;letter-spacing:-1.5px;margin:18px 0 17px}.hero-description{font-size:13px;max-width:360px;line-height:1.8}.play-setup{max-width:none;grid-template-columns:1fr 1.15fr;margin-top:22px;gap:9px}.play-setup label{font-size:10px}.play-setup select{font-size:12px}.play-setup>.btn{font-size:12px}.local-play{width:100%;padding-top:15px;margin-top:17px;min-height:58px}.local-play strong{font-size:12px}.local-play small{font-size:10px}.local-play>.icon:first-child{width:21px;height:21px}.hero-board-panel{max-width:430px;justify-self:center;padding:0 5px}.hero-board-top{font-size:8px;letter-spacing:1px}.hero-piece-note{bottom:2px;right:-2px;padding:10px 14px 10px 8px;gap:9px}.hero-piece-note>.sprite{width:36px;height:36px}.hero-piece-note p{font-size:9px}.hero-piece-note>div>span{font-size:8px}.board-caption{font-size:9px;margin-top:14px}.home-bottom{grid-template-columns:1fr;margin-top:0}.learn-invite{border-right:0;border-bottom:1px solid var(--line);padding:22px 0;gap:16px}.learn-invite>.icon{display:block;width:18px}.learn-invite h2{font-size:24px}.learn-invite p{font-size:10px;max-width:250px}.learn-invite .eyebrow{font-size:8px}.progress-invite{padding:22px 0}.progress-top .eyebrow{font-size:9px}.progress-motif{margin-top:9px;gap:20px}.progress-motif>svg{width:80px}.progress-motif h3{font-size:23px}.page-heading{margin-bottom:25px}.page-heading h1{font-size:34px;letter-spacing:-.9px}.page-heading>p:not(.eyebrow){font-size:12px;margin-top:12px}.game-heading{align-items:center;margin-bottom:7px;gap:12px}.game-heading h1{font-size:24px;margin-top:6px;letter-spacing:-.6px}.game-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.game-heading .eyebrow>span{padding:0 3px}.game-heading>.btn{font-size:0;padding:10px;min-width:44px;align-self:center}.game-heading>.btn>.icon{width:18px}.game-heading>.btn>span{display:none}.page-game{padding:23px 0 26px;margin:0 16px}.game-layout{grid-template-columns:1fr;gap:15px;max-width:520px;margin:auto}.playing-area{width:100%}.board-frame{padding:0 11px}.frame-top{height:20px}.rank-labels{left:-10px;width:9px;font-size:7px}.file-labels{height:17px;font-size:7px}.frame-bottom{height:6px}.player-bar{padding:10px 1px;gap:9px}.player-avatar{width:34px;height:34px;padding:4px}.player-identity strong{font-size:12px}.player-identity>span{font-size:9px;margin-top:3px}.player-indicator{font-size:9px}.board-tools{margin-top:4px}.tool-btn{flex-direction:row;gap:6px;font-size:10px;min-height:48px}.tool-btn>.icon{width:16px;height:16px}.game-sidebar{padding-top:0;display:flex;flex-direction:column}.turn-panel{padding:16px 0}.turn-panel>.eyebrow{font-size:8px}.turn-panel h2{font-size:26px;margin:7px 0}.turn-panel>p:not(.eyebrow){font-size:12px}.side-rule{margin-top:13px;font-size:11px}.side-guide{padding:16px 0}.side-guide p{margin-top:8px;font-size:11px}.side-guide-header>.sprite{width:29px;height:29px}.side-guide>.text-link{min-height:44px;margin-top:0}.piece-inspect{padding:14px 0}.piece-inspect>div{gap:10px}.piece-inspect .sprite{width:34px;height:34px}.piece-inspect h3{font-size:22px}.piece-inspect p{font-size:11px}.move-history{margin-top:8px}.save-note{margin-top:12px}.count-display{padding:10px;margin-top:12px}.result-buttons{flex-direction:row;flex-wrap:wrap}.result-buttons .btn{flex:1;font-size:12px;padding:10px}.page-tutorial{margin:0 16px;padding-top:15px}.tutorial-heading{margin-bottom:18px;padding-bottom:7px}.tutorial-heading .text-link{font-size:11px}.tutorial-heading>span{font-size:9px}.tutorial-layout{display:flex;flex-direction:column;gap:12px;max-width:520px;margin:auto}.tutorial-board{width:100%}.lesson-title{margin-bottom:14px}.lesson-title .eyebrow{font-size:8px}.lesson-title h1{font-size:27px;margin-top:4px}.tutorial-piece-info{font-size:10px;min-height:44px;padding:12px 0 0}.tutorial-guide{width:100%;padding:0 4px 0 0}.pixel-dialogue{padding:16px;box-shadow:5px 5px #d4dac2;border-width:2px}.dialogue-speaker{gap:11px;padding-bottom:12px}.guide-portrait{width:48px;height:48px}.dialogue-speaker>span{font-size:13px}.dialogue-speaker small{font-size:9px;margin-top:5px}.dialogue-body{padding:14px 0 11px;min-height:110px;font-size:12px;line-height:1.8}.dialogue-body>span{min-height:65px}.dialogue-body>small{font-size:8px;margin-top:8px}.dialogue-objective{padding:9px 12px;margin-bottom:10px}.dialogue-objective>.eyebrow{font-size:8px}.dialogue-objective>p{font-size:11px}.dialogue-progress{min-height:22px;font-size:10px}.tutorial-steps{margin-top:20px}.tutorial-tip{font-size:9px}.learn-feature{padding:23px 20px;gap:24px;flex-direction:column;align-items:flex-start}.large-guide{width:82px;height:88px;padding:9px}.learn-feature h2{font-size:28px}.learn-feature p:not(.eyebrow){font-size:12px}.learn-feature .eyebrow{font-size:9px}.learn-feature .button-row{margin-top:19px;gap:8px 18px}.learn-feature .btn{font-size:12px}.learn-feature .text-link{font-size:11px}.lesson-section{margin-top:28px}.lesson-section>h2{font-size:25px}.lesson-list{grid-template-columns:1fr}.lesson-link{min-height:77px;padding:12px 4px}.lesson-link strong{font-size:13px}.lesson-number{font-size:23px}.rule-invite{align-items:flex-start;flex-direction:column;gap:18px;margin-top:28px;padding-top:25px}.rule-invite h2{font-size:25px}.rule-invite p{font-size:11px}.rule-invite .btn{font-size:12px}.tutorial-finish{padding-top:20px}.tutorial-finish h1{font-size:35px}.tutorial-finish>p:not(.eyebrow){font-size:12px}.tutorial-finish .button-row{gap:10px}.tutorial-finish .btn{font-size:12px}.collection-heading{gap:12px;align-items:flex-start}.collection-heading h1{font-size:35px;letter-spacing:-1px;margin:13px 0}.collection-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.collection-heading p:not(.eyebrow){font-size:12px}.total-wins{min-width:58px;padding:0 0 0 14px;margin-top:28px}.total-wins strong{font-size:44px;letter-spacing:-2px}.total-wins span{font-size:8px;letter-spacing:0}.collection-progress{margin:25px 0;font-size:10px}.motif-grid{gap:13px}.motif-swatch{height:139px}.motif-swatch>svg{width:90%;height:72px}.motif-index{font-size:9px;top:12px;left:12px}.swatch-label{font-size:8px;bottom:12px;letter-spacing:.6px}.motif-info{padding:15px 12px}.motif-info h2{font-size:20px;line-height:1.15;min-height:46px}.motif-info p{font-size:10px;margin:7px 0 17px;line-height:1.7;min-height:85px}.motif-info .btn{font-size:11px;padding:9px 6px;gap:6px}.motif-info .btn>.icon{width:16px;height:16px}.collection-note{font-size:10px;margin-top:20px}.settings-layout{grid-template-columns:1fr;gap:30px}.settings-panel>h2{font-size:25px;padding-bottom:15px}.setting-row{min-height:72px;font-size:12px}.setting-row select{max-width:175px;font-size:11px}.setting-row small{font-size:9px}.data-panel>p{font-size:12px;margin-top:17px}.data-summary{padding:20px 0}.data-panel .button-row{gap:10px}.data-panel .btn{font-size:12px;padding:11px 14px}.about-note{margin-top:30px}.about-note>.eyebrow{font-size:9px}.about-note>p:not(.eyebrow){font-size:10px}.rules-layout{grid-template-columns:1fr;gap:30px}.rules-layout h2{font-size:25px}.rules-layout p,.rules-list{font-size:12px}.setup-table{padding:16px;font-size:12px}.setup-table>code{font-size:13px;letter-spacing:4px}.piece-rules article{gap:16px}.piece-rules p{font-size:11px}.piece-rules .sprite{width:42px;height:42px}.modal{padding:19px;max-height:calc(100dvh - 30px)}.modal-heading h2{font-size:25px}.modal-guide{gap:15px}.modal-guide>.sprite{width:50px;height:50px}.modal-guide>p{font-size:12px}.modal-actions{gap:9px}.modal-actions .btn{padding:11px 13px;font-size:11px}#toast{bottom:calc(80px + env(safe-area-inset-bottom));font-size:11px;padding:12px 16px}}@media(max-width:380px){.page-home{margin:0 17px}.hero-copy h1{font-size:42px}.header-inner{padding:0 16px}.header-actions{gap:9px}.hero-copy .eyebrow{font-size:8px}.play-setup>.btn{font-size:11px;padding:12px 8px;gap:7px}.learn-invite{gap:12px}.learn-invite h2{font-size:22px}.guide-stamp{width:46px;height:54px}.learn-invite>.icon{width:15px;height:15px}.game-heading h1{font-size:22px}.game-heading .eyebrow{font-size:7px}.tool-btn{font-size:9px;gap:4px}.collection-heading h1{font-size:31px}.total-wins strong{font-size:39px}.motif-info h2{font-size:19px}.motif-info p{min-height:104px}.motif-info .btn{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}html[data-reduced=true] *,html[data-reduced=true] *:before,html[data-reduced=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.course-chapter{margin-top:38px}.chapter-heading{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding-bottom:17px}.chapter-number{font-family:var(--serif);font-size:32px;color:#879673}.chapter-heading h2{font-family:var(--serif);font-size:27px}.chapter-heading p{font-size:13px;color:#586951;margin-top:6px}.chapter-tally{margin-left:auto;font-size:12px;white-space:nowrap}.lesson-number>.sprite{width:38px;height:38px}.board-task{display:flex;align-items:center;gap:10px;padding:12px 14px;margin-bottom:12px;background:#e8eddc;border:1px solid #c8d2b8;font-size:14px;line-height:1.5;min-height:54px}.board-task>.icon{width:19px;height:19px}.board-task.task-done{background:#dce9d5;border-color:#9fb797}.tutorial-board-note{font-size:12px;color:#59694d;margin-top:13px;line-height:1.65}.lesson-badge{position:absolute;left:2px;top:2px;min-width:19px;height:19px;padding:0 3px;background:#173f35;border:1px solid #fbf2d9;color:#fff8e5;line-height:17px;text-align:center;font-size:12px;font-weight:700;z-index:4;pointer-events:none}.lesson-badge.destination-badge{background:#fff4c6;color:#263b32;border:2px solid #526c3f;line-height:15px}.square.lesson-target{box-shadow:inset 0 0 0 3px #56733f}.square.lesson-path{background-color:#bbbe85}.lesson-path:after{content:"·";font-size:32px;font-weight:700;color:#52683b;position:absolute;pointer-events:none;z-index:-1}.page-tutorial .dialogue-body{padding:19px 0;min-height:0;font-size:16px;line-height:1.75}.page-tutorial .dialogue-body p{line-height:1.75}.page-tutorial .dialogue-objective>p{font-size:15px;line-height:1.6}.page-tutorial .dialogue-progress{font-size:14px;color:#465d3b;min-height:0;line-height:1.65}.page-tutorial .dialogue-progress:empty{display:none}.lesson-choices{display:flex;flex-direction:column;gap:10px;margin:12px 0}.lesson-choices .btn{font-size:15px;text-align:left;justify-content:flex-start;min-height:52px}.lesson-help{display:flex;justify-content:space-between;gap:12px;margin-top:10px}.lesson-help .text-link{font-size:13px}.character-card{display:grid;grid-template-columns:1fr 90px;gap:8px 14px;background:#edf0e0;border:1px solid #ced7bd;padding:17px;margin-top:25px}.character-identity{display:flex;align-items:center;gap:12px}.character-identity>.sprite{width:58px;height:58px;flex:none}.character-identity h2{font-family:var(--serif);font-size:25px}.character-identity p{font-size:12px;color:#55694b;margin-top:4px}.movement-picture{grid-column:2;grid-row:1 / 3;display:grid;grid-template-columns:repeat(5,1fr);width:90px;height:90px;background:#e0d1ad;border:1px solid #b5a278;align-self:center}.picture-square{display:grid;place-items:center;border-right:1px solid #b5a27850;border-bottom:1px solid #b5a27850;min-width:0;min-height:0}.picture-square>.sprite{width:17px;height:17px}.picture-square>i{display:block;width:6px;height:6px;background:#305f45;border-radius:50%}.picture-square.reachable{background:#c5ccaa}.character-rule{grid-column:1;font-size:13px;line-height:1.6}.character-card>small{grid-column:1/-1;font-size:11px;line-height:1.6;color:#5b6d50}.tutorial-steps{flex-wrap:wrap}.tutorial-steps>span{width:20px}.winning-summary{text-align:left;margin-top:25px;padding:23px;background:#e9edde;border:1px solid #cbd5bc}.winning-summary h2{font-family:var(--serif);font-size:24px}.winning-summary ul{padding-left:21px;font-size:15px;line-height:1.8;margin-bottom:0}.winning-summary li+li{margin-top:9px}@media(max-width:700px){.page-tutorial .tutorial-layout{gap:22px}.page-tutorial .dialogue-body{font-size:16px;padding:16px 0}.page-tutorial .dialogue-objective>p{font-size:15px}.page-tutorial .dialogue-progress{font-size:14px}.page-tutorial .dialogue-speaker>span{font-size:15px}.page-tutorial .dialogue-speaker small{font-size:12px}.page-tutorial .tutorial-tip{font-size:12px;color:#58694e}.page-tutorial .tutorial-heading .text-link{font-size:12px}.page-tutorial .lesson-title .eyebrow{font-size:10px;letter-spacing:1px}.page-tutorial .lesson-title h1{font-size:27px;line-height:1.2}.board-task{font-size:14px;padding:10px 12px}.tutorial-board-note{font-size:12px}.lesson-badge{min-width:17px;height:17px;font-size:11px;line-height:15px;top:1px;left:1px}.lesson-badge.destination-badge{line-height:13px}.character-card{padding:14px;margin-top:22px;grid-template-columns:1fr 85px}.movement-picture{width:85px;height:85px}.character-identity>.sprite{width:46px;height:46px}.character-identity{gap:9px}.character-identity h2{font-size:24px}.character-rule{font-size:13px}.chapter-heading{gap:13px}.chapter-heading h2{font-size:23px}.chapter-heading p{font-size:12px}.chapter-number{font-size:27px}.chapter-tally{font-size:11px}.course-chapter .lesson-link strong{font-size:15px}.course-chapter .lesson-link small{font-size:12px}.course-chapter .lesson-link{min-height:82px}.page-learn .learn-feature p:not(.eyebrow){font-size:14px}.page-learn .learn-feature .btn,.page-learn .learn-feature .text-link{font-size:13px}.winning-summary{padding:18px}.winning-summary ul{font-size:14px}}.jawi{font-family:Noto Naskh Arabic,Traditional Arabic,Geeza Pro,Tahoma,serif;font-weight:400;font-style:normal;letter-spacing:normal!important;text-transform:none;direction:rtl;unicode-bidi:isolate;line-height:1.7;color:#89672f}.brand .tanjak-mark{width:38px;height:44px;flex:none}.brand .brand-jawi{font-size:23px;line-height:1.6;letter-spacing:normal;border-left:1px solid #d9ccb1;padding-left:15px;margin-left:6px;white-space:nowrap}.site-header{position:relative;border-bottom-color:#d0bd96}.header-weave{position:absolute;bottom:-7px;left:0;right:0;height:7px;overflow:hidden;color:#a8874c;background:#e5dac0;pointer-events:none}.header-weave>.textile-band{height:19px;width:100%;opacity:.7;transform:translateY(-6px)}.page-home .eyebrow,.page-learn .eyebrow,.page-collection .eyebrow{color:#78623e}.hero-copy{position:relative}.hero-copy:before{content:"";display:block;width:48px;height:5px;border-top:1px solid #ad8c4f;border-bottom:1px solid #ad8c4f;margin-bottom:21px}.hero-piece-note{background:#493e2e;box-shadow:4px 4px #c7b685}.home-bottom{border-top-color:#c9b994;border-bottom-color:#c9b994}.guide-stamp{border-color:#c7b58c;background:#ebe4cc}.textile-band{width:100%;height:32px;color:#997238}.footer-identity{display:flex;align-items:center;gap:13px}.footer-identity>.jawi{font-size:21px;padding:0;color:#86662e}.footer-identity>span:last-child{font-size:10px;letter-spacing:.3px;padding:0;color:#7b8177}.piece-jawi{font-size:.85em;padding-inline-start:7px;white-space:nowrap}.character-identity h2{line-height:1.45}.character-card{border-color:#c9bd99;background:#f0ebda}.pixel-dialogue{border-color:#796445;outline-color:#cdb78d;box-shadow:7px 7px #d9c8a6;background:#fcf8e9;position:relative}.pixel-dialogue:before,.pixel-dialogue:after{content:"";position:absolute;width:8px;height:8px;border:1px solid #9b793e;background:#e1c584;transform:rotate(45deg);top:-5px}.pixel-dialogue:before{left:12px}.pixel-dialogue:after{right:12px}.dialogue-speaker{border-bottom-color:#cbbc96}.guide-portrait{border-color:#ae9362;background:#e9dfc5}.dialogue-objective{background:#efe8d5;border-left-color:#b18b4f}.board-frame{box-shadow:0 3px #8c6d45,inset 0 0 0 3px #e4c89640}.frame-top{color:#77522c}.frame-top>b{font-size:16px}.square>.raja-sprite{width:125%;max-width:none;height:125%;max-height:none;flex:none;filter:drop-shadow(0 1px 0 #392b272b)}.player-avatar:has(.raja-sprite){padding:0}.player-avatar>.raja-sprite{height:115%;transform:translateY(-2px)}.character-identity>.raja-sprite{width:64px;height:64px}.movement-picture .raja-sprite{width:20px;height:20px}.culture-panel{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(320px,1.2fr);gap:52px;margin-top:52px;padding-top:38px;border-top:1px solid #cec0a2;align-items:start}.raja-art-panel{background:#e9dfc7;border:1px solid #bca477;padding:22px 22px 16px;position:relative;box-shadow:inset 0 0 0 5px #f5eddc,inset 0 0 0 6px #c8b58d}.raja-art-label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 7px;color:#6d5432}.raja-art-label>span:first-child{font-size:11px;font-weight:600;letter-spacing:3px}.raja-art-label>.jawi{font-size:35px;line-height:1}.raja-pair{display:flex;justify-content:center;gap:12px;padding:17px 0 10px}.raja-pair>div{min-width:0;flex:1;display:flex;align-items:center;flex-direction:column}.raja-pair .sprite{width:160px;height:160px;max-width:100%;object-fit:contain;image-rendering:pixelated}.raja-pair>div>span{font-size:10px;letter-spacing:1px;color:#705d3c;margin-top:6px}.raja-art-panel>.textile-band{height:35px;margin:12px 0}.art-caption{display:block;text-align:center;letter-spacing:1px;font-size:8px;color:#7f6c49}.culture-copy h2{font-family:var(--serif);font-size:35px;letter-spacing:-.7px;margin:10px 0 15px}.culture-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#67725d}.raja-details{margin:21px 0}.raja-details>div{display:grid;grid-template-columns:126px 1fr;gap:15px;padding:11px 0;border-bottom:1px solid #ddd5c0;font-size:12px}.raja-details dt{font-family:var(--serif);font-size:17px;color:#765b30}.raja-details dd{margin:0;color:#6e775f;line-height:1.7}.culture-note{margin-top:18px}.culture-note summary{font-size:12px;min-height:44px;cursor:pointer;display:list-item;padding:12px 0;color:#75603b}.culture-note p{font-size:12px;line-height:1.9;color:#697360;margin:5px 0 13px}.culture-note p:last-child{font-size:11px}.page-collection .motif-swatch{border-bottom:4px double #bba16b}@media(max-width:1050px){.brand .brand-jawi{font-size:20px;padding-left:10px;margin-left:0}.main-nav,.header-inner{gap:18px}.culture-panel{gap:32px}.raja-pair .sprite{width:128px;height:128px}.raja-details>div{grid-template-columns:108px 1fr;gap:10px}}@media(max-width:800px)and (min-width:701px){.brand .brand-jawi{display:none}}@media(max-width:700px){.brand .tanjak-mark{width:31px;height:38px}.brand .brand-jawi{font-size:20px;padding-left:10px;margin-left:1px}.header-inner{gap:10px}.header-actions{gap:8px}.brand{gap:7px}.hero-copy:before{margin-bottom:18px;width:38px}.culture-panel{grid-template-columns:1fr;gap:29px;margin-top:31px;padding-top:28px}.raja-art-panel{max-width:400px;width:100%;justify-self:center;padding:20px}.raja-pair .sprite{width:128px;height:128px}.raja-art-label>.jawi{font-size:32px}.culture-copy h2{font-size:31px;margin:9px 0 13px}.culture-copy>p:not(.eyebrow){font-size:13px}.raja-details>div{grid-template-columns:106px 1fr;font-size:12px;gap:12px}.raja-details dt{font-size:16px}.culture-note summary{font-size:13px}.culture-note p{font-size:12px}.footer-identity{gap:10px}.footer-identity>.jawi{font-size:19px}.footer-identity>span:last-child{font-size:9px}.site-footer{column-gap:12px}.site-footer .text-link{font-size:9px}.piece-jawi{font-size:20px;display:inline-block}.character-identity>.raja-sprite{width:53px;height:64px}.pixel-dialogue{box-shadow:5px 5px #d9c8a6}}@media(max-width:380px){.brand .brand-jawi{font-size:17px;padding-left:8px}.brand>span:not(.jawi){font-size:20px}.brand .tanjak-mark{width:27px}.header-actions{gap:4px}.footer-identity{flex-wrap:wrap;gap:3px 9px}}.raja-sheet{display:block;background-size:900% 800%;background-position:0 var(--raja-row,0%);background-repeat:no-repeat;image-rendering:pixelated;aspect-ratio:1}.raja-sheet.is-walking{animation:raja-walk-cycle .96s steps(1,end) infinite}@keyframes raja-walk-cycle{0%{background-position-x:12.5%}12.5%{background-position-x:25%}25%{background-position-x:37.5%}37.5%{background-position-x:50%}50%{background-position-x:62.5%}62.5%{background-position-x:75%}75%{background-position-x:87.5%}87.5%,to{background-position-x:100%}}.raja-pair .raja-sheet{width:128px;height:128px;max-width:100%;flex:none}.raja-preview-controls{display:flex;flex-direction:column;gap:10px;margin:12px 0}.raja-preview-controls>.btn{font-size:12px;min-height:44px;background:#f7eed6;border-color:#b5a077}.raja-directions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.raja-directions>.btn{font-size:10px;min-width:0;padding:8px 3px;background:transparent;border-color:#c0ad85}.raja-directions>.btn[aria-pressed=true]{background:#725b37;color:#fff5dd;border-color:#725b37}.sprite-credit{font-size:11px;color:#62725a;line-height:1.8;margin-top:15px}.sprite-credit>a{color:#725b37;text-decoration:underline;text-underline-offset:3px}.square>.moving-raja{position:absolute;width:107%;height:107%;max-height:none;z-index:6}.square:has(.moving-raja){z-index:6}@media(prefers-reduced-motion:reduce){.raja-sheet.is-walking{animation:none!important}}html[data-reduced=true] .raja-sheet.is-walking{animation:none!important}.character-idle{display:block;background-size:400% 200%;background-position:0 var(--idle-row,0%);background-repeat:no-repeat;image-rendering:pixelated;aspect-ratio:1;animation:character-breathe 2.8s steps(1,end) infinite}@keyframes character-breathe{0%,25%{background-position-x:0%}45%{background-position-x:33.333333%}58%{background-position-x:66.666667%}76%,to{background-position-x:100%}}.square>.character-idle{width:116%;height:116%;max-width:none;max-height:none;flex:none}.raja-pair .character-idle{width:128px;height:128px;max-width:100%;flex:none}.idle-directions{grid-template-columns:repeat(2,minmax(0,1fr))}.character-identity>.character-idle{width:56px;height:64px;flex:none}.player-avatar>.character-idle{width:100%;height:100%;transform:none}.movement-picture .character-idle{width:18px;height:18px;animation:none}.piece-rules .character-idle{background-color:transparent;padding:0}@media(prefers-reduced-motion:reduce){.character-idle{animation:none!important}}html[data-reduced=true] .character-idle{animation:none!important}.board-grid .square>.character-idle{width:108%;height:108%;max-width:none;max-height:none;transform:none;filter:drop-shadow(0 1px 0 #392b272b)}.board-grid .square.selected>.character-idle{transform:translateY(-2px)}.character-idle.ter-sprite{animation:none}.guide-portrait:has(.cikgu-portrait),.guide-stamp:has(.cikgu-portrait){padding:0;overflow:hidden}.large-guide:has(.cikgu-portrait){padding:0;overflow:hidden}.sprite.cikgu-portrait{object-fit:contain;object-position:center bottom;animation:none;image-rendering:pixelated}.roster-gallery .raja-pair{padding:8px 0;gap:8px}.roster-gallery .raja-pair .character-idle{width:88px;height:88px}.roster-gallery .raja-pair>div>span{font-size:9px}.board-grid .square:nth-child(8n){border-right:1px solid transparent}.board-grid .square:nth-last-child(-n+8){border-bottom:1px solid transparent}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(./pixelify-sans-latin-Cbhn5ptY.woff2) format("woff2")}:root{--dialog-font:"Pixelify Sans",monospace;--dialog-ink:#263e43;--dialog-edge:#355961;--dialog-paper:#fffdf0}.pixel-dialogue,.modal,.side-guide,#toast{font-family:var(--dialog-font);font-synthesis:none;color:var(--dialog-ink);border:4px solid var(--dialog-edge);border-radius:0;outline:none;background:var(--dialog-paper);box-shadow:inset 0 0 0 2px #b6cbb7,inset 0 0 0 5px #eaf0d9,4px 4px #263e4333;clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px))}.pixel-dialogue:before,.pixel-dialogue:after{display:none}.pixel-dialogue{padding:22px}.pixel-dialogue *,.modal *,.side-guide *{font-family:var(--dialog-font)}.pixel-dialogue .jawi,.modal .jawi,.side-guide .jawi{font-family:Noto Naskh Arabic,Traditional Arabic,Tahoma,serif}.pixel-dialogue .dialogue-speaker{border-bottom:2px solid #c4d4ba;padding-bottom:14px;gap:14px}.pixel-dialogue .dialogue-speaker>span{font-family:var(--dialog-font);font-size:22px;letter-spacing:1px;font-weight:600}.pixel-dialogue .dialogue-speaker small{font-family:var(--dialog-font);font-size:16px;color:#596e58;letter-spacing:0}.pixel-dialogue .guide-portrait{border:2px solid #577b78;box-shadow:2px 2px #bdc9a8;background:#e7eed7;width:72px;height:72px}.page-tutorial .pixel-dialogue .dialogue-body{font-family:var(--dialog-font);font-size:22px;line-height:1.5;padding:20px 0}.page-tutorial .pixel-dialogue .dialogue-body p{line-height:1.5}.page-tutorial .pixel-dialogue .dialogue-objective{background:#edf1dc;border-left:4px solid #759377;padding:12px 14px}.page-tutorial .pixel-dialogue .dialogue-objective>.eyebrow{font-size:15px;letter-spacing:1px;color:#45634b}.page-tutorial .pixel-dialogue .dialogue-objective>p{font-size:20px;line-height:1.45}.page-tutorial .pixel-dialogue .dialogue-progress{font-size:18px;line-height:1.5;color:#446345;margin:12px 0}.pixel-dialogue .btn,.modal .btn{font-family:var(--dialog-font);font-size:19px;font-weight:400;border-radius:0;min-height:48px;border-width:2px;box-shadow:2px 2px #b6bba2;line-height:1.3}.pixel-dialogue .btn-primary,.modal .btn-primary{background:#355d52;border-color:#233f38;color:#fffdeb}.pixel-dialogue .btn-secondary,.modal .btn-secondary{background:#f4f3df;border-color:#839a7a}.pixel-dialogue .text-link,.modal .text-link{font-family:var(--dialog-font);font-size:18px;font-weight:400}.pixel-dialogue [data-action=lesson-next]{position:relative;padding-right:34px}.pixel-dialogue [data-action=lesson-next]:after{content:"";position:absolute;right:15px;top:calc(50% - 4px);width:0;height:0;border-left:7px solid #fff6b8;border-top:5px solid transparent;border-bottom:5px solid transparent}.pixel-dialogue [data-action=lesson-next]>.icon{display:none}.recorded-line{align-self:flex-start;flex:none}.modal-guide:has(.recorded-line){flex-wrap:wrap}.modal-guide:has(.recorded-line)>p{flex:1;min-width:150px}.modal-guide .recorded-line{margin-left:auto}.modal{padding:24px;max-width:490px;overflow:auto}.modal::backdrop{background:#142d31ad}.modal .modal-heading h2{font-family:var(--dialog-font);font-size:28px;letter-spacing:0;line-height:1.2}.modal>p,.modal .modal-guide>p{font-size:21px;line-height:1.5;color:var(--dialog-ink)}.modal .modal-guide>.sprite{width:72px;height:72px;background:#e7eed7;border:2px solid #78957b;padding:0}.modal .modal-actions{gap:12px;margin-top:24px}.side-guide{padding:18px;margin-top:20px}.side-guide .side-guide-header strong{font-family:var(--dialog-font);font-size:18px;letter-spacing:1px}.side-guide p{font-size:18px;line-height:1.5;color:#456048}.side-guide .text-link{font-size:17px}#toast{font-family:var(--dialog-font);font-size:19px;line-height:1.45;padding:18px 22px;color:var(--dialog-ink);max-width:calc(100vw - 24px)}@media(max-width:700px){.pixel-dialogue{padding:17px;border-width:4px}.page-tutorial .pixel-dialogue .dialogue-body{font-size:20px;line-height:1.5;padding:16px 0}.page-tutorial .pixel-dialogue .dialogue-body p{line-height:1.5}.pixel-dialogue .dialogue-speaker>span{font-size:21px}.pixel-dialogue .dialogue-speaker small{font-size:15px;line-height:1.4}.pixel-dialogue .guide-portrait{width:60px;height:60px}.page-tutorial .pixel-dialogue .dialogue-objective>p{font-size:19px;line-height:1.45}.page-tutorial .pixel-dialogue .dialogue-objective>.eyebrow{font-size:14px}.page-tutorial .pixel-dialogue .dialogue-progress{font-size:17px}.pixel-dialogue .btn,.modal .btn{font-size:18px;padding:11px 13px;min-height:48px}.pixel-dialogue .text-link,.modal .text-link{font-size:17px}.modal{padding:20px;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.modal .modal-heading h2{font-size:26px}.modal>p,.modal .modal-guide>p{font-size:20px;line-height:1.45}.modal .modal-guide{gap:12px}.modal .modal-guide>.sprite{width:56px;height:56px}.modal .modal-actions{gap:10px}.side-guide{padding:16px}.side-guide p{font-size:18px}#toast{font-size:18px;padding:15px 18px}}.mobile-nav{display:none}.how-to-play{grid-column:1/-1}.sound-test-row{display:flex;align-items:flex-start;flex-direction:column;gap:10px;padding:18px 0;border-bottom:1px solid var(--line)}.sound-test-row p{font-size:12px;line-height:1.6;color:var(--muted)}.history-invite{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px;margin-top:25px;border:1px solid #c9b68f;background:#eee5cc}.history-invite h2{font:28px var(--serif);margin-bottom:8px}.history-invite p{font-size:14px;max-width:600px}.history-invite .btn{flex:none}.history-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:40px;align-items:start}.history-chapters{display:flex;flex-direction:column;gap:8px}.history-chapters button{display:flex;gap:13px;text-align:left;align-items:center;min-height:65px;border:1px solid var(--line);background:transparent;padding:14px;font-size:13px;line-height:1.5}.history-chapters button>span{color:#8a754d;font:22px var(--serif)}.history-chapters button[aria-current]{background:#e5ecd9;border-color:#759073}.history-art{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;background:#e8ddc4;padding:18px;margin-bottom:22px;border:1px solid #c9b68f}.history-art>.sprite{width:96px;height:96px;flex:none}.history-art>.jawi{font-size:38px}.history-art>.textile-band{width:100%;height:24px}.history-title{font-size:28px;line-height:1.3;margin-top:18px}.history-story .dialogue-body{font-size:22px;line-height:1.55;min-height:0}.history-story .dialogue-body p{line-height:1.55}.history-controls{display:flex;justify-content:space-between;gap:14px;margin-top:22px}.history-story .speech-note{font-size:15px;line-height:1.5;color:#5e7157}.history-source{margin-top:25px;font-size:13px;line-height:1.8}.history-source summary{cursor:pointer;min-height:44px}.history-source p{margin-bottom:12px}.history-source a{text-decoration:underline;text-underline-offset:3px}@media(max-width:900px){.site-header .main-nav{display:none!important}.mobile-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:1000;width:100%;height:auto;min-height:66px;padding:0 8px;background:#f8f7ef;border-top:2px solid #c9d3bc;box-shadow:0 -4px 14px #18302512;isolation:isolate;transform:none;visibility:visible;opacity:1}.mobile-nav{padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-nav .nav-link{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:64px;height:64px;padding:8px 2px;font-size:12px;color:#596b57}.mobile-nav .nav-link .icon{width:22px;height:22px}.mobile-nav .nav-link.active{color:#173f35;background:#e9efdf}.mobile-nav .nav-link.active:after{inset:0 20% auto;height:3px}body{padding-bottom:76px;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.site-footer{margin-bottom:0}#toast{z-index:1100;bottom:calc(84px + env(safe-area-inset-bottom,0px))}.history-layout{grid-template-columns:1fr;gap:22px}.history-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.history-chapters button{padding:10px;font-size:12px;min-height:66px}.history-invite{flex-direction:column;align-items:flex-start;padding:20px}.history-invite h2{font-size:26px}.history-story .dialogue-body{font-size:20px}.history-title{font-size:25px}.history-controls{flex-wrap:wrap}.history-controls .btn{font-size:18px}.history-art>.jawi{font-size:30px}}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(./atkinson-regular-BrHNak5F.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(./atkinson-bold-GZI4o3u0.woff2) format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(./barlow-semibold-BkLiAYu4.woff2) format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(./barlow-bold-BpqDG8I9.woff2) format("woff2")}@font-face{font-family:Sometype Mono;font-style:normal;font-weight:400;font-display:swap;src:url(./sometype-mono-DbqYDHio.woff2) format("woff2")}:root{--canvas:#f7f6f1;--surface:#fff;--surface-muted:#eceae2;--text:#15170f;--text-secondary:#454840;--text-muted:#626659;--border:#d6d4c9;--border-strong:#b9b7aa;--signal:#d7ff00;--inverse:#15170f;--ink:var(--text);--green:var(--inverse);--muted:var(--text-muted);--line:var(--border);--cream:var(--canvas);--body-font:"Atkinson Hyperlegible",Arial,sans-serif;--display-font:"Barlow Semi Condensed","Arial Narrow",sans-serif;--data-font:"Sometype Mono",monospace;font-family:var(--body-font);background:var(--canvas);color:var(--text)}body{background:var(--canvas);color:var(--text)}::selection{background:var(--signal);color:var(--text)}.btn{border-radius:4px;font-family:var(--body-font);font-size:15px;font-weight:700;min-height:48px;transition:background .12s cubic-bezier(.2,0,0,1)}.btn-primary{background:var(--inverse);border-color:var(--inverse);color:#f1f0ea;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.btn-primary:hover{background:#30342a}.btn-secondary{background:var(--surface);border:2px solid var(--inverse);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--surface-muted)}select{background:var(--surface);border:1px solid var(--border-strong);border-radius:4px;font-size:16px}.text-link{font-family:var(--body-font);font-weight:700}.eyebrow{font-family:var(--data-font);font-size:11px;letter-spacing:1.1px;font-weight:400}.page-home .eyebrow,.page-learn .eyebrow,.page-collection .eyebrow{color:var(--text-secondary)}.site-header{background:var(--canvas);border-bottom:2px solid var(--inverse)}.header-weave{height:5px;background:#e9dec4;color:#9b7c42;bottom:-5px}.header-actions .language-btn{border-radius:4px;border:1px solid var(--border-strong);background:var(--surface);font-family:var(--data-font);color:var(--text)}.nav-link{font-family:var(--body-font);font-size:14px;color:var(--text-secondary)}.nav-link.active{color:var(--text)}.nav-link.active:after{background:var(--signal);height:4px}.win-chip{font-family:var(--data-font)}.hero-copy h1,.page-heading h1,.collection-heading h1,.tutorial-finish h1{font-family:var(--display-font);font-weight:700;letter-spacing:-.035em;line-height:1.08}.hero-copy h1{font-size:60px}.hero-copy:before{border-color:var(--inverse);height:4px;width:44px;background:var(--signal)}.hero-description{font-size:17px;line-height:1.7;color:var(--text-secondary)}.play-setup>label{font-family:var(--data-font);font-size:11px;color:var(--text-muted)}.play-setup select{background:var(--surface);font-size:15px}.play-setup .btn{font-size:14px}.hero-board-top,.board-caption,.art-caption{font-family:var(--data-font)}.hero-board-top{font-size:10px}.hero-piece-note{background:var(--inverse);color:#f1f0ea;box-shadow:4px 4px 0 var(--signal);transform:none}.hero-piece-note>div>span{color:var(--signal);font-family:var(--data-font)}.home-bottom{border-top:2px solid var(--inverse);border-bottom:1px solid var(--border)}.learn-invite h2,.learn-feature h2,.lesson-section>h2,.chapter-heading h2,.rule-invite h2,.culture-copy h2,.settings-panel>h2,.history-invite h2{font-family:var(--display-font);font-weight:600;letter-spacing:-.02em}.learn-invite h2{font-size:29px}.learn-invite p{font-size:13px;color:var(--text-muted)}.local-play strong{font-size:15px}.local-play small{font-size:12px}.local-play{border-top-color:var(--border)}.progress-top>span:last-child,.progress-motif p,.collection-progress,.chapter-tally{font-family:var(--data-font)}.progress-motif h3{font-family:var(--display-font);font-weight:600;font-size:25px}.progress-track{background:var(--surface-muted);height:5px}.progress-track>span{background:var(--inverse);border-top:2px solid var(--signal)}.learn-feature{background:var(--surface);border:2px solid var(--inverse);border-radius:6px}.learn-feature .large-guide{background:#e9e5d5;box-shadow:4px 4px 0 var(--signal)}.lesson-link{background:transparent;border-bottom-color:var(--border)}.lesson-link:hover{background:var(--surface-muted)}.lesson-link strong{font-size:16px}.lesson-link small{font-family:var(--data-font);font-size:11px;color:var(--text-muted)}.chapter-number{font-family:var(--data-font);font-size:26px;color:var(--text-muted)}.chapter-heading{border-bottom:2px solid var(--inverse)}.chapter-heading h2{font-size:30px}.chapter-heading p{color:var(--text-muted)}.history-invite{background:var(--surface-muted);border:1px solid var(--border-strong);border-left:5px solid var(--inverse)}.history-chapters button{background:var(--surface);border-color:var(--border);border-radius:4px}.history-chapters button[aria-current]{background:var(--surface);border:2px solid var(--inverse);box-shadow:inset 4px 0 0 var(--signal)}.page-heading h1{font-size:45px}.game-heading h1{font-family:var(--display-font);font-weight:600;font-size:35px;letter-spacing:-.025em}.lesson-title h1{font-family:var(--display-font);font-weight:600;font-size:34px;letter-spacing:-.02em}.player-bar{color:var(--text)}.player-identity strong{font-size:14px}.player-identity>span{font-family:var(--data-font);font-size:10px}.player-avatar{background:var(--surface);border-color:var(--border-strong);border-radius:4px}.player-avatar.dark{background:#dce8dc}.player-indicator{font-family:var(--data-font)}.board-tools{background:var(--surface);border:1px solid var(--border-strong);border-radius:4px}.tool-btn{font-family:var(--body-font);font-size:12px;color:var(--text)}.tool-btn:hover:not(:disabled){background:var(--surface-muted)}.turn-panel{border-top:3px solid var(--inverse)}.turn-panel h2{font-family:var(--display-font);font-weight:600;font-size:32px;letter-spacing:-.02em}.turn-panel .eyebrow{color:var(--text-muted)}.side-token.w{background:#f4e5b9}.turn-panel>p:not(.eyebrow){font-size:15px;color:var(--text-secondary)}.move-history summary{font-size:14px}.move-history summary>span{background:var(--signal);color:var(--text);font-family:var(--data-font)}.move-history li{background:var(--surface-muted);font-family:var(--data-font);font-size:12px}.save-note{font-size:11px;color:var(--text-muted)}.piece-inspect h3,.motif-info h2,.rules-layout h2{font-family:var(--display-font);font-weight:600}.piece-inspect p{font-size:14px;color:var(--text-secondary)}.motif-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:6px}.motif-info h2{font-size:28px}.motif-info p{font-size:13px;color:var(--text-muted)}.motif-info .btn{font-size:14px}.btn-equipped{background:var(--signal);color:var(--text);border-color:var(--inverse)}.collection-heading h1{font-size:52px}.total-wins strong{font-family:var(--display-font);font-weight:600}.total-wins span{font-family:var(--data-font);color:var(--text-muted)}.settings-panel>h2{border-bottom:2px solid var(--inverse)}.setting-row{font-size:15px}.setting-row select{font-size:14px}.setting-row input:checked+.toggle{background:var(--inverse)}.setting-row input:checked+.toggle:after{background:var(--signal)}.data-panel>p{font-size:15px}.data-summary strong{font-family:var(--display-font);font-weight:600}.data-summary span{font-family:var(--data-font)}.culture-panel{border-top:2px solid var(--inverse)}.culture-copy h2{font-size:38px}.culture-copy>p:not(.eyebrow){font-size:15px;color:var(--text-secondary)}.raja-details>div{font-size:14px;border-bottom-color:var(--border)}.raja-details dt{font-family:var(--display-font);font-size:20px}.culture-note summary,.culture-note p{font-size:14px}.site-footer{border-top:2px solid var(--inverse);flex-wrap:wrap}.site-footer>.sponsor-footer{flex-basis:100%}.pixel-dialogue .btn,.modal .btn{font-family:var(--dialog-font);font-weight:400;clip-path:none;border-radius:0}.pixel-dialogue .text-link,.modal .text-link,.side-guide .text-link,.pixel-dialogue .eyebrow{font-family:var(--dialog-font)}.brand>span:not(.jawi){font-family:var(--serif)}.sinislot-header-brand{gap:10px;min-height:44px}.sinislot-header-brand>img{width:38px;height:38px;flex:none}.sinislot-header-brand>strong{font-family:var(--display-font);font-weight:700;font-size:30px;letter-spacing:-.02em;line-height:1}.sinislot-header-brand .brand-jawi{display:inline-block;color:var(--text-secondary);border-color:var(--border-strong)}@media(max-width:420px){.sinislot-header-brand{gap:6px}.sinislot-header-brand>img{width:30px;height:30px}.sinislot-header-brand>strong{font-size:25px}.sinislot-header-brand .brand-jawi{font-size:18px;padding-left:7px;margin-left:0}.header-actions .win-chip{gap:3px}.header-actions{gap:4px}}.play-setup select{grid-column:1/-1;width:100%}.play-setup>.btn-primary{grid-column:1/-1}.setting-row:has([data-setting=difficulty]){flex-wrap:wrap}.setting-row select[data-setting=difficulty]{max-width:100%;width:220px}.jawi{font-family:Noto Naskh Arabic,Traditional Arabic,Geeza Pro,Tahoma,serif;letter-spacing:normal!important}.sponsor-brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.sponsor-brand img{width:28px;height:28px;flex:none;border-radius:4px}.sponsor-brand strong{font-family:var(--display-font);font-weight:700;font-size:24px;letter-spacing:-.02em;color:var(--text)}.sponsor-credit{font-family:var(--data-font);font-size:10px;line-height:1.5;letter-spacing:.3px;color:var(--text-muted)}.sponsor-home{display:flex;align-items:center;gap:14px;max-width:370px;margin-top:16px;padding:9px 0;border-top:1px solid var(--border)}.sponsor-home-link,.sponsor-footer-link{display:inline-flex;align-items:center;gap:10px;min-height:44px}.sponsor-home-link>.icon,.sponsor-footer-link>.icon{width:14px;height:14px;color:var(--text-muted)}.sponsor-home .sponsor-brand img{width:23px;height:23px}.sponsor-home .sponsor-brand strong{font-size:22px}.sponsor-panel{background:var(--surface);border:1px solid var(--border-strong);border-top:3px solid var(--inverse);border-radius:0 0 6px 6px;padding:20px;margin-top:24px;position:relative}.sponsor-panel:before{content:"";display:block;position:absolute;top:-3px;left:0;width:40px;height:3px;background:var(--signal)}.sponsor-panel-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.sponsor-panel h3{font-family:var(--display-font);font-weight:600;font-size:28px;line-height:1.15;letter-spacing:-.025em;margin:18px 0 10px}.sponsor-panel p{font-family:var(--body-font);font-size:14px;line-height:1.6;color:var(--text-secondary)}.sponsor-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;margin-top:18px;padding:10px 16px;border:2px solid var(--inverse);border-radius:4px;font-size:14px;font-weight:700;color:var(--text);background:var(--surface)}.sponsor-cta:hover{background:var(--surface-muted)}.sponsor-cta>.icon{width:17px;height:17px}.sponsor-match_result .sponsor-brand strong{font-size:23px}.sponsor-match_result h3{font-size:27px}.sponsor-match_result .sponsor-cta{width:100%}.sponsor-collection{display:grid;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:26px;padding:25px}.sponsor-collection .sponsor-panel-top{flex-direction:column;align-items:flex-start;gap:8px}.sponsor-collection h3{margin:0 0 8px;font-size:30px}.sponsor-collection .sponsor-cta{margin:0;white-space:nowrap}.sponsor-footer{display:flex;align-items:center;gap:14px;padding:4px 0 16px;border-bottom:1px solid var(--border);margin-bottom:8px}.sponsor-footer .sponsor-brand strong{font-size:23px}.sponsor-footer .sponsor-brand img{width:24px;height:24px}.sponsor-footer-caption{margin-left:auto;font-size:12px;color:var(--text-muted)}a[data-sponsor]:focus-visible{outline:3px solid var(--inverse);outline-offset:4px;box-shadow:0 0 0 7px var(--signal)}@media(max-width:960px){.hero-copy h1{font-size:49px}.hero-description{font-size:16px}.sponsor-collection{grid-template-columns:1fr auto;gap:20px}.sponsor-collection .sponsor-panel-top{grid-column:1/-1;flex-direction:row;align-items:center}.sponsor-collection h3{font-size:28px}}@media(max-width:900px){.mobile-nav{background:var(--surface);border-top:2px solid var(--inverse);box-shadow:none}.mobile-nav .nav-link{color:var(--text-muted);font-family:var(--body-font);font-size:13px}.mobile-nav .nav-link.active{background:var(--surface-muted);color:var(--text)}.mobile-nav .nav-link.active:after{background:var(--signal)}.mobile-nav .nav-link.active .icon{color:var(--text)}}@media(max-width:700px){.hero-copy h1{font-size:48px;letter-spacing:-.035em}.hero-description{font-size:16px;line-height:1.65}.play-setup .btn{font-size:14px}.play-setup select{font-size:15px}.play-setup>label{font-size:11px}.page-heading h1{font-size:36px}.page-heading>p:not(.eyebrow){font-size:15px}.game-heading h1{font-size:28px}.game-heading .eyebrow{font-size:9px;letter-spacing:.6px}.game-heading>.btn{font-size:0}.collection-heading h1{font-size:38px}.collection-heading p:not(.eyebrow){font-size:15px}.chapter-heading h2{font-size:27px}.chapter-heading p{font-size:14px}.lesson-title h1{font-size:29px}.learn-invite h2{font-size:28px}.learn-invite p{font-size:13px}.learn-feature h2{font-size:32px}.learn-feature .btn{font-size:14px}.local-play strong{font-size:15px}.local-play small{font-size:12px}.tool-btn{font-size:11px}.turn-panel h2{font-size:30px}.turn-panel>p:not(.eyebrow){font-size:14px}.motif-info h2{font-size:25px}.motif-info p{font-size:13px;min-height:0}.motif-info .btn{font-size:13px}.setting-row{font-size:14px}.setting-row small{font-size:11px}.setting-row select{font-size:13px}.data-panel>p{font-size:14px}.culture-copy h2{font-size:34px}.culture-copy>p:not(.eyebrow){font-size:15px}.raja-details>div{font-size:13px}.sponsor-home{max-width:none;margin-top:14px;gap:12px}.sponsor-credit{font-size:10px}.sponsor-home .sponsor-brand strong{font-size:23px}.sponsor-collection{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:20px}.sponsor-collection .sponsor-panel-top{flex-direction:row}.sponsor-panel h3{font-size:28px}.sponsor-panel p{font-size:14px}.sponsor-footer{flex-wrap:wrap;gap:5px 13px;padding-bottom:15px}.sponsor-footer-caption{width:100%;margin:0;font-size:12px}.sponsor-footer .sponsor-credit{font-size:10px}.site-footer{row-gap:8px}.sponsor-panel-top{gap:10px}}.board-frame{--frame-ink:#66543d;--frame-rule:#95784f;color:var(--frame-ink)}.board-frame.motif-rebung{--frame-ink:#f7dda0;--frame-rule:#bd9756;background:#76502b;border:3px solid #51371e;box-shadow:0 3px #51371e,inset 0 0 0 1px #bd9756}.board-frame.motif-teratai{--frame-ink:#ffe0d3;--frame-rule:#d69e89;background:#8c4f4e;border:3px solid #613336;box-shadow:0 3px #613336,inset 0 0 0 1px #d69e89}.board-frame.motif-awan{--frame-ink:#e3edc4;--frame-rule:#93b194;background:#345b4b;border:3px solid #233f35;box-shadow:0 3px #233f35,inset 0 0 0 1px #93b194}.board-frame .frame-top,.board-frame .rank-labels{color:var(--frame-ink)}.board-frame .frame-top>span{background:var(--frame-rule)}.board-frame:not(.motif-plain) .frame-top,.board-frame:not(.motif-plain) .frame-bottom{height:34px;margin:0;overflow:visible}.board-ornament{display:flex;width:100%;height:32px;align-items:center;pointer-events:none;color:var(--frame-ink)}.board-ornament>svg{flex:1;min-width:0;height:100%;stroke-width:3}.collection-board-preview{display:grid;grid-template-columns:1fr minmax(240px,340px);align-items:center;gap:32px;padding:28px;margin-top:28px;background:var(--surface);border:1px solid var(--border-strong);border-top:3px solid var(--inverse);border-radius:0 0 6px 6px}.collection-board-preview h2{font-family:var(--display-font);font-weight:600;font-size:32px;margin:12px 0}.collection-board-preview p:not(.eyebrow){font-size:15px;line-height:1.6;color:var(--text-secondary);max-width:380px}.equipped-motif-label{display:inline-flex;align-items:center;gap:8px;font-size:14px;margin-top:16px}.equipped-motif-label .icon{width:18px;height:18px}@media(max-width:700px){.collection-board-preview{grid-template-columns:minmax(0,1fr);padding:18px;gap:20px}.collection-board-preview>.board-frame{width:100%;max-width:340px;justify-self:center}}.attack-cut-in{--attack-accent:#eed39a;--attack-bg:#362a1d;position:fixed;z-index:70;inset:0;display:grid;place-items:center;overflow:hidden;pointer-events:none;contain:layout style;font-family:var(--dialog-font);color:#fff8e6}.attack-cut-in.attack-b{--attack-accent:#b8e3bc;--attack-bg:#18372d}.attack-box{position:relative;width:min(620px,calc(100% - 32px));min-height:252px;border:3px solid var(--attack-accent);background:var(--attack-bg);box-shadow:0 0 0 3px #15170f,7px 7px #15170f70;isolation:isolate;animation:attack-enter .36s cubic-bezier(.12,.8,.22,1) both}.attack-box:after{content:"";position:absolute;inset:6px;border:1px solid var(--attack-accent);opacity:.35;pointer-events:none;z-index:-1}.attack-speed-lines{position:absolute;inset:0;overflow:hidden;z-index:-1;opacity:.22;background:repeating-linear-gradient(-12deg,transparent 0 17px,var(--attack-accent) 18px 19px,transparent 20px 36px)}.attack-art{position:absolute;left:-12px;bottom:0;width:55%;height:calc(100% + 30px);object-fit:contain;object-position:center bottom;image-rendering:pixelated;filter:drop-shadow(4px 4px 0 #10150dc0);animation:attack-art-enter .34s cubic-bezier(.16,.85,.25,1) both}.attack-copy{position:relative;margin-left:49%;padding:24px 20px 26px 8px;min-height:252px;display:flex;flex-direction:column;justify-content:center;text-shadow:2px 2px #15170f}.attack-team{font-size:13px;letter-spacing:1px;color:var(--attack-accent)}.attack-copy h2{font-family:var(--dialog-font);font-size:46px;line-height:1;margin:12px 0 8px;font-weight:400}.attack-target{font-size:15px;color:var(--attack-accent);margin:0}.attack-line{font-size:18px;line-height:1.3;margin:12px 0 0;overflow-wrap:anywhere}.attack-line:empty{display:none}.attack-leaving .attack-box{animation:attack-exit .4s cubic-bezier(.65,0,.9,.35) both}.attack-no-art .attack-copy{margin-left:0;padding-left:24px}.attack-reduced .attack-box{animation:attack-appear .12s linear both}.attack-reduced .attack-art{animation:none}.attack-reduced.attack-leaving .attack-box{animation:attack-disappear .15s linear both}@keyframes attack-enter{0%{opacity:0;transform:translate(100vw) skew(-9deg)}30%{opacity:1}to{opacity:1;transform:translate(0) skew(0)}}@keyframes attack-art-enter{0%{opacity:0;transform:translate(55px) scale(.94)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes attack-exit{0%{opacity:1;transform:translate(0) skew(0)}65%{opacity:.9}to{opacity:0;transform:translate(-100vw) skew(8deg)}}@keyframes attack-appear{0%{opacity:0}to{opacity:1}}@keyframes attack-disappear{0%{opacity:1}to{opacity:0}}@media(max-width:700px){.attack-box{min-height:210px}.attack-copy{min-height:210px;margin-left:43%;padding:18px 12px 18px 8px}.attack-art{width:51%;left:-8px;height:calc(100% + 18px)}.attack-copy h2{font-size:35px}.attack-team{font-size:11px;letter-spacing:.4px}.attack-target{font-size:13px}.attack-line{font-size:15px;line-height:1.25}}@media(max-height:450px){.attack-box,.attack-copy{min-height:170px}.attack-copy{padding-top:14px;padding-bottom:14px}.attack-copy h2{font-size:32px;margin:6px 0}.attack-line{margin-top:6px}}@media(prefers-reduced-motion:reduce){.attack-cut-in .attack-box{animation:attack-appear .12s linear both}.attack-cut-in .attack-art{animation:none}.attack-cut-in.attack-leaving .attack-box{animation:attack-disappear .15s linear both}}