/* UI78: an illustrated title screen, with the same choice language on every device. */
body{--entry78-ink:#37464b;--entry78-coral:#f17b6c;--entry78-paper:#fffdf3}
body .game-button{border:3px solid #fffdf5;border-radius:40px;background:linear-gradient(180deg,#fffef9,#f6f5e9);color:var(--entry78-ink);box-shadow:0 3px 0 #6d827d55,0 7px 18px #214e3626;min-height:56px;padding:12px 22px;font-weight:600;text-shadow:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;position:relative}
body .game-button.primary{background:linear-gradient(180deg,#ffe991,#ffdb67);border-color:#fffbe1;color:#3e453f;box-shadow:0 0 0 2px #edbb52,0 4px 0 #9c8d4955,0 8px 20px #214e3626}
body .game-button.google{border:3px solid #fffdf5;border-radius:40px;background:linear-gradient(180deg,#fffef9,#f6f5e9);color:var(--entry78-ink);box-shadow:0 3px 0 #6d827d55,0 7px 18px #214e3626}
body .game-button:hover{transform:translateY(-2px);box-shadow:0 0 0 2px #f18b76,0 5px 0 #6d827d44,0 10px 22px #214e3630}
body .game-button:active{transform:translateY(1px);box-shadow:0 1px 0 #6d827d44}
body .game-button:focus-visible{outline:3px solid #f27668;outline-offset:5px}
body .game-button:disabled{transform:none;opacity:.65}
body .game-button .action-arrow{width:20px;height:20px;margin-inline-start:auto;color:#788b80;flex-shrink:0}
body .game-button>svg:not(.google-mark):not(.action-arrow){color:#78968c;width:24px;height:24px}
body .game-button .ball-icon{width:28px;height:28px;flex-shrink:0;border:2px solid #596968;background:linear-gradient(#f68a75 0 45%,#596968 45% 54%,#fffdf1 54%);box-shadow:inset 0 1px 0 #fff8}
body .game-button .ball-icon::before,body .game-button .ball-icon::after{border-color:#596968}
body .start-button strong{font-family:inherit;font-size:18px;font-weight:700;line-height:1.3}
body .start-button small{font-family:inherit;font-size:11px;font-weight:400;line-height:1.45;color:#67705d;margin-top:3px}
body .edition-button{border:2px solid #fffdf5;border-radius:26px;background:#fffdf3f2;color:var(--entry78-ink);box-shadow:0 2px 0 #6d827d40;padding:9px 15px;min-height:44px}
body .brand img{max-height:100%;object-fit:contain;filter:drop-shadow(0 3px 1px #ffffff55) drop-shadow(0 5px 8px #16485924)}
body .scene-shade{background:linear-gradient(0deg,#123e3466,transparent 38%)}
body .footer{background:transparent}
body .download-button{border:1px solid #ffffffe0;border-radius:24px;background:#ffffffe8;box-shadow:none;color:var(--entry78-ink)}
body .panel{border:3px solid #f58a75;border-radius:28px;background:repeating-linear-gradient(135deg,#fffdf5 0 3px,#faf9f1 3px 5px);box-shadow:inset 0 0 0 3px #fff,0 8px 28px #163b3826}
body .panel h1{color:var(--entry78-ink);font-family:inherit;font-weight:700}
body .input-wrap{border-radius:16px;background:#fffefa;border-color:#cbd8cf}
@media(orientation:landscape){
 body[data-state=home] .entry{width:100%;max-width:none;min-height:100svh;padding:0;display:block}
 body[data-state=home] .brand{position:absolute;left:6vw;top:8vh;width:min(36vw,560px);height:min(24vh,270px);max-width:none;margin:0}
 body[data-state=home] .home-screen{position:absolute;left:50%;bottom:max(100px,12vh);transform:translateX(-50%);width:min(930px,86vw);margin:0}
 body[data-state=home] .home-actions{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:20px;align-items:stretch}
 body[data-state=home] .home-actions .game-button{min-height:62px;border-radius:40px;padding:10px 20px;font-size:16px}
 body[data-state=home] .start-button{grid-column:2;grid-row:1}
 body[data-state=home] .secondary{grid-column:1;grid-row:1}
 body[data-state=home] .google{grid-column:3;grid-row:1}
 body[data-state=home] .start-button strong{font-size:18px}
 body[data-state=home] .start-button small{font-size:11px}
 body[data-state=home] .home-caption{display:none}
 body .landscape{background-size:cover;background-position:center center}
}
@media(orientation:portrait){
 body{min-height:100svh}
 body[data-state=home] .entry{display:block;position:relative;width:100%;max-width:none;min-height:100svh;padding:0;flex:none}
 body[data-state=home] .brand{position:absolute;top:max(72px,9svh);left:50%;transform:translateX(-50%);width:min(68vw,350px);height:auto;max-width:none;margin:0}
 body[data-state=home] .home-screen{position:absolute;left:50%;bottom:max(142px,16svh);transform:translateX(-50%);width:min(88vw,420px);margin:0}
 body[data-state=home] .home-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;align-items:stretch}
 body[data-state=home] .start-button{grid-column:1;grid-row:1}
 body[data-state=home] .secondary{grid-column:2;grid-row:1}
 body[data-state=home] .google{grid-column:1/-1;grid-row:2}
 body[data-state=home] .home-actions .game-button{min-height:58px;padding:10px 14px;gap:8px;font-size:14px;border-radius:34px;justify-content:center}
 body[data-state=home] .start-button strong{font-size:16px}
 body[data-state=home] .start-button small{display:none}
 body[data-state=home] .home-actions .action-arrow{display:none}
 body[data-state=home] .home-caption{display:none}
 body[data-state=home] .footer{position:absolute;bottom:0;left:0;right:0;padding-bottom:max(18px,env(safe-area-inset-bottom));margin:0}
 body .landscape{background-size:cover;background-position:77% center}
 body .landscape::after{display:none}
 body .scene-shade{background:linear-gradient(0deg,#153d39aa,transparent 47%)}
 body .top-bar{padding:12px 14px}
 body .footer-links{font-size:11px}
 body[data-app=true][data-state=home] .home-screen{bottom:max(92px,12svh)}
}
@media(orientation:landscape) and (max-height:520px){
 body[data-state=home] .brand{top:8vh;width:min(33vw,320px);height:28vh}
 body[data-state=home] .home-screen{bottom:62px;width:90vw}
 body[data-state=home] .home-actions{gap:12px}
 body[data-state=home] .home-actions .game-button{min-height:48px;padding:8px 14px;font-size:13px}
 body[data-state=home] .start-button strong{font-size:14px}
 body[data-state=home] .start-button small{font-size:10px}
 body .top-bar{padding:8px 14px}
 body .edition-button{min-height:40px;padding:6px 12px}
}
@media(orientation:portrait) and (max-height:680px){body[data-state=home] .brand{top:68px;width:60vw;max-width:240px}body[data-state=home] .home-screen{bottom:130px}.home-actions{gap:10px!important}}
@media(prefers-reduced-motion:reduce){body .game-button{transition:none}}