body{margin:0;background:#f7f4ed;color:#293f34;font:17px/1.75 system-ui,sans-serif}*{box-sizing:border-box}header,main,footer{max-width:980px;margin:auto;padding:24px}header{border-bottom:1px solid #deded0}a{color:#37684e}h1,h2{font-family:Georgia,serif;line-height:1.25}h1{font-size:clamp(32px,6vw,52px)}h2{font-size:27px;margin-top:35px}.lead{font-size:20px;color:#5c6e5d}.play{display:inline-block;background:#37684e;color:white;padding:12px 24px;border-radius:10px;text-decoration:none;font-weight:650;margin:12px 0}.panel{background:#fffdf8;border:1px solid #dfdfd0;border-radius:18px;padding:24px;margin:25px 0}.links{display:flex;flex-wrap:wrap;gap:12px 24px}.crumb{font-size:14px}footer{border-top:1px solid #deded0;font-size:14px}a:focus-visible{outline:3px solid #b77751;outline-offset:4px}@media(max-width:600px){header,main,footer{padding:20px}.panel{padding:18px}}
.embedded-section{scroll-margin-top:12px;margin:30px 0}.embedded-game{display:block;width:100%;height:790px;border:1px solid #bac6af;border-radius:15px;background:#e5ecdf}.player-note{font-size:14px}.illustrated-guide figure{margin:20px 0;background:#fffdf8;border:1px solid #deded0;border-radius:18px;padding:16px}.illustrated-guide svg{display:block;width:100%;height:auto}.illustrated-guide figcaption{font-size:13px;color:#62715e;margin-top:10px}.illustrated-guide h3{margin-top:28px;font-size:20px}.game-faq details{padding:17px 0;border-bottom:1px solid #deded0}.game-faq summary{cursor:pointer;font-weight:650}.game-faq p{margin-bottom:5px}@media(max-width:600px){.embedded-game{height:720px;border-radius:10px}.embedded-section{margin-left:-10px;margin-right:-10px}.illustrated-guide figure{padding:8px}.player-note{font-size:13px}}

/* Original player guides and card collection. */
.game-lesson{margin:42px 0;padding:clamp(20px,4vw,34px);border:1px solid #d7ddcb;border-radius:20px;background:#f0f1e5}.lesson-kicker{font-size:11px;font-weight:750;letter-spacing:.15em;color:#61744f}.game-lesson h2{margin-top:12px}.game-lesson ol{padding-left:24px}.game-lesson li{padding:7px 0 7px 5px}.lesson-example{margin:22px 0;background:#fffdf7;border:1px solid #dfdfd0;border-radius:15px;padding:18px}.lesson-tiles{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:12px 0}.lesson-tile{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:65px;padding:5px 9px;border:1px solid #d8cdb6;border-radius:8px;background:linear-gradient(#fffdf4,#f0e6cc);box-shadow:0 3px 0 #baa987;font-family:Georgia,serif;font-size:24px;color:#345544}.lesson-tile.red{color:#aa4e49}.lesson-grid{display:grid;grid-template-columns:repeat(3,54px)}.lesson-grid .lesson-tile{min-width:0;min-height:48px}.lesson-example figcaption{font-size:14px;line-height:1.65;color:#53664f;margin-top:12px}.lesson-faq details{padding:16px 0;border-top:1px solid #d7ddcb}.lesson-faq summary{cursor:pointer;font-weight:650}.lesson-faq p{margin:12px 0 0}.rank-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;list-style-position:inside;padding:0}.rank-list>li{padding:18px;border:1px solid #dfdfd0;border-radius:15px;background:#fffdf8}.rank-list h3{display:inline;font-size:19px}.rank-list .lesson-example{padding:0;border:0;margin:10px 0 0}.rank-list .lesson-tile{font-size:20px;min-width:35px;min-height:53px;padding:3px}.rank-list .lesson-tiles{gap:5px}.collection-back{margin-top:30px}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0}.collection-card{border:1px solid #d8decc;border-radius:18px;padding:24px;background:#fffdf8}.collection-card h2{font-size:25px;margin-top:10px}.collection-card p{font-size:16px}.collection-card .play{font-size:15px;padding:9px 18px}.collection-tag{font-size:12px;font-weight:700;color:#61744f}.collection-card .lesson-tiles{justify-content:flex-start}.collection-subnav{font-size:14px;display:flex;flex-wrap:wrap;gap:12px}.collection-card h2 a{text-decoration:none}.collection-card h2 a:hover{text-decoration:underline}@media(max-width:600px){.rank-list,.collection-grid{grid-template-columns:1fr}.game-lesson{padding:20px}.lesson-tile{font-size:21px;min-width:40px}.collection-card{padding:20px}}

/* The same quiet terrace on the rules and collection pages. */
body{padding:18px 0 28px;background:#eef0e4;background-image:linear-gradient(#f7f4edd9,#f7f4edd9),url('/assets/terrace-garden.webp');background-position:center top;background-size:cover;background-attachment:fixed;color:#30472e;font-size:16px;line-height:1.75}
.guide-shell{width:calc(100% - 100px);max-width:1160px;margin:0 auto;border:1px solid #e0e3d2;border-radius:22px;background:#fffaf0;box-shadow:0 12px 42px #30422a12;overflow:hidden}.guide-shell main{max-width:1000px;padding:30px 32px 38px}.guide-shell footer{max-width:none;padding:22px 32px;border-color:#dce1ce;background:#f3f3e6;color:#52684a}.guide-shell footer a{color:#405f39}.guide-header{max-width:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 28px;background:#fffdf6;border-bottom:1px solid #e0e3d2}.guide-brand{display:inline-flex;align-items:center;gap:10px;font:700 27px/1.2 Georgia,serif;letter-spacing:-.8px;text-decoration:none;color:#3e542d;white-space:nowrap}.guide-mark{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:#f0ebd9;border:1px solid #ddd2b9}.guide-mark svg{width:32px;height:32px}.guide-dot{color:#b77751}.guide-header nav{display:flex;gap:22px;align-items:center}.guide-header nav a{font-size:14px;color:#405c3c;text-decoration:none;padding:9px 0}.guide-header nav a:hover{text-decoration:underline}.guide-shell h1{font-size:clamp(31px,4.1vw,46px);letter-spacing:-.7px;color:#3e5736;margin:19px 0 16px}.guide-shell h2{color:#3f5a38;font-size:27px;margin-top:32px}.guide-shell h3{color:#3e5736}.guide-shell .lead{font-size:18px;color:#53664b;line-height:1.7;max-width:800px}.guide-shell .crumb{font-size:13px;color:#5a6e50}.guide-shell a{color:#3d6536;text-underline-offset:3px}.guide-shell .play{background:#46673c;color:#fffdf7;border:1px solid #46673c;border-radius:10px;min-height:44px;padding:11px 20px}.guide-shell .play:hover{background:#36552e}.guide-shell .panel,.guide-shell .game-lesson,.guide-shell .collection-card,.guide-shell .rank-list>li{background:#fffdf7;border-color:#d8deca;box-shadow:0 2px 8px #34492c05}.guide-shell .game-lesson{background:#eef1e2}.guide-shell .lesson-kicker{color:#526b46}.guide-shell .lesson-example{background:#fffdf5;border-color:#dce0ce}.guide-shell .lesson-example figcaption,.guide-shell .collection-tag{color:#4e6643}.guide-shell .links{gap:9px}.guide-shell .links a{font-size:14px;text-decoration:none;padding:8px 12px;min-height:40px;border:1px solid #d7dfc9;background:#f3f5e9;border-radius:9px;color:#385a32}.guide-shell .links a:hover{background:#e5ecd8;border-color:#b7c5a8;color:#2f4e29}.guide-shell .player-note{color:#536a49}.guide-info{margin:23px 0;border-top:1px solid #dce2cf;border-bottom:1px solid #dce2cf;padding:14px 0;color:#4d6543}.guide-info summary{cursor:pointer;font-size:14px;font-weight:650}.guide-info p{font-size:14px;margin-bottom:0}.guide-shell .lesson-faq summary{font-size:16px;line-height:1.6}.guide-shell .lesson-faq p{font-size:15px}.guide-shell .embedded-game{border-color:#c2ceb2;box-shadow:0 3px 12px #34492c08}
@media(max-width:800px){.guide-shell{width:calc(100% - 32px)}.guide-header{padding:16px 21px}.guide-brand{font-size:23px}.guide-header nav{gap:15px}.guide-header nav a{font-size:13px}.guide-shell main{padding:24px}}
@media(max-width:600px){body{padding:8px 0 16px;background-attachment:scroll;background-size:auto 1000px}.guide-shell{width:calc(100% - 16px);border-radius:16px}.guide-header{padding:14px 15px;gap:10px;flex-wrap:wrap}.guide-brand{font-size:21px}.guide-mark{width:32px;height:32px}.guide-mark svg{width:28px;height:28px}.guide-header nav{width:100%;gap:22px;border-top:1px solid #e6e7d9;padding-top:6px}.guide-header nav a{font-size:13px;padding:6px 0}.guide-shell main{padding:21px 16px 28px}.guide-shell h1{font-size:31px;line-height:1.17;margin-top:16px}.guide-shell h2{font-size:25px}.guide-shell .lead{font-size:16px;line-height:1.7}.guide-shell .panel{padding:18px}.guide-shell .game-lesson{padding:19px 16px}.guide-shell .lesson-tiles{gap:6px}.guide-shell .lesson-tile{font-size:20px;min-width:36px;padding:5px 7px}.guide-shell .lesson-faq summary{font-size:15px}.guide-shell .lesson-faq p{font-size:14px}.guide-shell .links a{font-size:13px;padding:8px 10px}.guide-shell footer{padding:20px 16px;font-size:13px}.guide-shell .embedded-section{margin-left:-7px;margin-right:-7px}.guide-shell .collection-card{padding:19px}.guide-shell .rank-list>li{padding:16px}}

.guide-diagram svg{display:block;width:100%;height:auto}.guide-diagram figcaption{font-size:14px;color:#53664b}