.delivery-active{background:#eee9d8!important}.delivery-active .p-header,.delivery-active .p-footer,.delivery-active .p-play-title,.delivery-active .p-coach,.delivery-active .p-session-bar,.delivery-active .p-session-trail{display:none!important}.delivery-active .p-play-shell,.delivery-active .p-game-board,.delivery-active .p-play-layout,.delivery-active #game-session{max-width:none!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:none!important;border-radius:0!important}.delivery-active .p-play-layout{display:block!important}.delivery-active .p-play-shell{min-height:100dvh}.dc-game{--dc-ink:#344f4b;--dc-butter:#f5db8c;display:flex;flex-direction:column;height:100dvh;max-width:1180px;margin:auto;overflow:hidden;background:#f8f3e5;color:var(--dc-ink);font-family:var(--round,'Noto Sans JP',sans-serif)}.dc-game *,.dc-dialog *{box-sizing:border-box}.dc-game button,.dc-dialog button,.dc-game a{font:800 13px/1.45 var(--round,sans-serif);color:inherit;touch-action:manipulation}.dc-game button,.dc-dialog button{border:1.5px solid #8ba394;border-radius:15px;background:#fffaf0;cursor:pointer;min-height:48px}.dc-game button:disabled,.dc-dialog button:disabled{opacity:.43;cursor:default}.dc-game button:focus-visible,.dc-game a:focus-visible,.dc-dialog button:focus-visible{outline:3px solid #ad695d;outline-offset:3px}.dc-icon{display:grid;place-items:center;flex:none;width:46px;height:46px;min-height:46px!important;border:0!important;background:transparent!important;border-radius:50%!important;padding:9px;position:relative;text-decoration:none}.dc-icon svg{width:29px;height:29px}.dc-top{display:flex;align-items:center;gap:6px;padding:8px 14px;min-height:68px;border-bottom:1px solid #b9c8b7;background:#f8f3e5;z-index:3}.dc-top>div{flex:1;min-width:0}.dc-top small{font-size:10px;letter-spacing:.1em}.dc-top h2{font-size:18px;line-height:1.5;margin:1px 0 0;white-space:nowrap}.dc-top [data-dc=sound][aria-pressed=false]::after{content:'';width:27px;height:2px;background:#a87a68;rotate:-45deg;position:absolute}.dc-coach{display:flex;align-items:center;gap:10px;padding:4px 18px;min-height:62px;background:#f9e9b6;border-bottom:1px solid #c2c69e;flex:none;z-index:2}.dc-face{width:48px;height:48px;flex:none;background-image:url('/AIkids/assets/portal/adventure/delivery-cast-v2.webp');background-size:400% 200%;background-repeat:no-repeat}.dc-coach p{font-size:14px;line-height:1.6;margin:0;flex:1;font-weight:800}.dc-coach .dc-icon{width:40px;height:40px}.dc-stage{flex:1;min-height:0;position:relative;display:flex;justify-content:center;align-items:center;background:#d8e3ce;isolation:isolate;overflow:hidden}.dc-world{display:block;height:100%;width:100%;max-width:900px;touch-action:none;user-select:none;-webkit-user-select:none}.dc-cells rect{stroke:#618a5b12;stroke-width:1;cursor:crosshair}.dc-cells rect:hover{fill:#fff8dc25;stroke:#fff6cd9c;stroke-width:3}.dc-cells rect:focus-visible{outline:none;stroke:#465c51;stroke-width:4;stroke-dasharray:8 5}.dc-cells rect.dc-hot{fill:#fff9d817;stroke:#9c835ca8;stroke-width:3}.dc-journey{position:absolute;right:18px;bottom:14px;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 4px 0 #847a53;padding:10px 18px;background:#f5db8c!important;border:2px solid #716e4c!important;z-index:4;min-width:155px;min-height:54px!important}.dc-journey svg{height:31px;width:31px}.dc-arrival{position:absolute;left:14px;top:14px;background:#fff8dc;border:2px solid #b69b62;border-radius:19px;padding:10px 14px;display:flex;gap:12px;align-items:center;box-shadow:0 4px 14px #36554b22;z-index:3}.dc-arrival[hidden]{display:none}.dc-arrival>svg{width:30px;height:30px}.dc-arrival>span{font-size:19px;font-weight:900}.dc-arrival button{padding:9px 13px}.dc-dock{flex:none;background:#f8f3e5;border-top:2px solid #a3b19b;padding:8px 20px max(5px,env(safe-area-inset-bottom));z-index:5}.dc-tools{display:flex;gap:9px;max-width:720px;margin:auto;justify-content:center}.dc-tools>button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:7px 10px;min-width:0;min-height:61px;background:#fffaf0;box-shadow:0 2px 0 #b4bba2}.dc-tools>button svg{width:34px;height:34px;flex:none}.dc-tools>button[aria-pressed=true]{background:#f2da90;border-color:#716b4d;box-shadow:inset 0 0 0 1px #716b4d,0 2px 0 #716b4d}.dc-small-tools{display:flex;gap:9px;align-items:center;max-width:720px;margin:7px auto 0}.dc-small-tools button{padding:7px 12px;min-height:40px;flex:none;border:0;background:transparent}.dc-small-tools svg{width:25px;height:25px;display:block}.dc-work-status{font-size:11px;flex:1;text-align:center}.dc-small-tools [data-dc=finish]{font-size:12px;text-decoration:underline}.dc-dialog{border:2px solid #8a9c84;border-radius:25px;background:#fff9e9;color:#344f4b;max-width:520px;width:calc(100vw - 28px);max-height:calc(100dvh - 30px);overflow:auto;padding:25px;box-shadow:0 18px 80px #26463b55;font-family:var(--round,sans-serif)}.dc-dialog::backdrop{background:#203e4380;backdrop-filter:blur(3px)}.dc-dialog h3{font-size:23px;margin:6px 40px 0 0;line-height:1.6}.dc-close{position:absolute;right:9px;top:9px}.dc-craft-preview{display:block;width:210px;height:173px;margin:0 auto}.dc-shape-row{display:flex;justify-content:center;gap:14px;margin:9px 0}.dc-shape-row button{width:78px;height:65px;border-color:#b4bda1;display:grid;place-items:center}.dc-shape-row svg{width:49px;height:49px;fill:#acd0ce;stroke:#577778;stroke-width:2.3}.dc-shape-row[aria-label=屋根の形] svg{fill:#e2aa91;stroke:#9b7667}.dc-shape-row button[aria-pressed=true]{background:#f5df9d;outline:2px solid #7d8b6d;outline-offset:1px}.dc-craft-colors{display:flex;justify-content:center;gap:12px;margin:15px 0}.dc-craft-colors button{background:var(--dc-color);width:42px;min-height:42px;border-radius:50%;border:3px solid #fffdf2;box-shadow:0 0 0 1px #adb89d}.dc-primary{display:block;width:100%;padding:14px;background:#f1d58a!important;border:2px solid #9f8f5e!important}.dc-craft>p{text-align:center;font-size:12px;margin:10px 0 0}.dc-parent{max-width:610px}.dc-parent p{font-size:13px;line-height:1.85}.dc-parent button{padding:11px 14px;margin:6px 4px 6px 0}.dc-parent a{display:block;font-size:13px;line-height:1.8;margin:17px 0;color:inherit}.dc-parent label{display:flex;gap:11px;align-items:center;font-size:14px;margin-top:20px}.dc-parent input{width:23px;height:23px}.dc-parent details{border-top:1px solid #bbcab5;padding-top:18px}.dc-parent summary{cursor:pointer;font-size:13px;min-height:42px}.dc-slots{display:grid;gap:9px;margin-top:20px}.dc-slots>div{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #b4c3a6;border-radius:15px;background:#eef1df}.dc-slots strong{font-size:14px}.dc-slots span{font-size:11px;flex:1}.dc-confirm{padding:16px;background:#f3d9bc;border-radius:16px}.dc-confirm[hidden]{display:none}.dc-export-preview img{display:block;width:100%;height:auto}.dc-export-preview a{padding:10px;text-align:center;border:1px solid #8a9c84;border-radius:15px}.dc-game[data-theme=ocean] .dc-ground>rect:first-child{fill:#d2e2d3}.dc-game[data-theme=space] .dc-ground>rect:first-child{fill:#c3c5dc}.dc-game[data-theme=town] .dc-ground>rect:first-child{fill:#e8d5b2}.dc-game.dc-night .dc-ground>rect:first-child{fill:#526c70}.dc-night .dc-stage{background:#526c70}.dc-night .dc-world{filter:saturate(.85)}
@media(prefers-reduced-motion:no-preference){.dc-hot{animation:dc-invite 1.3s ease 3}.dc-actor.is-walking>svg{animation:dc-waddle .34s ease-in-out infinite}.dc-game button{transition:background-color .15s,box-shadow .15s}.dc-tools button:active{translate:0 2px;box-shadow:none}}@keyframes dc-invite{50%{stroke-width:6;fill:#fff1b040}}@keyframes dc-waddle{0%,100%{rotate:-3deg;translate:0 -1px}50%{rotate:3deg;translate:0 1px}}.dc-reduced *{animation:none!important;transition:none!important}
@media(max-width:650px){.dc-top{padding:4px 5px;gap:0;min-height:54px}.dc-top h2{font-size:13px}.dc-top small{font-size:9px}.dc-icon{width:42px;height:44px;min-height:44px!important;padding:9px}.dc-top>div{padding:0 2px}.dc-coach{min-height:57px;padding:3px 10px;gap:7px}.dc-coach p{font-size:12px;line-height:1.6}.dc-face{height:42px;width:42px}.dc-coach .dc-icon{width:35px;height:40px}.dc-dock{padding:6px 7px max(3px,env(safe-area-inset-bottom))}.dc-tools{gap:5px}.dc-tools>button{padding:6px 2px;flex-direction:column;gap:1px;min-height:64px;font-size:11px;border-radius:13px}.dc-tools>button svg{height:29px;width:29px}.dc-small-tools{gap:2px;margin-top:3px}.dc-small-tools button{padding:5px 8px;min-height:39px}.dc-work-status{font-size:9px}.dc-small-tools [data-dc=rotate]{font-size:10px;padding-inline:3px}.dc-journey{right:10px;bottom:10px;padding:8px 12px;min-height:49px!important;min-width:145px;font-size:12px}.dc-journey svg{width:27px;height:27px}.dc-arrival{left:9px;top:8px;padding:8px;gap:6px}.dc-arrival>span{font-size:14px}.dc-arrival>svg{width:22px;height:22px}.dc-arrival button{font-size:11px;min-height:40px;padding:7px}.dc-dialog{padding:21px 17px}.dc-dialog h3{font-size:20px}.dc-craft-preview{height:135px;width:180px}.dc-shape-row{gap:12px;margin-block:7px}.dc-shape-row button{width:70px;height:58px}.dc-shape-row svg{width:43px;height:43px}.dc-craft-colors{margin:12px 0;gap:10px}.dc-craft-colors button{height:36px;min-height:36px;width:36px}.dc-slots>div{gap:6px;padding:7px}.dc-slots strong{font-size:12px}.dc-slots span{font-size:10px}.dc-slots button{padding:8px;font-size:12px}}
@media(max-height:520px) and (min-width:650px){.dc-game{display:grid;grid-template-columns:minmax(0,1fr) 150px;grid-template-rows:53px 1fr}.dc-top{grid-column:1/3;min-height:53px;padding-block:2px}.dc-coach{position:absolute;left:8px;top:60px;border-radius:15px;max-width:290px;min-height:45px;z-index:4;border:1px solid #a9ba99}.dc-coach p{font-size:11px}.dc-coach .dc-face{width:35px;height:35px}.dc-coach .dc-icon{width:32px;height:32px}.dc-stage{height:100%;grid-column:1;grid-row:2}.dc-dock{grid-column:2;grid-row:2;overflow:auto;padding:7px;border-top:0;border-left:1px solid #a3b19b}.dc-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px}.dc-tools>button{flex-direction:column;font-size:10px;min-height:64px;padding:6px 2px;gap:0}.dc-small-tools{flex-wrap:wrap;justify-content:center}.dc-work-status{display:none}.dc-top h2{font-size:14px}.dc-top small{display:none}}
.dc-dock{color:var(--dc-ink)}.dc-stage{padding-bottom:64px}.dc-ground{pointer-events:none}.dc-buildings,.dc-paths,.dc-decor,.dc-actor,.dc-hint-layer{pointer-events:none}

@media(prefers-reduced-motion:no-preference){.dc-gift{animation:dc-give .6s ease-out both}}@keyframes dc-give{0%{translate:0 0;opacity:0}25%{opacity:1}100%{translate:0 -45px;opacity:0}}

.dc-ai-copy textarea{width:100%;padding:12px;border:1px solid #9da88c;border-radius:12px;background:#fffdf7;font:13px/1.8 sans-serif;resize:vertical;color:#344f4b}.dc-dialog button{color:#344f4b}

.dc-game[hidden]{display:none}.dc-actor[data-facing=left]>svg{scale:-1 1;transform-origin:50% 50%}@media(max-width:650px){.dc-craft-colors button{width:44px;height:44px;min-height:44px}.dc-craft-colors{gap:6px}.dc-top h2{white-space:normal;line-height:1.35}.dc-top .dc-icon{width:44px}.dc-small-tools button{min-height:44px}}@media(max-width:360px){.dc-top small{display:none}.dc-top h2{font-size:12px}}

.dc-world{max-width:none}

.dc-journey[hidden]{display:none}@media(max-width:650px) and (min-height:521px){.dc-stage{background:linear-gradient(90deg,#c5dba8 0 41%,#efdcb3 41% 43%,#93cecd 43% 57%,#efdcb3 57% 59%,#c5dba8 59% 100%)}}.dc-night .dc-world{filter:saturate(.8) brightness(.83)}

.dc-top h2>span{display:inline-block}.dc-cells rect.dc-selected{stroke:#547e83;stroke-width:4;stroke-dasharray:6 5}
.dc-tools span{white-space:nowrap}

.dc-top .dc-letter-title{border:0;background:transparent;display:flex;align-items:center;text-align:left;gap:8px;line-height:1.4;padding:2px 4px;min-height:44px;font-size:inherit}.dc-letter-title>svg{width:28px;height:28px;color:#a8754d;flex:none}.dc-letter-title>span{white-space:nowrap}.dc-request-status{position:absolute;left:14px;right:14px;bottom:79px;display:flex;align-items:center;gap:10px;max-width:440px;margin:auto;padding:8px 12px;text-align:left;background:#fff8e8ed!important;box-shadow:0 3px 0 #9d9d7e3d;z-index:3;min-height:52px!important}.dc-request-status>svg{width:29px;height:29px;flex:none;color:#8b7952}.dc-request-status>svg:last-child{width:23px;margin-left:auto}.dc-request-status span{min-width:0;display:grid;gap:2px}.dc-request-status small{font-size:10px;color:#887451}.dc-request-status strong{font-size:12px}.dc-stage{padding-bottom:139px}.dc-arrival{max-width:calc(100% - 20px);gap:6px;padding:8px}.dc-arrival>span{font-size:14px}.dc-arrival button{font-size:11px;min-height:44px;padding:6px}.dc-arrival>svg{width:24px;flex:none}.dc-letters{width:min(740px,calc(100vw - 24px));max-height:90dvh}.dc-letters>small{letter-spacing:.15em;color:#8e7555}.dc-letters h3{margin:6px 0 12px}.dc-request-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:20px}.dc-request-grid>button{display:flex;flex-direction:column;align-items:center;padding:16px 10px;gap:8px;border:2px solid #b8b799;background:#fffcf3;box-shadow:0 3px 0 #a6aa8b27;position:relative}.dc-request-grid>button[aria-pressed=true]{border-color:#5d8a78;background:#eef4de}.dc-request-grid strong{font-size:14px}.dc-request-grid button>span:not(.dc-request-art){font-size:12px;font-weight:500;line-height:1.7}.dc-request-grid small{font-size:10px;color:#6b7e64}.dc-request-art{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:#f2e6bc}.dc-request-art>svg{width:70px;height:70px}.dc-stamped .dc-request-art{border-radius:15px;background:none}.dc-stamped .dc-request-art>svg{width:92px;height:92px}.dc-stamped::after{content:'おとどけ';position:absolute;right:7px;top:8px;border:2px solid #a55b49;border-radius:50%;color:#a55b49;font-size:9px;line-height:34px;width:38px;height:38px;rotate:12deg;background:#fff8e8dd}.dc-letter-detail{border-left:4px solid #dabd77;padding:12px 15px;background:#f7efd9}.dc-letter-detail p{margin:7px 0;line-height:1.85}.dc-parent-note{font-size:11px!important;line-height:1.8;color:#6c786d;margin-top:15px!important}.dc-receipt{width:min(650px,calc(100vw - 24px));max-height:90dvh;background:#fffaf0}.dc-postcard{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;border:1px solid #c2bba1;padding:18px;background:repeating-linear-gradient(0deg,transparent,transparent 27px,#a7b3951a 28px);border-radius:17px}.dc-postcard>svg{width:100%;max-height:240px}.dc-postcard h3{font-size:19px;margin:10px 0}.dc-postcard img{width:85px;height:85px;object-fit:contain;float:right}.dc-postcard p{font-size:13px;line-height:1.85}.dc-postcard strong{font-size:12px}.dc-postmark{display:inline-block;border:2px solid #a96d51;color:#a96d51;border-radius:30px;padding:6px 10px;font-size:11px;rotate:-4deg}.dc-receipt-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.dc-receipt-actions button{padding:10px 12px;flex:1;font-size:12px}.dc-receipt-actions button:nth-child(2){background:#e9edcc}.dc-letters::backdrop,.dc-receipt::backdrop{background:#344b426b;backdrop-filter:blur(3px)}
@media(max-width:650px){.dc-letter-title>svg{width:20px;height:20px}.dc-top .dc-letter-title{gap:4px;font-size:12px;padding:0}.dc-top small{display:none}.dc-request-status{left:8px;right:8px;bottom:70px;min-height:54px!important;padding:7px 10px}.dc-request-status strong{font-size:11px}.dc-stage{padding-bottom:130px}.dc-request-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dc-request-grid>button{padding:14px 8px}.dc-request-grid strong{font-size:12px}.dc-request-art{width:72px;height:72px}.dc-request-art>svg{width:58px;height:58px}.dc-stamped .dc-request-art>svg{width:72px;height:72px}.dc-letters{padding:22px 14px}.dc-letters>p{font-size:12px;line-height:1.9}.dc-postcard{grid-template-columns:1fr;padding:12px;gap:10px}.dc-postcard>svg{height:170px}.dc-postcard img{height:70px;width:70px}.dc-postcard h3{font-size:18px}.dc-receipt-actions button{flex-basis:44%;font-size:11px}.dc-receipt-actions button:last-child{flex-basis:100%}.dc-arrival button{padding:5px;font-size:10px}.dc-arrival>span{font-size:12px}.dc-arrival>svg{display:none}}
@media(max-height:520px) and (min-width:650px){.dc-stage{padding-bottom:64px}.dc-request-status{display:none}.dc-letter-title>span br{display:none}.dc-postcard{grid-template-columns:1fr 1fr}.dc-postcard>svg{height:140px}.dc-receipt{padding:15px}.dc-receipt-actions button{min-height:44px}.dc-postcard img{height:50px;width:50px}}

@media(max-width:450px){.dc-slots>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.dc-slots strong{grid-column:1/3}.dc-slots span{grid-column:3;text-align:right}.dc-slots button{margin:0;width:100%}}

.delivery-active .p-game-board{min-height:0!important}@media(max-height:520px) and (min-width:650px){.dc-game{grid-template-rows:53px 64px minmax(0,1fr)}.dc-stage{grid-row:2/4}.dc-coach{position:static;grid-column:2;grid-row:2;max-width:none;border-radius:0;min-height:0;padding:4px 7px;border:0;border-bottom:1px solid #acba9a;gap:3px}.dc-coach .dc-face{display:none}.dc-coach p{font-size:10px;line-height:1.5}.dc-coach .dc-icon{width:29px;height:32px;min-height:32px!important;padding:4px}.dc-dock{grid-row:3}.dc-tools>button{min-height:60px}}

.dc-dialog.dc-letters{max-width:740px}.dc-dialog.dc-receipt{max-width:650px}.dc-request-grid strong>span{display:inline-block;white-space:nowrap}.dc-request-art{position:relative}.dc-request-art>img{width:83px;height:83px;object-fit:contain}.dc-request-art>img+svg{position:absolute;right:-5px;bottom:-3px;width:32px;height:32px;background:#fff7df;border:1px solid #b4b18e;border-radius:50%;padding:4px}@media(max-width:650px){.dc-request-art>img{width:65px;height:65px}.dc-request-art>img+svg{width:28px;height:28px}}

.dc-request-art>.dc-portrait{width:83px;height:83px}.dc-request-art>.dc-request-badge{position:absolute;right:-5px;bottom:-3px;width:32px;height:32px;background:#fff7df;border:1px solid #b4b18e;border-radius:50%;padding:4px}.dc-postcard>div>.dc-portrait{width:85px;height:85px;float:right}@media(max-width:650px){.dc-request-art>.dc-portrait{width:65px;height:65px}.dc-request-art>.dc-request-badge{width:28px;height:28px}.dc-postcard>div>.dc-portrait{width:70px;height:70px}}

.dc-coach .dc-icon{width:44px;height:44px;min-height:44px!important}.dc-parent-ai-link{width:100%;padding:12px;margin-top:10px}.dc-top [data-dc=night][aria-pressed=true]{background:#d4dfd0!important}

html:has(body.delivery-active){overflow:hidden!important}.delivery-active{overflow:hidden!important;height:100dvh}

.dc-craft-story{display:none}.dc-first-craft .dc-craft-story{display:grid;grid-template-columns:90px 55px 90px;justify-content:center;align-items:center;gap:10px;margin:0 15px 14px}.dc-craft-story>.dc-portrait{width:90px;height:80px}.dc-craft-story>svg:not(.dc-portrait){width:45px;height:45px;color:#ae754b}.dc-craft-story>p{grid-column:1/-1;text-align:center;margin:0;font-size:14px;font-weight:800;color:#765d40}.dc-first-craft h3{text-align:center;margin:4px 0;font-size:22px}.dc-craft-task{text-align:center;font-size:15px;font-weight:800;margin:10px 0}.dc-first-craft .dc-shape-row{gap:15px;margin:14px 0}.dc-first-craft .dc-shape-row button{width:90px;height:90px;border-width:3px;background:#f3f5df;box-shadow:0 4px 0 #b0b998}.dc-first-craft .dc-shape-row svg{width:66px;height:66px}.dc-first-craft .dc-craft-colors,.dc-first-craft .dc-craft-footer{display:none}.dc-first-craft[data-pick=body] [aria-label=屋根の形],.dc-first-craft[data-pick=roof] [aria-label=建物の形],.dc-first-craft[data-pick=ready] .dc-shape-row{display:none}.dc-first-craft:not([data-pick=ready]) [data-dc=craft-place]{display:none}.dc-craft-back{display:none}.dc-first-craft:not([data-pick=body]) .dc-craft-back{display:flex;align-items:center;gap:5px;justify-content:center;border:0;background:transparent;margin:10px auto 0;font-size:12px;min-height:44px}.dc-craft-back svg{width:22px;height:22px}.dc-first-craft .dc-primary{font-size:18px;min-height:60px}.dc-first-craft[data-pick=ready] .dc-craft-preview{height:200px;width:240px}.dc-first-craft .dc-craft-preview{height:160px;width:210px}.dc-demo-house{opacity:.3}.dc-demo-square,.dc-demo-roof{transform-box:fill-box;transform-origin:center}
.dc-first-success{display:flex;align-items:center;gap:10px;margin:15px 0 4px;padding:12px;border-radius:15px;background:#edf1d9;color:#496e58}.dc-first-success svg{width:32px;height:32px;flex:none}.dc-first-success strong{font-size:12px;line-height:1.8}
.dc-guide-layer{pointer-events:none}.dc-guide-action{position:absolute;left:14px;right:14px;bottom:13px;max-width:330px;margin:auto;display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px!important;background:#f5db8c!important;border:3px solid #927b4e!important;box-shadow:0 4px 0 #927b4e;z-index:5;font-size:17px!important}.dc-guide-action>svg{width:32px;height:32px}.dc-lesson-progress{position:absolute;left:10px;right:10px;bottom:82px;max-width:420px;margin:auto;display:flex;gap:8px;align-items:center;justify-content:center;background:#fff9e7ed;border:1px solid #c5b890;border-radius:18px;padding:8px 11px;z-index:3}.dc-lesson-progress>span{display:flex;flex-direction:column;align-items:center;gap:2px;color:#8a9388}.dc-lesson-progress svg{width:26px;height:26px}.dc-lesson-progress small{font-size:10px;white-space:nowrap}.dc-lesson-progress i{font-size:14px;font-style:normal;color:#abb29f}.dc-lesson-progress .is-done{color:#4f8266}.dc-lesson-progress .is-now{color:#93662d;scale:1.12}.dc-guided .dc-tools>button{max-width:165px;min-width:120px}.dc-guided .dc-small-tools>[data-dc=undo],.dc-guided .dc-small-tools>[data-dc=redo],.dc-guided .dc-small-tools>[data-dc=rotate]{display:none}.dc-guided[data-lesson=build] .dc-journey{display:none}.dc-guided .dc-letter-title:disabled{opacity:1}.dc-guided .dc-letter-title>svg{display:none}.dc-guided .dc-small-tools{justify-content:center}.dc-guided .dc-small-tools .dc-work-status{display:none}.dc-guided .dc-target-ring{pointer-events:none}
@media(prefers-reduced-motion:no-preference){.dc-demo-square{animation:dc-demo-wall 3.6s ease-in-out infinite}.dc-demo-roof{animation:dc-demo-top 3.6s ease-in-out infinite}.dc-demo-house{animation:dc-demo-complete 3.6s ease-in-out infinite}.dc-tap-hand{animation:dc-tap 1.5s ease-in-out infinite}.dc-target-ring{animation:dc-ring 1.5s ease-in-out infinite}.dc-guide-deliver .dc-journey{animation:dc-run-invite 1.5s ease-in-out infinite}.dc-craft-story>svg:not(.dc-portrait){animation:dc-bread-journey 2.8s ease-in-out infinite}}
@keyframes dc-demo-wall{0%,15%{transform:translate(0,0);opacity:1}40%,75%{transform:translate(65px,-12px);opacity:0}85%,100%{opacity:0}}@keyframes dc-demo-top{0%,30%{transform:translate(0,0);opacity:1}58%,75%{transform:translate(-65px,-4px);opacity:0}85%,100%{opacity:0}}@keyframes dc-demo-complete{0%,25%{opacity:.2}65%,88%{opacity:1}100%{opacity:.2}}@keyframes dc-tap{0%,100%{transform:translate(0,-9px)}45%,65%{transform:translate(0,4px)}}@keyframes dc-ring{0%,100%{stroke-opacity:.55}50%{stroke-opacity:1;stroke-width:7}}@keyframes dc-run-invite{0%,100%{box-shadow:0 4px 0 #847a53}50%{box-shadow:0 4px 0 #847a53,0 0 0 7px #e9bf5b44}}@keyframes dc-bread-journey{0%,100%{transform:translateX(-8px) rotate(-7deg)}65%{transform:translateX(13px) rotate(7deg)}}
body:has(.dc-game.dc-reduced) .dc-first-craft *{animation:none!important}.dc-reduced .dc-guide-layer *{animation:none!important}
@media(max-width:650px){.dc-first-craft{padding:22px 14px}.dc-first-craft .dc-craft-story{grid-template-columns:72px 43px 72px;gap:6px;margin-bottom:9px}.dc-craft-story>.dc-portrait{width:72px;height:64px}.dc-craft-story>svg:not(.dc-portrait){width:35px;height:35px}.dc-craft-story>p{font-size:12px}.dc-first-craft h3{font-size:19px}.dc-first-craft .dc-shape-row{gap:9px}.dc-first-craft .dc-shape-row button{width:76px;height:82px;min-height:82px}.dc-first-craft .dc-shape-row svg{width:54px;height:54px}.dc-first-craft .dc-craft-preview{height:145px;width:190px}.dc-first-craft[data-pick=ready] .dc-craft-preview{height:175px;width:220px}.dc-craft-task{font-size:14px}.dc-lesson-progress{bottom:73px;padding:8px;gap:7px}.dc-lesson-progress small{font-size:9px}.dc-lesson-progress svg{width:23px;height:23px}.dc-guide-action{font-size:15px!important;max-width:280px}.dc-guided .dc-tools>button{min-width:145px;min-height:55px;flex-direction:row;font-size:15px}.dc-guided .dc-tools>button svg{height:34px;width:34px}}
@media(max-height:520px) and (min-width:650px){.dc-first-craft{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:18px;width:min(680px,96vw);max-width:680px;padding:16px}.dc-first-craft .dc-craft-story{grid-column:1;grid-row:1;grid-template-columns:55px 35px 55px;gap:5px;margin:0}.dc-craft-story>.dc-portrait{width:55px;height:48px}.dc-craft-story>svg:not(.dc-portrait){width:30px;height:30px}.dc-craft-story>p{font-size:10px}.dc-first-craft h3{grid-column:1;grid-row:2;font-size:16px}.dc-first-craft .dc-craft-preview,.dc-first-craft[data-pick=ready] .dc-craft-preview{grid-column:1;grid-row:3/5;height:140px;width:170px}.dc-first-craft .dc-craft-task{grid-column:2;grid-row:1;margin:10px 20px 0 0;align-self:end;font-size:14px}.dc-first-craft .dc-shape-row{grid-column:2;grid-row:2/4;align-self:center;gap:6px}.dc-first-craft .dc-shape-row button{width:72px;height:76px}.dc-first-craft .dc-shape-row svg{width:52px;height:52px}.dc-first-craft .dc-primary{grid-column:2;grid-row:2/4;align-self:center;font-size:15px}.dc-first-craft .dc-craft-back{grid-column:2;grid-row:4}.dc-lesson-progress{max-width:340px;bottom:76px}.dc-guided .dc-tools>button{min-width:0;width:100%;max-width:140px}.dc-guided .dc-tools{display:flex}}

body:has(.dc-game.dc-reduced) .dc-demo-house{opacity:1}body:has(.dc-game.dc-reduced) .dc-demo-square,body:has(.dc-game.dc-reduced) .dc-demo-roof{display:none}@media(prefers-reduced-motion:reduce){.dc-demo-house{opacity:1}.dc-demo-square,.dc-demo-roof{display:none}}