@font-face{font-family:Inter;src:url(./inter-latin-400-normal-C38fXH4l.woff2)}@font-face{font-family:Inter;src:url(./inter-latin-600-normal-LgqL8muc.woff2);font-weight:600}@font-face{font-family:Poppins;src:url(./poppins-latin-600-normal-zEkxB9Mr.woff2);font-weight:600}:root{font-family:Inter,sans-serif;color:#2f2f2f;background:#fefdfc;font-synthesis:none;--blue:#dceaf4;--ink:#395569;--line:#cedde7;--green:#deecdf;--yellow:#f8f3cf;--purple:#e7dff3}*{box-sizing:border-box}body{margin:0}#app{width:min(1440px,calc(100% - 48px));height:100dvh;min-height:540px;margin:auto;padding:18px 0 12px;display:flex;flex-direction:column;gap:16px}button,select{font:600 16px Inter,sans-serif;min-height:46px}button{border:1px solid var(--line);border-radius:12px;padding:10px 18px;background:#fff;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover:not(:disabled){background:#eef4f8;border-color:#7ea8c9}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible{outline:3px solid #395f8a;outline-offset:4px}button svg{width:23px;height:23px;flex-shrink:0}header,.header-actions,.setup,.settings,footer,.round-info,.dialog-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;font:600 clamp(21px,2vw,29px) Poppins,sans-serif;color:#7e9fc3}.brand img{width:42px;height:42px}#sound{width:142px}#print{background:#eef5ef}main{flex:1;min-height:0;display:flex;flex-direction:column;gap:15px}h1{font:600 clamp(25px,2.6vw,38px)/1.25 Poppins,sans-serif;margin:0 0 5px}p{line-height:1.5;margin:0}.intro p{font-size:16px;color:#536773}.settings{gap:14px;align-items:end}.settings label{font-size:14px;font-weight:600;color:#536773;display:grid;gap:5px}select{height:46px;width:190px}#case{width:116px}.game{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 310px;background:#fefcf5;border:1px solid #e8e3d7;border-radius:26px;padding:24px;gap:28px;box-shadow:0 8px 25px #57472106}.caller{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;justify-items:center;gap:12px;min-height:0}.read-band{display:grid;grid-template-columns:repeat(4,1fr);width:min(360px,75%);gap:8px}.read-band span{font:600 28px Poppins;text-align:center;border-radius:10px;padding:2px;background:var(--blue)}.read-band span:nth-child(2){background:var(--green)}.read-band span:nth-child(3){background:var(--yellow)}.read-band span:nth-child(4){background:var(--purple)}.display{align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:0;width:100%;container-type:size}.letter{font:600 clamp(100px,65cqh,280px)/1 Poppins}.listen-icon{height:65%;max-height:210px;min-height:80px;color:#5c82a4}.listen-icon svg{height:100%;width:auto;aspect-ratio:1;overflow:visible}#message{color:var(--ink);text-align:center;min-height:24px}.call-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.primary{background:var(--blue);border-color:#afc8da;min-width:190px;box-shadow:0 3px #bacddd}.call-actions button{min-height:52px}aside{border-left:1px solid #dedfd8;padding-left:24px;display:flex;flex-direction:column;gap:18px}.round-info{gap:10px;align-items:center}#count{font-size:14px;font-weight:600;white-space:nowrap}.round-info button{font-size:14px;padding-inline:12px}#reveal{background:#fff}#history:not([hidden]){display:grid;grid-template-columns:repeat(5,1fr);gap:8px}#history>span{font:600 24px Poppins;text-align:center;border:1px solid #cadbd0;background:#eef5ef;border-radius:9px;padding:3px}#history p{grid-column:1/-1}#check-hint{font-size:14px;color:#536773}footer{font-size:14px;color:#536773}footer strong{font-weight:600;white-space:nowrap}dialog{border:1px solid var(--line);border-radius:20px;max-width:500px;padding:28px;color:var(--ink)}dialog::backdrop{background:#29415b55}dialog h2{font:600 24px Poppins;margin:0}dialog p{margin:18px 0}dialog a{display:block;padding:16px;margin-top:12px;background:#eef4f8;border:1px solid var(--line);border-radius:10px;color:var(--ink);font-weight:600;text-decoration:none}@media(max-height:700px){#app{padding-top:10px;gap:10px}main{gap:10px}.game{padding:16px;gap:20px}.caller{gap:7px}.read-band span{font-size:24px}.call-actions button{min-height:46px}aside{gap:12px}#history:not([hidden]){gap:5px}#history>span{font-size:22px;padding:1px}}@media(max-width:900px){#app{width:calc(100% - 32px)}.game{grid-template-columns:minmax(0,1fr) 240px;gap:18px}aside{padding-left:18px}.round-info{flex-wrap:wrap;gap:8px}.settings{gap:10px}select{width:177px}#case{width:95px}.intro p{max-width:310px}.call-actions{gap:8px}.call-actions button{padding-inline:12px}.primary{min-width:155px}.brand{font-size:23px}#history:not([hidden]){grid-template-columns:repeat(4,1fr)}}@media(max-width:650px){#app{height:auto;min-height:100dvh}header{flex-wrap:wrap}.setup{flex-wrap:wrap}.game{grid-template-columns:1fr}.display{height:220px}aside{border-left:0;border-top:1px solid #dedfd8;padding:18px 0 0}.round-info{flex-wrap:nowrap}#history:not([hidden]){grid-template-columns:repeat(7,1fr)}footer{align-items:start;gap:15px}}#sound{width:148px;flex-shrink:0;padding-inline:12px;white-space:nowrap;height:46px}.game{grid-template-rows:minmax(0,1fr)}aside{min-height:0}@media(max-height:700px){#history:not([hidden]){grid-template-columns:repeat(7,1fr);gap:5px}#history>span{font-size:20px;line-height:1.2;padding:3px 0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}[hidden]{display:none!important}.draw-scene{position:relative;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;gap:4%;overflow:hidden}.draw-bag{width:43%;max-height:92%;object-fit:contain;align-self:center}.draw-card{flex:none;width:43%;height:85%;max-height:440px;border:2px solid #afc8da;background:#fff;border-radius:22px;box-shadow:0 7px #c3d5e2;container-type:size;align-self:center}.draw-card .letter{font-size:clamp(70px,70cqh,220px);max-width:100%}.draw-card .listen-icon{height:48%;min-height:50px}#welcome h2{font:600 20px Poppins;margin:0 0 12px;color:#395569}#welcome ol{padding-left:22px;margin:0;display:grid;gap:14px;color:#395569;font-size:15px;line-height:1.45}#welcome li::marker{font-weight:600;color:#527b9c}.text-button{display:inline;min-height:0;padding:0;border:0;border-radius:2px;font:600 15px Inter;color:#365e86;background:none;text-decoration:underline;text-underline-offset:3px}.winning-lines{display:flex;justify-content:space-around;gap:14px;margin-top:18px}.winning-lines figure{margin:0;text-align:center}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;width:58px;height:58px;background:#dceaf4;padding:3px;border-radius:4px}.mini-grid i{background:#fff;border-radius:2px}.mini-grid .covered{background:#7faf8c;border-radius:50%}.winning-lines figcaption{font:400 12px Inter;color:#536773;margin-top:5px}#help-dialog{max-width:700px;max-height:90dvh}.help-content h3{font:600 17px Poppins;margin:22px 0 8px}.help-content p{margin:0;font-size:16px}.help-content .winning-lines{justify-content:start;gap:35px;margin:10px 0 16px}.help-content .mini-grid{width:65px;height:65px}@media(max-height:700px){#welcome h2{font-size:18px;margin-bottom:8px}#welcome ol{font-size:14px;gap:10px}.text-button{font-size:14px}.winning-lines{margin-top:12px}.mini-grid{width:48px;height:48px}.draw-card{height:80%;border-radius:16px}}@media(max-width:900px){.header-actions{gap:8px}.header-actions button{padding-inline:10px}#welcome ol{font-size:14px;gap:12px}.winning-lines{gap:5px}.draw-scene{flex-direction:column;gap:0}.draw-bag{position:absolute;width:80%;height:48%;bottom:2%;max-height:unset}.draw-card{position:absolute;width:74%;height:47%;top:3%;z-index:1}.draw-card .letter{font-size:clamp(65px,65cqh,180px)}}@media(max-width:650px){.draw-scene{height:340px;min-height:340px}#welcome{max-width:440px}.header-actions{flex-wrap:wrap}}.sound-choice{display:inline-flex;align-items:center;justify-content:center;gap:.14em;white-space:nowrap;font-family:Poppins,sans-serif;font-weight:600;line-height:1}.sound-choice strong{font:inherit}.sound-choice small{font:600 .34em Inter,sans-serif;align-self:center}.draw-card .letter.combined{font-size:clamp(42px,32cqh,105px)}#history>span.combined{display:flex;align-items:center;justify-content:center;font-size:18px;padding-inline:0}@media(max-height:700px){#history>span.combined{font-size:16px}}select{appearance:none!important;background-color:#f4f8fb!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23516f86' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 13px center!important;border:1.5px solid #afc8da!important;border-radius:12px!important;padding-inline:15px 38px!important;color:#36566f!important;box-shadow:0 2px #dce7ef;font:600 16px Inter,sans-serif!important;cursor:pointer;transition:border-color .15s,background-color .15s}select:hover{border-color:#6e9bbd!important;background-color:#eaf2f8!important}select:focus-visible{outline:3px solid #385d86;outline-offset:3px}@supports (appearance:base-select){select,select::picker(select){appearance:base-select!important}select{background-image:none!important;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-inline:14px!important}select::picker-icon{content:"";width:8px;height:8px;border-right:2px solid #516f86;border-bottom:2px solid #516f86;transform:rotate(45deg);margin:0 3px 4px 8px;flex-shrink:0;transition:transform .15s}select:open::picker-icon{transform:rotate(225deg);margin-bottom:-3px}select::picker(select){margin-top:7px;padding:6px;border:1px solid #bfd1df;border-radius:14px;background:#fefdfc;box-shadow:0 10px 25px #294e6926;min-width:anchor-size(width);max-height:320px;overflow:auto;color:#36566f;font:600 16px Inter,sans-serif}select option{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 13px;border-radius:8px;background:transparent;color:#36566f}select option:hover,select option:focus{background:#eef4f8;outline:none}select option:checked{background:#dceaf4;color:#294c68}select option::checkmark{color:#527b9c;order:2;margin-left:auto}}@media(prefers-reduced-motion:reduce){select,select::picker-icon{transition:none}}:root{--game-control-height:48px;--game-control-ink:#36566f;--game-control-border:#afc8da}.game-ui-button{box-sizing:border-box!important;display:inline-flex!important;align-items:center;justify-content:center;gap:7px;height:var(--game-control-height)!important;min-height:var(--game-control-height)!important;padding:0 16px!important;border:1.5px solid var(--game-control-border)!important;border-radius:12px!important;background:#fefdfc!important;color:var(--game-control-ink)!important;font:600 16px Inter,sans-serif!important;line-height:1.2!important;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:none!important}.game-ui-button:hover:not(:disabled){background:#eef4f8!important;border-color:#7ea8c9!important}.game-ui-button:focus-visible{outline:3px solid #385d86;outline-offset:3px}.game-ui-button:disabled{opacity:.5;cursor:default}#sound.game-ui-button{width:150px!important;min-width:150px!important;flex:0 0 150px!important}#print.game-ui-button{width:84px!important;min-width:84px!important;flex:0 0 84px!important;background:#eef5ef!important}#print.game-ui-button:hover{background:#deecdf!important}#sound .control-speaker{display:block;width:24px!important;height:24px!important;flex:0 0 24px;overflow:visible}.finish .game-ui-button,.game-ui-button.primary{background:#dceaf4!important}select{box-sizing:border-box;height:var(--game-control-height)!important;min-height:var(--game-control-height)!important;line-height:1.2!important}