@import"./ui-compact.css";@import"./rule-guide.css";@import"./ui-progression.css";@import"./ui-play.css";@import"./ui-title.css";@import"./ui-stage50.css";@import"./ui-intro.css";*{box-sizing:border-box}[hidden]{display:none!important}#ui{--surface:#081e3c;--border:#245581;--accent:#38c9f5;--muted:#93b8d1;position:absolute;inset:0;color:#dff5ff;font-family:system-ui,-apple-system,Noto Sans JP,Yu Gothic,sans-serif;pointer-events:none;padding:20px 28px;display:grid;grid-template-columns:minmax(200px,270px) 1fr;grid-template-rows:60px 1fr 82px;gap:14px 30px;font-size:16px}button,select,input{font:inherit}button,select{color:#dff5ff;background:var(--surface);border:1px solid var(--border);border-radius:14px;min-height:48px;padding:8px 16px;cursor:pointer;pointer-events:auto}button:hover{border-color:#38c9f5;background:#12365a}button:active{transform:scale(.97)}button:focus-visible,select:focus-visible{outline:2px solid #38c9f5;outline-offset:3px}button:disabled{color:#93b8d1;cursor:default}h1,h2,p{margin:0}h1{font-size:26px;letter-spacing:.13em;font-weight:750}h2{font-size:22px}small,.muted{color:var(--muted);font-size:14px}header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}header nav{display:flex;gap:8px}.brand small{font-size:11px;letter-spacing:.2em}.side{display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:0}.stage-title{font-size:18px;font-weight:650}.stage-num{color:#38c9f5;font-size:14px;letter-spacing:.14em;margin-bottom:7px}.meter{display:flex;gap:10px;align-items:baseline;margin-top:14px}.meter strong{font-size:38px;font-weight:400;font-variant-numeric:tabular-nums;color:#38c9f5}.goals{display:flex;flex-direction:column;gap:8px}.goal{background:#081e3c;border:1px solid #245581;border-radius:12px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px}.goal.met{border-color:#19d995}.goal .label{display:flex;gap:9px;align-items:center}.dot{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--ink);color:#04132f;font-size:18px;font-weight:700}.goal strong{font-size:20px;font-variant-numeric:tabular-nums}.goal small{font-size:15px}.tip{font-size:15px;color:#93b8d1;line-height:1.7}#board-zone{min-width:0;min-height:0}footer{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:24px}.inks{display:flex;gap:8px}.inks button{min-width:88px;border-bottom:3px solid var(--ink);display:flex;gap:8px;align-items:center;justify-content:center}.inks button.selected{background:#12365a;outline:2px solid #38c9f5;box-shadow:0 0 15px #245581}.actions{display:flex;gap:8px}.primary{background:var(--accent);color:#04132f;border-color:var(--accent);font-weight:700}.primary:hover{background:#dff5ff;color:#04132f}.result{display:flex;flex-direction:column;gap:12px}.result h2{color:#38c9f5}.result-actions{display:flex;flex-wrap:wrap;gap:8px}.result-actions button{flex:1;white-space:nowrap}.modal-cover{position:absolute;inset:0;background:#04132fe8;display:grid;place-items:center;padding:16px;pointer-events:auto}.dialog{background:#081e3c;border:1px solid #38c9f5;border-radius:22px;padding:24px;width:min(540px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;gap:18px;box-shadow:0 10px 60px #04132f}.dialog header{flex:none}.dialog h2{font-size:21px}.dialog-body{flex:1;overflow:auto;min-height:0;line-height:1.7;white-space:pre-line}.dialog .row{flex-shrink:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dialog .row label{flex:1}.dialog input{width:160px;min-height:48px;accent-color:#38c9f5;pointer-events:auto}.level-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.level-grid button{min-height:76px;text-align:left}.level-grid strong{display:block}.level-grid small{display:block;margin-top:4px}.dialog select{min-width:130px}.bottom-note{text-align:center;font-size:14px;color:#93b8d1}.error{color:#ff9135}.title-group{display:flex;align-items:center;gap:10px}@media(min-width:620px)and (max-height:540px){#ui{padding:12px 16px;grid-template-columns:215px 1fr;grid-template-rows:48px 1fr 54px;gap:6px 14px}h1{font-size:22px}.brand small{display:none}.side{gap:8px;justify-content:flex-start}.stage-title{font-size:16px}.stage-num{margin:0}.meter{margin:0;float:right}.meter strong{font-size:24px}.goals{display:grid;grid-template-columns:1fr 1fr;gap:4px}.goal{padding:4px 6px;min-height:40px}.goal .label{gap:3px;font-size:14px}.goal .dot{display:none}.goal strong{font-size:16px}.goal small{font-size:14px}.tip{display:none}footer{gap:12px}.result{gap:5px}.result h2{font-size:18px}.result p{display:none}.result-actions{gap:4px}.result-actions{flex-wrap:nowrap}.result-actions button{padding:6px 3px;min-width:0;white-space:normal;font-size:14px}.dialog{padding:16px;gap:12px}}@media(max-width:619px){#ui{padding:12px 16px 16px;grid-template-columns:1fr;grid-template-rows:48px auto 1fr auto;gap:8px}h1{font-size:21px;letter-spacing:.05em}.brand small{display:none}header nav{gap:6px}header button{padding:7px 10px;font-size:14px}.side{gap:8px;display:block}.side-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.stage-title{font-size:15px}.stage-num{font-size:12px;margin:0}.meter{margin:0;gap:5px;white-space:nowrap}.meter strong{font-size:27px}.meter small{font-size:14px}.goals{display:grid;grid-template-columns:repeat(auto-fit,minmax(106px,1fr));gap:5px;margin-top:8px}.goal{flex:1;min-width:0;padding:6px 7px;min-height:40px;flex-wrap:wrap}.goal>span:last-child{white-space:nowrap}.goal .label{gap:4px;font-size:14px;white-space:nowrap}.goal .dot{width:18px;height:18px;font-size:14px}.goal strong{font-size:17px}.goal small{font-size:14px}.tip{font-size:14px;line-height:1.4;margin-top:7px}.goal-heading{display:none}#board-zone{grid-row:3}footer{grid-row:4;flex-direction:column;gap:10px}.inks{width:100%;justify-content:center}.inks button{flex:1;min-width:0;max-width:130px}.actions{width:100%;justify-content:center}.actions button{flex:1;padding:8px 10px}.result{margin-top:8px;gap:6px}.result p{display:none}.result h2{font-size:19px}.result-actions{gap:6px}.result-actions button{font-size:14px;padding:6px 8px}.dialog{padding:18px}.dialog-body{font-size:15px}}@media(max-width:619px)and (max-height:540px){#ui{padding:8px 12px;grid-template-rows:48px auto 1fr 48px;gap:4px}.tip,.goal-heading,.stage-num{display:none}.goals{margin-top:4px;gap:4px}.goal{min-height:30px;padding:3px 6px}.goal .dot{display:none}.meter strong{font-size:20px}.stage-title{font-size:14px}footer{flex-direction:row;gap:5px}.inks{gap:4px}.inks button{padding:5px;min-height:48px;font-size:14px}.inks .dot{display:none}.actions{gap:4px}.actions button{font-size:14px;padding:5px;min-width:48px}.actions #restart{display:none}.result{position:absolute;inset:68px 24px auto;background:#081e3c;border:1px solid #38c9f5;padding:12px;border-radius:16px;pointer-events:auto}.dialog{padding:12px;gap:10px}}@media(max-height:400px){.level-grid{gap:5px;min-height:0}.level-grid button{min-height:54px;padding:5px 8px;font-size:14px}.level-grid small{margin-top:0}.dialog header{min-height:48px}}.stage-scroll{overflow:auto;min-height:0;max-height:55dvh}.stage-scroll button{flex-shrink:0}.setup-body{white-space:normal;display:flex;flex-direction:column;gap:12px}.setup-body #hard-toggle{width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.35}.mode-tabs{display:flex;gap:8px}.mode-tabs button{flex:1}.setting-label{font-size:16px}.setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.setting-grid button{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:72px;font-size:14px}.setting-grid strong{color:#38c9f5}.setting-grid [aria-pressed=true]{border-color:#38c9f5}.menu-actions{display:flex;flex-direction:column;gap:8px}#eraser.selected,#hardener.selected{border-color:#fff;box-shadow:inset 0 -3px #fff}.dialog-body>select{flex-shrink:0}.tip{overflow-wrap:anywhere}.setting-grid{flex-shrink:0}.setup-body>p,.setup-body>.mode-tabs,.setup-body>.setting-label{flex-shrink:0}.dialog>button{flex-shrink:0}@media(min-width:620px){.actions button{padding:8px 10px}.inks button{min-width:70px}footer{gap:12px}}@media(max-width:619px){.actions{gap:4px}.actions button{font-size:14px;padding:7px 5px;min-width:48px}}@media(max-width:619px)and (max-height:540px){#ui{grid-template-rows:48px auto 1fr 104px}footer{flex-direction:column;gap:5px}.actions #restart{display:block}.inks button{max-width:110px}.tip{display:none}.side:has(.tip:not(:empty)){min-height:0}}@media(max-height:540px){.dialog:has(.setup-body){padding:12px;gap:8px}.setup-body{display:grid;grid-template-columns:80px 1fr;gap:6px;flex-shrink:0;overflow:visible}.setup-body>.mode-tabs,.setup-body>.setting-grid,.setup-body>#hard-toggle{grid-column:1/-1}.setup-body>p{display:none}.setup-body>.setting-label{align-self:center}.setup-body>select{min-width:0;width:100%}.setup-body>.setting-grid{gap:6px}.setting-grid button{min-height:60px}.dialog:has(.setup-body) h2{font-size:18px}.mode-tabs button,.setup-body #hard-toggle{font-size:14px}}.tool-icon{width:32px;height:32px;object-fit:contain;pointer-events:none;flex:none}.tool-button{display:flex;align-items:center;justify-content:center;gap:3px;min-width:60px}.tool-button span{font-size:14px}.setting-label-icon{display:flex;align-items:center;justify-content:center;gap:8px}#eraser,[data-setting=eraser]{background:#fff;color:#04132f;border-color:#fff}#eraser:hover{background:#dff5ff;color:#04132f}[data-setting=eraser] strong{color:#04132f}#eraser.selected,#hardener.selected{outline:2px solid #38c9f5;outline-offset:2px;box-shadow:inset 0 -3px #38c9f5}#hardener{border-color:#93b8d1}@media(max-width:619px){.actions .tool-button{flex-direction:column;gap:0;padding:3px;min-width:56px}.tool-icon{width:26px;height:26px}.actions .tool-button span{font-size:14px}.actions{align-items:stretch}.actions button{min-height:52px}.setting-label-icon .tool-icon{width:30px;height:30px}}@media(min-width:620px)and (max-height:540px){.tool-icon{width:24px;height:24px}.actions .tool-button{padding:4px 6px;gap:2px}}.tutorial-message{color:#dff5ff;background:#081e3c;border-left:3px solid #38c9f5;padding:6px 10px;font-size:14px;line-height:1.35;text-align:center;grid-column:1/-1;width:100%}.guide-target{outline:2px solid #38c9f5;outline-offset:2px}.inks button:disabled{opacity:.5}.has-guide footer{display:grid;grid-template-columns:auto auto;gap:8px 24px;align-content:center}.has-guide{grid-template-rows:60px 1fr 118px}@media(max-width:619px){#ui.has-guide{grid-template-rows:48px auto 1fr auto}.has-guide footer{grid-template-columns:1fr;gap:8px}.has-guide .tutorial-message{padding:5px 8px}.has-guide .tip{display:none}}@media(min-width:620px)and (max-height:540px){#ui.has-guide{grid-template-rows:48px 1fr 92px}.has-guide footer{gap:5px 12px}}@media(max-width:619px)and (max-height:540px){#ui.has-guide{grid-template-rows:48px auto 1fr auto}.has-guide footer{gap:4px}.has-guide .tutorial-message{padding:2px 5px;line-height:1.2}}@media(prefers-reduced-motion:reduce){button:active{transform:none}}.compact-only{display:none}.play-header button{min-width:48px}.ink-emblem{position:relative;display:block;width:54px;height:54px;flex:none}.ink-emblem i{position:absolute;left:0;width:66.6667%;height:74%;top:13%;background:#ff1030;mask:url(assets/well-ink.png) center/contain no-repeat}.ink-emblem i:nth-child(2){left:auto;right:0;background:#0a52ff}.three-ink i{width:59.3%;height:65%;top:31.5%}.three-ink i:nth-child(3){left:20.4%;right:auto;top:0;background:#ffe000}.family-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:auto;min-height:0;padding:3px}.family-cards .lab-card{flex-direction:column;justify-content:center;text-align:center;min-height:108px;padding:12px 16px;gap:4px;background:#081e3c;border:1px solid #245581;border-radius:16px}.family-cards .lab-card:hover{border-color:#38c9f5;background:#12365a}.family-cards .card-copy{flex:none}.family-cards .card-copy strong{font-size:16px}.family-cards .card-icon,.family-cards .ink-emblem{width:46px;height:46px}.family-cards .ink-emblem{transform:scale(.85);transform-origin:center}.family-cards .card-copy small{font-size:14px}.lesson-emblem{display:flex;align-items:center;justify-content:center;width:42px;height:48px;flex:none}.lesson-emblem .card-icon{width:40px;height:40px}.lesson-emblem .ink-emblem{transform:scale(.7)}.lesson-grid .lesson-button{flex-direction:row;align-items:center;gap:8px}.lesson-grid .lesson-button>span:last-child{flex:1}.stage-emblem{display:flex;align-items:center;justify-content:center;width:44px;height:40px;flex:none}.stage-emblem .card-icon{width:38px;height:38px}.stage-emblem .ink-emblem{transform:scale(.7)}.stage-grid .stage-button{min-height:88px;padding:6px;gap:2px}.stage-grid .stage-button strong{font-size:22px;line-height:1.1}.stage-grid .stage-button small{line-height:1.1}.stage-emblem{pointer-events:none;height:28px}.stage-emblem .card-icon{width:28px;height:28px}.stage-emblem .ink-emblem{transform:scale(.55)}.header-actions{display:flex;gap:6px;flex:none}@media(max-width:619px)and (max-height:540px){.compact-only{display:inline-flex;align-items:center;justify-content:center}.play-header #rules{display:none}.play-header nav{gap:4px}.play-header h1{font-size:18px}.play-ui .actions #hint,.play-ui .actions #more{display:none}#ui.play-ui:not(.has-guide){grid-template-rows:48px auto 1fr 56px}#ui.play-ui:not(.has-guide) footer{flex-direction:row;gap:6px;justify-content:flex-start;overflow-x:auto}.play-ui:not(.has-guide) .inks,.play-ui:not(.has-guide) .actions{width:auto;flex:none;gap:4px}.play-ui:not(.has-guide) .inks button{min-width:48px}.play-ui:not(.has-guide) .actions button{min-width:48px}}#ui.menu-ui{display:flex;align-items:center;justify-content:flex-start;padding:clamp(16px,4vw,48px);pointer-events:none;--surface:#081e3c;--border:#245581;--accent:#38c9f5;--muted:#93b8d1}.menu-panel{display:flex;flex-direction:column;gap:16px;pointer-events:auto;width:min(750px,78%);height:min(760px,calc(100dvh - 48px));padding:24px;border:1px solid #245581;border-radius:22px;background:#04132fed;box-shadow:0 12px 50px #04132f;min-height:0;overflow:hidden}.menu-header{flex-shrink:0;min-height:56px;padding:0 0 12px;border-bottom:1px solid #245581}.menu-header>div{min-width:0}.menu-header h2{font-size:clamp(18px,2.5vw,28px);overflow-wrap:anywhere}.menu-header small{display:block;margin-bottom:4px}.menu-header button{flex:none;min-width:64px}.menu-note{font-size:14px;line-height:1.5;color:#93b8d1;flex-shrink:0;overflow-wrap:anywhere}.home-panel{border:none;background:none;box-shadow:none;max-width:460px;justify-content:center;height:100%;padding:0;overflow:visible}.home-copy{width:100%;padding:20px 12px;background:linear-gradient(90deg,#04132fea,#04132f00)}.home-copy>h1{font-size:clamp(32px,5vw,52px);margin:8px 0 28px}.home-copy>small{letter-spacing:.2em}.home-actions,.size-cards{display:flex;flex-direction:column;gap:14px}.lab-card{display:flex;align-items:center;gap:10px;min-height:90px;padding:15px 40px;border:none;border-radius:0;background:#04132f00 url(assets/menu-plate.png) center/100% 385% no-repeat;text-align:left;color:#dff5ff;min-width:0;width:100%;box-shadow:none}.lab-card:hover{background:#12365a url(assets/menu-plate.png) center/100% 385% no-repeat}.lab-card .card-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.card-copy strong{font-size:18px;line-height:1.3;overflow-wrap:anywhere}.card-copy small{font-size:14px}.card-icon{width:54px;height:54px;object-fit:contain;flex-shrink:0}.double-ink{position:relative;display:block;width:54px;height:54px;flex:none}.double-ink i{position:absolute;inset:0 15px 0 0;background:#ff1030;mask:url(assets/well-ink.png) center/contain no-repeat}.double-ink i+i{inset:0 0 0 15px;background:#0a52ff}.size-art{display:grid;grid-template-columns:repeat(3,20px);width:66px;flex:none;gap:0}.size-art img{width:26px;height:26px;object-fit:contain;margin:-2px}.chapter-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:auto;min-height:0;padding:3px}.chapter-cards .lab-card{padding:14px 24px;gap:4px}.chapter-cards .card-icon{width:46px;height:46px}.chapter-cards .card-copy strong{font-size:16px}.family-select{display:flex;flex-direction:column;gap:5px;font-size:14px;color:#93b8d1;flex-shrink:0}.family-select select{width:100%;color:#dff5ff}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:auto;min-height:0;padding:3px}.lesson-button{display:flex;align-items:center;text-align:left;min-height:78px;padding:10px;gap:4px}.lesson-art{width:40px;height:40px;object-fit:contain;flex:none}.lesson-button>span{min-width:0}.lesson-button strong,.lesson-button small{display:block;overflow-wrap:anywhere}.lesson-button small{margin-top:3px;font-size:14px}.clear-label{color:#19d995}.skip-button{flex-shrink:0;border-color:#93b8d1;margin-top:auto}.stage-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;overflow:auto;min-height:0;padding:3px}.stage-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90px;padding:8px;isolation:isolate;gap:3px}.stage-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.35;z-index:-1}.stage-button strong{font-size:24px;color:#dff5ff}.stage-button small{font-size:14px}.stage-button:disabled{opacity:.7}.stage-button.cleared{border-color:#19d995}.pager{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;margin-top:auto}.pager>span{font-size:14px}.custom-fields,.option-fields{overflow:auto;min-height:0;display:flex;flex-direction:column;gap:16px;padding:4px;flex:1}.custom-fields>label{display:flex;flex-direction:column;gap:6px}.setting-grid .setting-icon{width:36px;height:36px;object-fit:contain}.custom-fields .setting-grid button{min-height:94px;align-items:center}.setting-grid button[aria-pressed=true]{box-shadow:inset 0 -3px #38c9f5}.option-row{display:flex;align-items:center;gap:12px;min-height:54px;flex-wrap:wrap}.option-row label{flex:1}.option-row select{flex:1;min-width:130px}.option-row input{min-height:48px;max-width:100%;width:200px;accent-color:#38c9f5;pointer-events:auto}.option-icon{width:32px;height:32px}.backup-buttons{display:flex;flex-wrap:wrap;gap:12px}.backup-buttons button{flex:1;min-width:160px}.wide{width:100%}.loading-chapter{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:20px;text-align:center}.loading-book{width:100px;height:100px;object-fit:contain}.title-surface{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:transparent;text-align:left;display:flex;align-items:flex-start;justify-content:flex-start;padding:clamp(28px,8vw,100px);color:#dff5ff}.title-surface:hover{background:transparent}.title-surface:active{transform:none}.title-copy{display:flex;flex-direction:column;gap:16px;margin-top:7dvh;text-shadow:0 3px 18px #04132f}.title-copy small{letter-spacing:.25em;color:#dff5ff}.title-copy h1{font-size:clamp(38px,7vw,76px)}.title-prompt{margin-top:20px;padding:12px 20px;border-left:3px solid #38c9f5;background:#04132fcc;font-size:18px}.menu-panel>button{flex-shrink:0}.dialog p{line-height:1.5}.play-ui .stage-num{font-size:14px;letter-spacing:.02em}.play-ui .stage-title{overflow-wrap:anywhere}.play-ui .goals{flex-wrap:wrap}.play-ui .side{overflow:hidden}.play-ui .tip{line-height:1.4}.play-ui .tool-button{min-width:56px}.play-ui .actions button{min-width:48px}.play-ui .result h2{overflow-wrap:anywhere}@media(max-width:619px){#ui.menu-ui{padding:16px;align-items:center}.menu-panel{width:100%;height:calc(100dvh - 32px);padding:16px;gap:12px}.home-panel{height:auto;align-self:flex-start;margin-top:8dvh}.home-copy{padding:8px 0}.home-copy>h1{margin-bottom:20px}.home-actions{gap:12px}.lab-card{min-height:88px;padding:14px 32px}.chapter-cards{grid-template-columns:1fr}.chapter-cards .lab-card{min-height:80px;padding:14px 32px;gap:12px}.chapter-cards .card-copy strong{font-size:18px}.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-button{min-height:70px}.lesson-grid{gap:8px}.lesson-button{padding:8px;flex-direction:column;align-items:flex-start}.lesson-art{display:none}.title-copy{margin-top:8dvh}.title-prompt{font-size:16px}.menu-header h2{font-size:21px}.play-ui .goals{grid-template-columns:repeat(3,minmax(0,1fr))}.play-ui .goal{padding:4px;gap:2px}.play-ui .goal .label{font-size:14px}.play-ui .goal .dot{display:none}.play-ui .tip{max-height:60px;overflow:hidden}}@media(max-height:540px){#ui.menu-ui{padding:16px}.menu-panel{height:calc(100dvh - 32px);padding:12px 16px;gap:8px}.home-panel{align-self:center;max-width:390px;padding:0}.home-copy{padding:0 8px}.home-copy>small{display:none}.home-copy>h1{font-size:28px;margin:0 0 10px}.home-actions,.size-cards{gap:5px}.lab-card{min-height:72px;padding:10px 30px}.home-actions .lab-card{min-height:68px}.card-icon{width:44px;height:44px}.card-copy strong{font-size:17px}.menu-header{min-height:48px;padding-bottom:4px}.menu-header small{display:none}.menu-header h2{font-size:20px}.menu-note{font-size:14px;line-height:1.3}.size-cards{overflow:auto;min-height:0}.size-cards .lab-card{min-height:60px}.size-art{grid-template-columns:repeat(4,18px);width:78px}.size-art img{height:22px;width:22px}.lesson-button{min-height:64px}.stage-button{min-height:68px}.family-select{flex-direction:row;align-items:center;gap:12px}.family-select select{flex:1;width:50%}.tutorial-message{font-size:14px}.title-copy{margin-top:0}.title-copy h1{font-size:46px}.title-prompt{margin-top:8px}.play-ui .stage-title{font-size:15px}.play-ui .side{gap:5px}.play-ui .goals{grid-template-columns:repeat(3,minmax(0,1fr))}.play-ui .goal{font-size:14px;flex-direction:column;align-items:flex-start;gap:0;min-height:40px}.play-ui .goal .dot{display:none}.play-ui .goal strong{font-size:15px}.play-ui .goal small{font-size:14px}}@media(max-width:619px)and (max-height:540px){.menu-panel{padding:10px;gap:6px}.menu-panel .menu-note{display:none}.home-panel{margin-top:0}.home-copy>h1{font-size:26px}.stage-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.stage-button{min-height:60px;padding:4px}.stage-button small{font-size:14px}.lesson-grid{gap:4px}.lesson-button{min-height:64px}.lesson-button small{font-size:14px}.menu-header h2{font-size:18px}.family-select{font-size:14px}.family-select select{padding:6px;min-width:110px}.title-copy h1{font-size:38px}.title-copy{gap:8px}.title-surface{padding:28px}.play-ui .goals{grid-template-columns:repeat(4,minmax(0,1fr))}.play-ui .side{font-size:14px}.play-ui .side-top{height:34px}.play-ui .stage-title{font-size:14px}.play-ui .goal{min-height:32px;padding:2px}.play-ui .goal .label{font-size:14px}.play-ui .goal>span:last-child{font-size:14px}.play-ui .actions .tool-button{min-width:50px}.play-ui .tool-icon{height:20px}.play-ui .result{z-index:2}}@media(max-width:619px)and (min-height:541px){#ui.play-ui{padding:6px 6px 8px!important;gap:4px!important}#ui.play-ui .side{padding:4px 6px!important;gap:3px!important;border-width:8px!important;border-image-width:8px!important}#ui.play-ui .side-top{min-height:0!important;gap:4px}#ui.play-ui .difficulty-label{display:none}#ui.play-ui .meter strong{font-size:22px}#ui.play-ui .goal-window{padding:0!important}#ui.play-ui .goals{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:3px!important}#ui.play-ui .goal{flex-direction:column!important;align-items:center!important;justify-content:center;min-height:0!important;padding:2px!important;gap:1px!important}#ui.play-ui .bottle{width:26px!important;height:38px!important}#ui.play-ui .bottle-label{height:14px!important;min-width:0!important;width:100%;max-width:56px;padding:0 2px!important;margin-top:-1px}#ui.play-ui .bottle-label b{font-size:10px!important;-webkit-text-stroke:2px #2a1a08;letter-spacing:0}#ui.play-ui .bottle-label b:lang(en){font-size:8px!important}#ui.play-ui .goal-count{font-size:13px;line-height:1.1}#ui.play-ui .goal-count strong{font-size:15px!important}#ui.play-ui .mix-guide.inline{margin-top:2px!important;padding:2px 4px!important;row-gap:1px}#ui.play-ui .mix-guide.inline .mix-guide-title{display:none}#ui.play-ui .tip{font-size:14px;line-height:1.3;margin:0}#ui.play-ui footer{gap:4px}}#ui.play-ui .mix-guide{max-width:none!important;padding:6px 14px!important;gap:6px!important;opacity:1!important}#ui.play-ui .mix-recipe{display:flex!important;align-items:center;justify-content:center;gap:6px!important}#ui.play-ui .mix-recipe .hx{width:20px!important;height:20px!important}#ui.play-ui .mix-recipe .hx.res{width:24px!important;height:24px!important}#ui.play-ui .mix-recipe b{font-size:15px!important;padding:0 2px!important;color:#dff5ff!important}#ui.play-ui .mix-recipe .nm{font-size:13px!important;margin:0 2px!important;-webkit-text-stroke:3px #041018!important}#ui.play-ui .mix-recipe .nm.op{display:inline!important;font-size:13px!important}#ui.play-ui .mix-guide.inline{width:fit-content!important;margin:4px auto 0!important;justify-content:center!important;column-gap:24px!important;row-gap:4px!important;padding:4px 18px!important}@media(max-width:619px)and (max-height:540px){#ui.play-ui .mix-recipe .hx{width:14px!important;height:14px!important}#ui.play-ui .mix-recipe .hx.res{width:16px!important;height:16px!important}#ui.play-ui .mix-recipe .nm,#ui.play-ui .mix-recipe .nm.op{font-size:10px!important}#ui.play-ui .mix-recipe b{font-size:11px!important}#ui.play-ui .mix-guide{padding:3px 6px!important;gap:2px!important}}#ui .lang-row{position:absolute;top:max(12px,env(safe-area-inset-top));right:16px;z-index:5;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;pointer-events:auto;max-width:calc(100% - 32px)}#ui .lang-row button{min-height:48px;min-width:64px;padding:6px 12px;border-radius:10px;background:#081e3ccc;border:1px solid #2f6aa0;color:#dff5ff;font-size:15px;font-weight:700;cursor:pointer}#ui .lang-row button[aria-pressed=true]{background:#12365a;border-color:#38c9f5;color:#38c9f5;box-shadow:0 0 10px #38c9f566}#ui .home-panel{position:relative}#ui .home-panel .lang-row{position:static;justify-content:flex-end;margin-bottom:6px}#ui .bgm-row{flex-direction:column;align-items:stretch!important;gap:6px!important}#ui .bgm-buttons{display:flex;flex-wrap:wrap;gap:6px}#ui .bgm-buttons button{flex:1 1 120px;min-height:48px;padding:6px 10px;border-radius:10px;background:#081e3c;border:1px solid #2f6aa0;color:#dff5ff;font-size:14px;font-weight:700}#ui .bgm-buttons button[aria-pressed=true]{background:#12365a;border-color:#38c9f5;color:#38c9f5;box-shadow:0 0 10px #38c9f566}#ui .lang-row button{border:2px solid #93b8d1;background:#04132f;box-shadow:0 2px 8px #000a}#ui .lang-row button[aria-pressed=true]{border-color:#38c9f5;background:#0e3560}#ui .bgm-buttons{flex-direction:column;flex-wrap:nowrap}#ui .bgm-buttons button{flex:none;width:100%;display:flex;align-items:center;gap:10px;text-align:left}#ui .bgm-no{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#04132f;border:1px solid #38c9f5;color:#38c9f5;font-size:14px;flex:none}#ui .bgm-row{padding:10px 12px;border-radius:14px;background:linear-gradient(180deg,#0a1f45,#061533);border:1px solid #5a4a9a;box-shadow:inset 0 0 18px #3a2a7a55}#ui .bgm-title{font-size:15px;font-weight:800;color:#c9b8ff;letter-spacing:.08em}#ui .bgm-buttons{gap:4px!important}#ui .bgm-buttons button{background:transparent!important;border:none!important;border-bottom:1px solid #ffffff1a!important;border-radius:6px!important;box-shadow:none!important;color:#dff5ff;font-weight:600}#ui .bgm-buttons button:last-child{border-bottom:none!important}#ui .bgm-buttons button[aria-pressed=true]{background:#2a1f5c!important;color:#fff!important}#ui .bgm-no{border-color:#9b86ff!important;color:#c9b8ff!important;background:#120c33!important}#ui .bgm-buttons button[aria-pressed=true] .bgm-no{background:#9b86ff!important;color:#120c33!important}#ui .bgm-name{flex:1}#ui .bgm-eq{display:none;align-items:flex-end;gap:2px;height:16px}#ui .bgm-buttons button[aria-pressed=true] .bgm-eq{display:inline-flex}#ui .bgm-eq s{display:block;width:3px;background:#c9b8ff;border-radius:1px;animation:bgmEq 1s ease-in-out infinite;text-decoration:none}#ui .bgm-eq s:nth-child(2){animation-delay:.3s}#ui .bgm-eq s:nth-child(3){animation-delay:.6s}@keyframes bgmEq{0%,to{height:4px}50%{height:16px}}#ui .rules-button{display:flex!important;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#1d5f8f,#0e3560)!important;border:1px solid #38c9f5!important}#ui .rules-ico{width:28px;height:28px;object-fit:contain}#ui .size-pick{display:flex;align-items:center;gap:8px;flex:none}#ui .size-caption{font-size:13px;color:#93b8d1;white-space:nowrap;font-weight:700}#ui.play-ui .mix-toggle{position:absolute;left:6px;top:6px;z-index:3;pointer-events:auto;display:inline-flex;align-items:center;gap:6px;min-height:48px;min-width:48px;padding:4px 10px;border-radius:10px;background:#081e3ce6;border:1px solid #2f6aa0;color:#93b8d1;font-size:12px;font-weight:700}#ui.play-ui .mix-toggle[aria-pressed=true]{border-color:#38c9f5;color:#dff5ff}#ui.play-ui .mt-dots{display:inline-flex}#ui.play-ui .mt-dots i{width:12px;height:12px;border-radius:50%;background:var(--ink);margin-right:-4px;box-shadow:0 0 0 1px #041018}#ui.play-ui .mix-toggle[aria-pressed=false] .mt-dots{opacity:.45}@media(max-width:619px)and (min-height:541px){#ui.play-ui .mix-toggle{display:none}}@media(max-height:540px){#ui.play-ui #board-zone .mix-guide{left:4px!important;top:58px!important;bottom:auto!important;padding:2px 5px!important;gap:1px!important;opacity:.9!important}#ui.play-ui #board-zone .mix-guide-title{display:none!important}#ui.play-ui #board-zone .mix-recipe{gap:1px!important}#ui.play-ui #board-zone .mix-recipe .hx{width:11px!important;height:11px!important}#ui.play-ui #board-zone .mix-recipe .hx.res{width:13px!important;height:13px!important}#ui.play-ui #board-zone .mix-recipe .nm,#ui.play-ui #board-zone .mix-recipe .nm.op{display:none!important}#ui.play-ui #board-zone .mix-recipe b{font-size:10px!important}#ui.play-ui .mix-toggle{padding:2px 8px;font-size:11px}}#ui .rank-panel{margin-top:10px;padding:10px 12px;border-radius:12px;background:#04132fcc;border:1px solid #2f6aa0;text-align:left}#ui .rank-panel h3{margin:0 0 4px;font-size:16px;color:#ffe000}#ui .rank-mine{margin:0 0 6px;font-size:14px;color:#dff5ff}#ui .rank-note{margin:4px 0;font-size:13px;color:#93b8d1}#ui .rank-list{list-style:none;margin:0;padding:0;max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:3px}#ui .rank-list li{display:flex;align-items:center;gap:8px;min-height:40px;padding:2px 6px;border-radius:8px}#ui .rank-list li.me{background:#12365a;box-shadow:inset 0 0 0 1px #38c9f5}#ui .rank-list .rk{width:28px;text-align:center;color:#93b8d1;font-size:14px}#ui .rank-who{flex:1;display:flex;align-items:center;gap:8px;min-width:0;min-height:40px;background:none;border:none;padding:0;color:#dff5ff;font:inherit;font-size:14px;text-align:left}button.rank-who{cursor:pointer}#ui .rank-who img,#ui .rank-who i{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#245581;flex:none}#ui .rank-who span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#ui .rank-who .mutual{font-style:normal;font-size:11px;padding:1px 6px;border-radius:8px;background:#9a1aff;color:#fff;flex:none}#ui .rank-list strong{font-size:15px;color:#ffe000}@media(min-width:620px)and (min-height:541px){#ui.play-ui.has-guide{grid-template-rows:60px minmax(0,1fr) auto!important}#ui.play-ui.has-guide footer{display:flex!important;flex-direction:row;align-items:center;gap:12px;min-height:0}#ui.play-ui.has-guide footer .tutorial-message{flex:1;min-width:0;margin:0;max-height:110px;overflow-y:auto}#ui.play-ui.has-guide footer .inks,#ui.play-ui.has-guide footer .actions{flex:none}}