/* A storybook playroom: approved rose, paper, plum and teal. */
*{box-sizing:border-box}html{scroll-behavior:smooth}body.playroom{margin:0;color:#493448;background:#fbeaf1;font:600 17px/1.65 'Nunito',sans-serif}h1,h2,h3{font-family:'Lora','Fraunces',Georgia,serif;line-height:1.2}h1{font-size:clamp(34px,4.6vw,58px);letter-spacing:-.025em;margin:8px 0 18px}h2{font-size:clamp(26px,2.8vw,36px);margin:0 0 24px}h3{font-size:23px;margin:0 0 10px}a{color:inherit}button,select{font:inherit}a,button,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #2f797b;outline-offset:5px}.room{max-width:1440px;margin:auto;background:#fffdf8;min-height:100svh;box-shadow:0 12px 80px #56355912}.room-header{display:flex;align-items:center;gap:32px;padding:18px 4%;border-bottom:1px solid #e6ccda;background:linear-gradient(110deg,#fbeaf1,#fffdf8)}.room-brand{display:flex;width:190px;flex-shrink:0}.room-brand img{width:100%;height:auto}.room-header nav{display:flex;gap:24px;align-items:center}.room-header nav a{min-height:44px;display:flex;align-items:center;text-decoration:none;font-weight:800}.room-language{margin-inline-start:auto;display:flex;gap:8px;align-items:center;min-width:0}.room-language select{max-width:160px;min-height:44px;border:1px solid #d4b9ca;border-radius:12px;padding:6px;background:#fffdf8;color:#493448}.room main{padding:24px 4% 64px}.room-intro{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:6%;padding:36px 0 42px}.room-intro img{width:100%;height:auto;border-radius:20px 70px 20px 20px;box-shadow:0 12px 36px #5635591c}.room-intro p{max-width:48ch;color:#72596b;font-size:20px}.room-eyebrow{font-size:13px!important;text-transform:uppercase;letter-spacing:.13em;color:#a33e6a!important;font-weight:800;margin:0}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.game-card{border:1px solid #e6ccda;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;background:#fffdf8;box-shadow:0 8px 24px #5635590c;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px #56355922}.game-art{position:relative;aspect-ratio:1.12;background:#f9e4ed;overflow:hidden}.game-art:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#3b213ddb)}.game-art img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.game-card:hover .game-art img{transform:scale(1.035)}.game-hockey .game-art{background:radial-gradient(ellipse at 50% 40%,#faf0d7,#dfd5ee)}.game-hockey .game-art img{object-fit:contain;width:70%;height:118%;margin-left:15%;transform:rotate(-12deg);filter:drop-shadow(5px 12px 8px #56355940)}.game-hockey:hover .game-art img{transform:rotate(-9deg) scale(1.025)}.game-logo{position:absolute;z-index:1;bottom:20px;inset-inline:22px;color:#fffbf2;font:700 clamp(24px,2.3vw,34px)/1.15 'Lora',serif;text-shadow:0 3px 8px #24132480;text-wrap:balance}.game-logo small{display:block;font:800 11px/1.5 'Nunito',sans-serif;letter-spacing:.22em;color:#dec391;margin-bottom:5px}.game-card-copy{padding:24px;display:flex;flex-direction:column;flex:1}.game-card-copy p{font-size:16px;line-height:1.6;color:#72596b;margin:0 0 22px}.card-cta{margin-top:auto;background:#a33e6a;color:#fffdf8;font-weight:800;display:flex;justify-content:space-between;align-items:center;min-height:48px;border-radius:12px;padding:10px 18px}.game-hockey .card-cta{background:#2f797b}.game-yatzi .card-cta{background:#643c70}.game-guide{max-width:850px;margin:64px auto 0}.game-guide li{padding:6px 0 10px 8px}.game-guide details{border-bottom:1px solid #e6ccda;padding:14px 0}.game-guide summary{cursor:pointer;min-height:44px;font-weight:800;display:list-item}.game-guide details p{margin:8px 0 18px;color:#72596b}.more-games{margin-top:64px}.game-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 28px;margin-bottom:20px}.game-heading h1{font-size:clamp(28px,3.3vw,42px);margin:0}.back-room{font-weight:800;font-size:15px;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}.game-window{margin-top:20px;border:1px solid #e6ccda;border-radius:20px;overflow:hidden;background:#f6dce3}.game-window iframe{display:block;width:100%;height:900px;border:0;background:#f6dce3}.game-window .frame-hockey{height:clamp(640px,calc(100svh - 190px),1000px)}.expand-game{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:8px 20px;text-decoration:none;font-size:14px;font-weight:800;background:#fffdf8}.language-note{font-size:14px;color:#72596b;margin:16px 0}.room-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;border-top:1px solid #e6ccda;padding:30px 4%;font-size:14px}.room-footer a,.score-entry a{min-height:44px;display:inline-flex;align-items:center;font-weight:800}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html:lang(ar) body,html:lang(ar) h1,html:lang(ar) h2,html:lang(ar) h3,html:lang(ar) .game-logo{font-family:'Noto Naskh Arabic',serif}html:lang(hi) h1,html:lang(hi) h2,html:lang(hi) h3,html:lang(hi) .game-logo{font-family:'Noto Serif Devanagari',serif}html:lang(zh-Hans) h1,html:lang(zh-Hans) h2,html:lang(zh-Hans) h3,html:lang(zh-Hans) .game-logo{font-family:'Noto Serif SC',serif}
@media(max-width:900px){.room-header{gap:20px}.room-brand{width:160px}.game-grid{gap:16px}.game-card-copy{padding:18px}.game-card-copy h3{font-size:21px}.room-intro{gap:30px}.room-intro p{font-size:18px}.game-logo{font-size:25px}}
@media(max-width:650px){.room-header{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 5%}.room-brand{width:150px}.room-header nav{grid-row:2;grid-column:1/-1;justify-content:space-between;gap:18px;border-top:1px solid #e6ccda;padding-top:5px;font-size:15px}.room-language{grid-column:2;grid-row:1;gap:5px}.room-language select{max-width:118px;font-size:14px}.room main{padding:18px 5% 42px}.room-intro{grid-template-columns:1fr;gap:20px;padding:26px 0 36px}.room-intro h1{font-size:38px;max-width:13ch}.room-intro img{max-height:190px;object-fit:cover;border-radius:18px 50px 18px 18px}.room-intro p{margin-bottom:0}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.game-art{aspect-ratio:.9}.game-logo{font-size:23px;inset-inline:13px;bottom:14px}.game-logo small{font-size:9px}.game-card{border-radius:18px}.game-card-copy{padding:14px}.game-card-copy h3{font-size:19px;line-height:1.3}.game-card-copy p{font-size:14px;line-height:1.5}.card-cta{padding:10px;font-size:14px;min-height:48px;gap:8px}.game-guide{margin-top:40px}.game-heading{display:block}.game-heading h1{margin-top:4px}.game-window{border-radius:14px;margin-top:14px}.game-window .frame-hockey{height:max(640px,calc(100svh - 190px))}.more-games{margin-top:40px}.room-footer{padding:22px 5%}}
@media(max-width:360px){.room-brand{width:130px}.room-language img{display:none}.room-intro h1{font-size:34px}.game-logo{font-size:20px}.game-card-copy h3{font-size:18px}.card-cta{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.game-card,.game-art img{transition:none}.game-card:hover,.game-card:hover .game-art img{transform:none}.game-hockey .game-art img,.game-hockey:hover .game-art img{transform:rotate(-12deg)}}
.board-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.board-heading h2{margin:0}.board-heading button{font:800 14px/1.4 'Nunito',sans-serif;border:1px solid #d4b9ca;background:#fffdf8;border-radius:12px;min-height:44px;padding:10px 16px;color:#643c70;cursor:pointer}.board-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.board-filters label{display:grid;gap:8px;font-size:14px;font-weight:800}.board-filters select{min-width:0;max-width:100%;min-height:48px;padding:10px;border:1px solid #d4b9ca;border-radius:12px;background:#fffdf8;color:#493448}.board-note,#board-status{font-size:14px;color:#72596b}.board-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}thead{background:#f9e4ed}th,td{text-align:start;padding:12px;border-bottom:1px solid #e6ccda;font-size:14px}tbody tr:nth-child(-n+3){background:#fff3d9}tbody td:nth-child(3){font-weight:800;color:#a33e6a}#record{font:600 23px/1.4 'Lora',serif}@media(max-width:650px){.board-filters{grid-template-columns:1fr}.board-heading{align-items:flex-start}.board-heading button{max-width:130px}th,td{padding:10px 7px;font-size:13px}}
/* Keep the first playable choices close to the entrance on phones. */
.game-card-copy h3{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:650px){.room-intro img{display:none}.room-intro{padding:26px 0 32px}.room-intro p{font-size:17px}}