.cd-board{width:100%;max-width:820px;margin:auto;padding:clamp(10px,2vw,22px);border:2px solid #889b8d;border-radius:26px;background:linear-gradient(130deg,#fdf6e8f7,#e4edddf2);color:#294656;box-shadow:0 9px 24px #344b4226}.cd-note,.cd-reading{background:#fffbed;color:#294656;padding:12px 16px;border-radius:16px;font-size:clamp(16px,2.2vw,20px);line-height:1.75;margin:0 0 14px}.cd-button{min-width:48px;min-height:48px;border:2px solid #849c8e;border-radius:13px;padding:9px 13px;background:#fffaf0;color:#294656;font-size:18px;font-weight:750;line-height:1.4;box-shadow:0 3px #a7b5a3;display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;touch-action:manipulation;cursor:pointer}.cd-button svg,.cd-icon{width:46px;height:46px;flex:none}.cd-button small{width:100%;font-size:13px;color:#344c5a}.cd-button:focus-visible{outline:4px solid #294f82;outline-offset:3px}.cd-button.cd-on{background:#e2edcc;border-color:#365d42;box-shadow:0 0 0 2px #365d42}.cd-button:disabled{opacity:1;background:#e0e7d8;color:#294656;cursor:default;box-shadow:none}.cd-options{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}.cd-grid{display:grid;grid-template-columns:repeat(var(--cd-n),minmax(44px,1fr));gap:5px;width:min(100%,360px);margin:18px auto}.cd-cell{min-width:44px;min-height:44px;aspect-ratio:1;padding:3px;font-size:25px}.cd-cell svg{width:82%;height:82%;max-height:55px}.cd-hidden-number{text-decoration:line-through;background:#425a5b!important;color:#fff7e1!important}.cd-dark{background:#425a5b!important;color:#fff7e1!important}.cd-given,.cd-given-light{background:#e8e9d2!important;border-color:#5b7768!important}.cd-soil{background:#b88c66!important;border-color:#6a5b41!important}.cd-region-0{background:#e2d9ed!important}.cd-region-1{background:#d2e5d9!important}.cd-region-2{background:#f2dfb5!important}.cd-region-3{background:#d7e8ed!important}.cd-region-4{background:#eed5d3!important}.cd-tapa-clue{display:flex;gap:2px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:17px;line-height:1.35}.cd-slant-stage{position:relative;width:min(100%,340px);aspect-ratio:1;margin:15px auto}.cd-slant-grid{position:absolute;left:10%;top:10%;width:80%;height:80%;display:grid;grid-template-columns:repeat(var(--cd-n),1fr);grid-template-rows:repeat(var(--cd-n),1fr);direction:ltr}.cd-slant-cell{border-radius:0;box-shadow:none;padding:0;font-size:clamp(37px,8vw,70px);line-height:1;background:#f5edd5}.cd-slant-stage>strong{position:absolute;transform:translate(-50%,-50%);width:29px;height:29px;line-height:26px;border:2px solid #7e968a;border-radius:50%;background:#fffbed;text-align:center;font-size:17px;pointer-events:none;z-index:2}.cd-symbol{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:10px;color:#294656;font-size:24px;border:1px solid #657d77}.cd-bed-0{background:#e4e7c4!important}.cd-bed-1{background:#f2dfbc!important}.cd-bed-2{background:#dbe9db!important}.cd-bed-3{background:#e5deeb!important}.cd-bed-right{border-right:6px solid #5e795f!important}.cd-bed-bottom{border-bottom:6px solid #5e795f!important}.cd-rotation-pair{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;text-align:center}.cd-rotation-pair section{flex:1 1 210px;max-width:350px;background:#f9efd8;padding:12px;border-radius:22px}.cd-picture-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff9e6;border:2px solid #93a086;border-radius:13px;aspect-ratio:1;position:relative;padding:4px;font-size:14px}.cd-picture-tile svg{width:70%;height:70%}.cd-picture-tile b{position:absolute;bottom:2px;left:6px}.cd-mini-tile{max-height:65px}.cd-mini-tile svg{max-height:38px}.cd-illustration{display:block;width:min(100%,370px);height:auto;margin:14px auto;background:#fbf5e3;border-radius:22px}.cd-cubes,.cd-jars{display:flex;gap:10px;justify-content:center;align-items:center}.cd-cubes>svg,.cd-jars>svg{width:calc(50% - 5px);max-width:320px}.cd-match-equation{display:flex;align-items:center;justify-content:center;gap:7px;background:#eee7ce;border-radius:24px;padding:12px 5px}.cd-match-equation .cd-illustration{width:24%;max-width:100px;margin:0;background:transparent}.cd-match-equation>b{font-size:25px;color:#344d57}.cd-segment-options .cd-button{font-size:16px;flex:1 0 145px;max-width:230px}.cd-roman-key{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;background:#ede1be;padding:15px;border-radius:18px;font-size:20px}.cd-roman-key span{background:#fffbed;padding:6px 10px;border-radius:9px}.cd-roman-written{font-size:39px;font-weight:850;text-align:center;background:#fff7dc;border:3px solid #a99166;border-radius:20px;padding:20px;margin:18px 0;min-height:85px;letter-spacing:5px}.cd-digit-strip{display:flex;gap:10px;justify-content:center;margin:22px 0}.cd-digit-strip span{background:#fff0c9;border:3px solid #aab69b;border-radius:15px;padding:12px 18px;font-size:34px;font-weight:850}.cd-polygon{position:relative;width:min(100%,360px);margin:20px auto}.cd-polygon>.cd-illustration{width:100%;margin:0}.cd-vertex{position:absolute;transform:translate(-50%,-50%);width:48px;height:48px;padding:2px;border-radius:50%;background:#fff9e9;font-size:22px}.cd-coordinate-frame{display:grid;grid-template-columns:28px 1fr;grid-template-rows:1fr 28px;gap:6px;width:min(100%,370px);margin:20px auto;direction:ltr}.cd-coordinate-frame>.cd-grid{width:100%;margin:0;grid-column:2;grid-row:1}.cd-y-axis{display:grid;grid-template-rows:repeat(var(--cd-n),1fr);align-items:center;text-align:center;grid-row:1;grid-column:1}.cd-x-axis{display:grid;grid-template-columns:repeat(var(--cd-n),1fr);text-align:center;grid-column:2;grid-row:2}.cd-lattice{display:grid;grid-template-columns:38px repeat(var(--cd-cols),minmax(88px,1fr));width:min(100%,350px);gap:3px;margin:20px auto;align-items:center;text-align:center;font-size:25px}.cd-lattice-cell{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;min-height:95px;background:linear-gradient(135deg,#f6edcf 49.3%,#739180 49.6%,#739180 50.4%,#f6edcf 50.7%);border:2px solid #8ca28b}.cd-lattice-cell>.cd-button{min-width:44px;min-height:44px;padding:2px;border-radius:9px;grid-column:1;grid-row:1;margin:2px}.cd-lattice-cell>.cd-button+button{grid-column:2;grid-row:2}.cd-math-formula{text-align:center;background:#fff4d0;border-radius:18px;padding:14px;font-size:29px;font-weight:850;color:#294656}.cd-current-division{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;background:#e2ead4;padding:14px;border-radius:22px;margin:16px 0;font-size:20px}.cd-current-division>svg{width:65px;height:65px}.cd-current-division small{width:100%;text-align:center;font-size:17px}.cd-history{background:#fffbed;border-radius:15px;padding:12px}.cd-history summary{min-height:44px;cursor:pointer}.cd-history p{text-align:center;font-size:18px}.cd-value-tray{max-width:520px;margin-inline:auto;gap:7px}.cd-stone{background:#bbbcad!important}.cd-waiting-stone{display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(50% - 5px);min-height:200px;background:#f0e4c8;border:2px dashed #9caa91;border-radius:25px;font-size:18px}.cd-waiting-stone svg{width:90px;height:90px}.cd-control-row{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fffbed;padding:12px;border-radius:16px;margin:10px 0;line-height:1.6}.cd-control-row>span{flex:1}.cd-control-row>.cd-button{max-width:70%}.cd-abbrev{font-size:28px}.cd-word-hero{display:flex;justify-content:center;align-items:center;gap:18px;background:#e3e9d1;padding:20px;border-radius:24px;margin:20px 0;font-size:32px}.cd-word-hero svg{width:80px;height:80px}.cd-word-slots{display:flex;gap:10px;justify-content:center;margin:24px 0}.cd-word-slots .cd-button{min-width:85px;font-size:28px}.cd-profession-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.cd-profession-cards article{background:#fff6de;border:2px solid #a3ae92;border-radius:22px;padding:17px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;line-height:1.6}.cd-profession-cards article>svg{width:64px;height:64px}.cd-profession-cards article>p{margin:0;font-size:19px}.cd-letter-route{display:flex;justify-content:center;align-items:center;gap:17px;background:#e8e7ce;border-radius:20px;padding:18px;font-size:21px}.cd-letter-route>svg{width:65px;height:65px}.cd-sentence{font-size:25px;text-align:center;border:2px solid #bcc5a1}.cd-vertical-options{flex-direction:column;align-items:stretch}.cd-vertical-options>.cd-button{text-align:right;font-size:18px}.cd-card-tray>.cd-button{background:#fff0c4}.cd-text-card{max-width:100%;font-size:17px;text-align:right;line-height:1.65}.cd-dictionary-pages{display:flex;gap:16px;flex-wrap:wrap}.cd-dictionary-pages>section{flex:1 1 250px;background:#fff9e8;border:3px solid #c0b895;border-radius:8px 25px 25px 8px;padding:14px}.cd-dictionary-pages .cd-control-row{flex-direction:column;align-items:stretch;border-bottom:1px solid #ced1b5}.cd-dictionary-pages .cd-control-row>.cd-button{max-width:100%}.cd-picture-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}.cd-picture-cards>.cd-button{flex-direction:column;background:#f7ebcf;min-height:110px}.cd-picture-cards>.cd-on{background:#dfeccb}.cd-picture-cards svg{width:65px;height:65px}.cd-report-card{padding:22px;background:#fff4d8;border:3px solid #b5b69a;border-radius:24px;text-align:center;font-size:23px}.cd-report-card>svg{width:75px;height:75px}.cd-poem-page{background:repeating-linear-gradient(#fff8e6 0 60px,#d2cfae 60px 61px);padding:20px;border:3px solid #b9b096;border-radius:22px;margin:20px 0;display:flex;flex-direction:column;gap:6px}.cd-poem-line{justify-content:flex-start;text-align:right;font-size:19px;box-shadow:none;background:#fffbed;min-height:55px}.cd-poem-line.cd-pair-end{margin-bottom:18px;border-bottom:4px solid #95ac80}@media(max-width:420px){.cd-board{padding:9px;border-radius:18px}.cd-button{font-size:17px;padding:7px}.cd-control-row{flex-direction:column;align-items:stretch}.cd-control-row>.cd-button{max-width:100%}.cd-digit-strip span{padding:10px 13px;font-size:29px}.cd-note{padding:10px 12px}.cd-segment-options .cd-button{flex-basis:120px;font-size:15px}.cd-rotation-pair section{flex-basis:100%}.cd-rotation-pair .cd-grid{max-width:230px}.cd-jars .cd-illustration{border-radius:12px}.cd-cubes .cd-illustration{border-radius:12px}.cd-value-tray{gap:6px}.cd-value-tray .cd-button{min-width:44px;padding:6px}.cd-poem-page{padding:10px}.cd-poem-line{font-size:17px}.cd-dictionary-pages>section{padding:8px}.cd-word-hero{font-size:27px}.cd-tapa-clue{font-size:16px}}@media(prefers-reduced-motion:reduce){.cd-board *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.cd-jar-panel,.cd-cube-panel{width:calc(50% - 5px);max-width:320px;text-align:center}.cd-jar-panel>.cd-illustration,.cd-cube-panel>.cd-illustration{width:100%;margin:5px 0}.cd-jar-panel>p{font-size:20px;background:#fffbed;padding:10px 3px;border-radius:13px;line-height:1.5}.cd-cube-panel>h3{font-size:18px}.cd-cube-panel>p{font-size:16px;background:#fffbed;line-height:1.55;padding:7px 3px;border-radius:12px}@media(max-width:420px){.cd-cell{font-size:23px}.cd-jar-panel>p{font-size:18px}}