/* Exact approved combined artwork, no cropping or substitute character. */
body{background:#e4f1e8}main{max-width:600px;padding:12px}#artBoard{container-type:inline-size;position:relative;isolation:isolate;width:100%;min-height:0;aspect-ratio:941 / 1672;background:#fff url('assets/approved-apricot-mint-background.png') top center/100% auto no-repeat;border-radius:28px;overflow:hidden;padding-bottom:24px}#artBoard>section{position:relative;border:0;box-shadow:none;border-radius:0;background:transparent;margin:0}#familyHost{height:96cqw;max-width:none;padding:0!important;overflow:visible}#motherArtSlot,#cubArtSlot{display:none}#familyHost .host-caption{position:absolute;top:3cqw;left:6%;width:88%;margin:0;padding:14px;background:#fffef5f5;border:3px solid #bad6c8;box-shadow:0 4px 0 #d8e2d5;z-index:2}#captionEn{font-size:clamp(20px,4.8cqw,28px);line-height:1.25;max-width:30ch}#captionJa{font-size:clamp(14px,3.4cqw,19px);line-height:1.4;margin:8px auto 0}#captionHint{position:absolute;top:34cqw;left:9%;width:82%;font-size:13px;background:#fffdf1ed;border-radius:12px;padding:7px;z-index:3}#familyHost .host-controls{position:absolute;bottom:1cqw;left:8%;width:84%;margin:0}#familyHost .host-help{position:absolute;top:100%;right:4%;z-index:5;background:#fffcf1e8;border-radius:12px;padding:0 8px}#familyHost .host-help[open]{max-width:85%;box-shadow:0 2px 12px #0002}#game{display:block!important;padding:0 16px 16px!important}#game[hidden]{display:none!important}.topline{font-size:12px;background:#ffffffe0;border-radius:12px;padding:6px 10px;position:absolute;top:-5cqw;left:10%;right:10%}#game .call{width:53%;margin:0 auto 18px;border:2px solid #e5d4b6;background:#fffffff5;box-shadow:0 4px 0 #e4d3b7;min-height:42cqw;padding:12px 5px}#symbol{font-size:clamp(58px,20cqw,110px);min-height:24cqw;margin:0 auto}#symbol.swatch{width:28cqw;min-height:25cqw;margin:8px auto}#word{font-size:clamp(17px,4.4cqw,25px);margin:6px 0}#drawMachine{width:100%;height:32cqw;margin:0}#drawMachine svg{display:none}#candidatePreview{inset:0 5px 10px;font-size:19cqw}.draw-smoke{inset:0 5px 10px}#repeat{padding:7px 9px;font-size:12px;min-height:36px}#game .actions{padding-top:12px}#game .actions button{min-height:54px}.bingoButtons{margin:16px 0;flex-direction:row!important}.bingoButtons button{font-size:18px;min-width:0;min-height:62px;padding:10px 5px}#game .hint{background:#fffdf2e8;border-radius:12px;padding:6px}#game details{background:#fffdf2e8;border-radius:15px;padding:8px}#setup,#qa,#replayScene,#endScene{padding:15px 18px!important}#setup .modes{margin-top:10px}#setup h2,#qa h2,#replayScene h2,#endScene h2{background:#fffdf3e8;border-radius:15px;padding:9px;text-align:center}#setup>p,#setup>label,#qa>p{background:#fffdf3e8;border-radius:12px;padding:8px}.mode{padding:13px!important;min-height:102px}#qa .stage-label{font-size:16px}#qa #practiceTarget{width:60%;margin:12px auto;background:#fffefa;min-height:36cqw;padding:12px}#qa #practiceTarget strong{font-size:22cqw}#qa .question{background:#edf7f0f5}#qa #choices{background:#fffdf4e8;border-radius:18px}#qa .actions{margin:12px 0}.scene-center{width:60%;margin:15px auto 30px;font-size:clamp(30px,9cqw,55px);min-height:36cqw;padding:25px 8px}.host-help summary{min-height:35px}#options{margin-top:20px}@media(max-width:380px){main{padding:6px}#captionEn{font-size:19px}#captionJa{font-size:13px}.host-controls button{font-size:12px;padding:8px}.mode{min-height:95px}#qa #practiceTarget{width:65%}}@media(orientation:landscape) and (min-width:800px){main{max-width:600px}#familyHost{height:96cqw}#game .call{min-height:42cqw}}
/* Intrinsic art ratio; avoids sizing the board against the browser viewport. */
#artBoard{min-height:0;aspect-ratio:941 / 1672}
#captionDetails{position:relative;margin:0 12px;padding:0 8px;background:#fffdf2ed;border:0;border-radius:12px;z-index:6}#captionDetails summary{min-height:40px;font-size:13px}#captionDetails #captionHint{position:static;top:auto;left:auto;width:auto;padding:8px;font-size:15px;line-height:1.6;text-align:left;margin:0}#captionDetails[open]{box-shadow:0 5px 15px #70513122}#captionDetails{position:absolute;left:3%;right:3%;bottom:-9cqw}#captionEn{word-break:normal;overflow-wrap:break-word}#captionJa{overflow-wrap:anywhere}
#lessonPrepare{background:#fff9e9;border:2px solid #d9c6a3;border-radius:18px;padding:14px;margin:12px 0}#lessonPrepare p{font-size:16px}#lessonPrepare select{margin:6px;min-height:48px}#lessonPrepare button{width:100%;min-height:55px}
header #settings{display:flex;align-items:center;justify-content:center;gap:7px;min-width:85px;min-height:58px;background:#fff4df;border:3px solid #c99c70;border-radius:19px;font-size:15px;color:#624c3e;box-shadow:0 3px 0 #d5ba97}header #settings[hidden]{display:none}#settings svg{width:30px;height:30px;flex-shrink:0}#settingsScreen{padding:22px;background:#fffaf0;border:3px solid #b7d6c2;border-radius:26px}#settingsScreen>button{min-height:60px;width:100%;font-size:20px}#settingsScreen>p{font-size:15px;line-height:1.7}#settingsScreen #options{margin-top:16px;padding:12px;background:#edf5ee;border:0}#settingsScreen #options>summary{display:none}#settingsScreen label{padding:8px 0;align-items:center}#settingsScreen select{min-height:52px}#settingsScreen button{min-height:52px}
#settingsScreen .hint{white-space:pre-line}
.other-question{width:100%;min-height:58px;background:#f6d9b4;border:3px solid #bd966c;border-radius:20px;font-size:20px;margin:14px 0;box-shadow:0 4px 0 #d0b28b}#noOtherQuestion{padding:14px;background:#f2f8ed;border:2px solid #bdd6be;border-radius:18px}#noOtherQuestion button{min-height:54px;margin:5px}#settingsScreen .hint{font-size:15px;line-height:1.6}
#parentHelpEntry{width:100%;min-height:58px;font-size:18px;background:#dcefe5;border:3px solid #b4cdbd;border-radius:20px;margin:12px 0;color:#5d5141}#parentHelp{width:100%;max-width:100%;background:#fff8e8;border:3px solid #b6d3bf;border-radius:26px;padding:18px;overflow-wrap:anywhere}#parentHelp>button{width:100%;min-height:58px;font-size:19px}#parentHelp>h2{font-size:23px;text-align:center;line-height:1.5;color:#79563e}#parentHelp .parent-help-topic{background:#fffdf5;border:2px solid #ead5b4;border-radius:18px;padding:15px;margin:16px 0;box-shadow:none}#parentHelp h3{font-size:19px;margin:0 0 10px;color:#6c8065}#parentHelp ul{padding-left:1.25em;margin:0}#parentHelp li{font-size:16px;line-height:1.8;margin:8px 0}@media(max-width:380px){#parentHelp{padding:12px}#parentHelp .parent-help-topic{padding:12px}#parentHelp>h2{font-size:21px}#parentHelp li{font-size:16px}}
/* Settings reference: live text, radio-like cards, segmented speed and switches. */
#settingsScreen{container-type:inline-size;padding:0;border:0;background:#fffdf6;box-shadow:none;border-radius:26px;overflow:hidden}#settingsScreen .settings-art-header{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:29cqw;padding:10px 8px;background:radial-gradient(circle at 38% 12%,#fbbb7466 0 5px,transparent 6px),radial-gradient(circle at 61% 7%,#83d6b766 0 4px,transparent 5px),#fffefa}#settingsScreen .settings-art-header .settings-back{justify-self:start;background:#fffdf4;border:3px solid #58b89f;border-radius:32px;padding:10px 13px;color:#463329;font-weight:850;min-height:54px;font-size:clamp(15px,3.8cqw,21px);box-shadow:0 3px 0 #d6e9df}#settingsScreen .settings-art-header h2{font-size:clamp(26px,6.5cqw,39px);white-space:nowrap;color:#482e24;margin:0;text-align:center;font-weight:900}.settings-bear{position:relative;width:100%;height:26cqw;max-height:155px;background:url('assets/approved-apricot-mint-background.png') no-repeat;background-size:64cqw auto;background-position:-10.7cqw -28cqw}.settings-bear svg{position:absolute;right:0;top:0;width:10cqw;height:10cqw;max-width:55px;max-height:55px}#settingsScreen .settings-mint-frame{position:relative;border:4px solid #5dbba0;outline:2px solid #fffcf2;outline-offset:-8px;border-radius:34px;padding:20px 14px 14px;background:#fffdf0;margin:0 5px;box-shadow:inset 0 0 0 10px #eaf7ed}#settingsScreen .settings-mint-frame>section{border:0;box-shadow:none;background:none;padding:0;margin:0 0 20px}#settingsScreen h3{font-size:clamp(22px,5.6cqw,31px);font-weight:900;text-align:center;color:#4d3429;line-height:1.4;margin:0 0 17px}.settings-choice-card{display:flex;align-items:center;gap:12px;width:100%;padding:15px 11px;min-height:105px;margin:12px 0;border:4px solid #d8d0c0;border-radius:26px;background:#fffdf7;color:#51362a;text-align:left;box-shadow:none}.settings-choice-card.is-selected{border-color:#f8ac59;background:#fff5df;box-shadow:inset 0 0 0 3px #fffdf4}.choice-mark{display:flex;align-items:center;justify-content:center;width:49px;height:49px;flex-shrink:0;border:4px solid #a7a196;border-radius:50%;background:white;color:white;font-size:34px;line-height:1}.is-selected .choice-mark{border-color:#4bbfa1;background:#23b99b;box-shadow:0 0 0 4px #d5eee1}.choice-words{display:block;flex:1;min-width:0}.choice-words strong{display:block;font-size:clamp(18px,4.7cqw,27px);line-height:1.45;font-weight:900;overflow-wrap:anywhere}.choice-words small{display:block;font-size:clamp(14px,3.6cqw,19px);line-height:1.5;color:#826c53;margin-top:4px}.choice-book{display:block;flex:0 0 44px;width:44px}.choice-book svg{width:100%;height:auto}#settingsScreen .settings-scope-group>.hint{font-size:14px;line-height:1.6;margin:8px}#settingsScreen .settings-mint-frame>.settings-sound-group{border:3px solid #ddd1b9;border-radius:25px;padding:15px 10px 10px;margin-top:28px;background:#fff9e8}#settingsScreen .settings-sound-group h3{font-size:clamp(23px,5.8cqw,32px);margin-top:-36px;background:#eaf5e8;border-radius:30px;display:table;padding:5px 15px;margin-left:auto;margin-right:auto}.settings-sound-row{display:flex;align-items:center;gap:11px;padding:12px 10px;margin:10px 0;border:3px solid #f5ead0;border-radius:23px;background:white;min-height:79px}.sound-row-icon{font-size:35px;color:#28ad8c;font-weight:900;min-width:40px;text-align:center}.settings-sound-row>strong{font-size:clamp(21px,5.3cqw,29px);color:#49352a}.settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-left:auto;border:3px solid #b5baa9;background:#d6dacc;color:white;min-height:50px;min-width:108px;padding:5px 8px 5px 14px;font-size:23px;font-weight:900;border-radius:35px;box-shadow:none}.settings-toggle:after{content:'';display:block;width:34px;height:34px;border:2px solid #e6eee5;border-radius:50%;background:#fffefa}.settings-toggle.is-on{background:#27b69a;border-color:#64ccb0}.settings-speed-row{flex-wrap:wrap}.settings-speed-segments{display:flex;width:100%;gap:5px;flex-wrap:nowrap}.settings-speed-segments button{flex:1;min-width:0;padding:10px 4px;border:3px solid #5fc9ac;background:white;border-radius:22px;color:#4e392e;font-size:clamp(17px,4.2cqw,23px);font-weight:900;box-shadow:none}.settings-speed-segments button.is-selected{background:#29b89b;color:white}#settingsScreen .settings-advanced{background:#f2f6ec;border:0;border-radius:17px;padding:9px;margin:14px 0}#settingsScreen .settings-advanced summary{font-size:15px;min-height:44px}#settingsScreen #parentHelpEntry{font-size:17px;min-height:56px;margin-bottom:3px}.settings-art-footer{position:relative;display:flex;align-items:center;justify-content:center;min-height:29cqw;padding:20px 15% 25px}.settings-play{position:relative;z-index:1;width:100%;min-height:76px;padding:12px;border:4px solid #6d4631;border-radius:45px;background:linear-gradient(#ffc584,#f8aa59);box-shadow:inset 0 0 0 4px #ffdda5,0 5px 0 #e1c5a3;color:#fffdf5;text-shadow:1px 2px #8e6243;font-size:clamp(25px,6.3cqw,36px);font-weight:900}.settings-cub{position:absolute;bottom:0;width:18cqw;height:23cqw;background-image:url('assets/approved-apricot-mint-background.png');background-repeat:no-repeat;background-size:65cqw auto;pointer-events:none}.settings-cub-left{left:0;background-position:0 -65cqw}.settings-cub-right{right:0;background-position:-48.4cqw -67cqw}#settingsScreen .settings-mint-frame>p{font-size:14px;line-height:1.7;background:#fffdf6;border-radius:15px;padding:10px}@media(max-width:380px){#settingsScreen .settings-mint-frame{padding:19px 10px 10px}.settings-choice-card{gap:9px;padding:12px 8px;min-height:98px}.choice-mark{width:40px;height:40px;font-size:28px}.choice-book{flex-basis:33px;width:33px}.settings-toggle{min-width:90px;min-height:47px;font-size:20px;padding-left:10px}.settings-toggle:after{width:29px;height:29px}.settings-sound-row{gap:7px;padding:10px 7px}.sound-row-icon{min-width:28px;font-size:29px}.settings-play{min-height:68px}.settings-art-footer{padding-left:12%;padding-right:12%}}
.settings-play:hover{background:linear-gradient(#ffcc94,#f6ad67)}.settings-choice-card:hover{background:#fff8e9}.settings-choice-card.is-selected:hover{background:#fff2d6}
/* Delivered transparent frame effects; each plays once, without a tinted GIF background. */
.game-effect{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:12}.game-effect-win-confetti{inset:0;width:100%;height:100%}.game-effect-tap-sparkle{inset:50% auto auto 50%;width:96px;height:96px;transform:translate(-50%,-50%)}button{position:relative}#drawMachine.puffing .draw-smoke{display:none}#artBoard{position:relative}
#participantPanel{width:100%;padding:14px;border:3px solid #624c3e;border-radius:22px;background:#fff4dc;margin-top:14px;box-sizing:border-box}#participantPanel h2{font-size:20px;margin:0 0 8px}.participant-list{display:flex;flex-wrap:wrap;gap:8px}.participant-card{flex:1 1 140px;min-width:0;background:#d9eee4;border-radius:15px;padding:10px}.participant-card p{font-size:15px;overflow-wrap:anywhere}.participant-card button{width:100%;min-height:48px}#queuedStart{min-height:48px}
#playerCountSetting{width:100%;min-width:0;box-sizing:border-box;padding:12px}.player-count-stepper{display:grid;grid-template-columns:minmax(52px,1fr) minmax(64px,1fr) minmax(52px,1fr);gap:12px;align-items:center}.player-count-stepper button{min-width:0;min-height:56px;font-size:30px;border-radius:18px}.player-count-stepper output{text-align:center;font-size:28px;font-weight:800}.participant-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}.participant-card{box-sizing:border-box}.participant-card button{min-width:0;font-size:17px;white-space:normal;overflow-wrap:anywhere}#playerCountSetting .hint{overflow-wrap:anywhere}