@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'Noto Sans KR',system-ui,sans-serif;color:#25392d;background:#f6f4ec;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{max-width:1100px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:26px 32px;border-bottom:1px solid #dedfd3}a{color:inherit;text-decoration:none}header a{font-size:22px;font-weight:900;letter-spacing:-1px}.brand-icon{display:inline-grid;place-items:center;background:#2c553e;color:#eee9a8;width:33px;height:33px;border-radius:10px;margin-right:9px}.brand-dot{color:#ea7950}.edition{font-size:12px;color:#778273}main{max-width:1000px;margin:auto;min-height:calc(100svh - 185px);padding:58px 28px 42px}footer{max-width:1100px;margin:auto;border-top:1px solid #dedfd3;padding:24px 32px;display:flex;justify-content:space-between;font-size:11px;color:#778273}.home{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.eyebrow{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:700;letter-spacing:1px}.pill{background:#e3e9d8;border-radius:6px;padding:5px 9px;letter-spacing:0}h1{font-size:49px;line-height:1.3;letter-spacing:-2.6px;margin:23px 0 18px}h1 em{font-style:normal;color:#558252}.intro{font-size:15px;line-height:1.9;color:#74806f}.stats{display:flex;gap:28px;margin:28px 0}.stats strong{display:block;font-size:23px}.stats span{font-size:11px;color:#7b8473}.primary,.secondary,.option{font:inherit;cursor:pointer;border-radius:13px;min-height:54px}.primary{border:0;background:#2c553e;color:white;font-weight:700;padding:17px 24px;width:100%;box-shadow:0 4px 0 #1c3d29}.primary:hover{background:#3d6d4e}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #1c3d29}.primary .arrow{float:right}.hint{font-size:11px;text-align:center;color:#7c8276;margin-top:17px}.board-wrap{background:#e9eddf;border:1px solid #d4dcc9;border-radius:28px;padding:25px;transform:rotate(2deg);position:relative}.board-head{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin:0 0 18px}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tile{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#fffdf7;border:1px solid #dbe0d0;border-radius:16px;font-size:48px;box-shadow:0 3px 0 #d8dfcb;position:relative}.tile small{position:absolute;top:7px;left:10px;font-size:10px;color:#949e89}.board-foot{text-align:center;font-size:12px;color:#68795d;margin-top:20px}.sticker{position:absolute;right:-17px;bottom:-17px;transform:rotate(-9deg);background:#edbd67;padding:12px 18px;border-radius:10px;font-size:13px;font-weight:800;box-shadow:0 3px 0 #dba652}.how{margin-top:52px;padding-top:23px;border-top:1px solid #dedfd3;display:flex;gap:25px;justify-content:space-between;color:#778273;font-size:12px}.how b{display:inline-grid;place-items:center;border:1px solid #cbd3bf;border-radius:50%;width:23px;height:23px;margin-right:7px;color:#42603a}.play{max-width:480px;margin:auto}.topline{display:flex;justify-content:space-between;align-items:center;color:#718268;font-size:12px}.text-btn{border:0;background:none;color:#718268;font:inherit;cursor:pointer;padding:10px}.play h1{font-size:31px;letter-spacing:-1.5px;text-align:center;margin:22px 0 10px}.sub{text-align:center;color:#778273;font-size:13px;line-height:1.8}.timer{font-size:24px;font-weight:800;text-align:center;margin:15px}.meter{height:7px;background:#dde3d2;border-radius:8px;overflow:hidden;margin:18px 0 24px}.meter span{display:block;height:100%;background:#5f8455;transition:width .1s linear}.play .tile{font-size:51.6px}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.option{background:#fffdf7;border:1px solid #d4ddc8;padding:16px 10px;color:#314a36;font-weight:600}.option:hover{border-color:#57764a;background:#edf1e4}.option.selected{border:2px solid #2c553e;background:#e1ead5}.option .emoji{display:block;font-size:38.4px;margin-bottom:7px}.secondary{width:100%;border:1px solid #c4cfbb;background:transparent;color:#365437;margin-top:14px;padding:15px;font-weight:600}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #e99b4d;outline-offset:4px}.result{text-align:center}.medal{font-size:66px;margin:15px}.score{font-size:74px;font-weight:900;letter-spacing:-4px;margin:12px 0}.score small{font-size:18px;letter-spacing:0}.result-card{padding:24px;background:#e9eddf;border:1px solid #d4dcc9;border-radius:22px;margin:23px 0}.result-stats{display:flex;justify-content:space-around;border-top:1px solid #d1dbc4;padding-top:17px;font-size:12px;color:#718268}.result-stats strong{display:block;font-size:20px;color:#314a36;margin:5px}.notice{background:#f0e5c8;border-radius:12px;padding:12px 16px;font-size:13px;line-height:1.7;margin-bottom:20px}.share-box{margin-top:15px}textarea{width:100%;height:100px;padding:12px;font:inherit;font-size:12px;border:1px solid #ccd4c0;border-radius:10px}.review{margin:24px 0;text-align:left}.review summary{cursor:pointer;font-size:13px}.review p{font-size:12px;line-height:1.8;border-bottom:1px solid #dedfd3;padding-bottom:10px}@media(max-width:700px){header{padding:20px}.edition{font-size:10px}header a{font-size:19px}main{padding:28px 23px 35px}.home{display:flex;flex-direction:column;gap:29px}.home-copy{width:100%}h1{font-size:37px;margin:17px 0 12px}.intro{font-size:13px}.stats{margin:18px 0;gap:35px}.home .board-wrap{width:100%;max-width:335px;padding:18px;order:2}.home .tile{font-size:36px;border-radius:12px}.home .board{gap:8px}.board-foot{margin-top:13px}.board-head{margin-bottom:12px}.sticker{right:-8px;bottom:-10px;font-size:11px}.how{margin-top:38px;gap:12px;font-size:10px}.how b{display:block;margin-bottom:7px}footer{padding:20px 23px;font-size:10px}footer span{display:none}.play h1{font-size:28px}.play .tile{font-size:45.6px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.game-hub h1{font-size:40px}.game-list{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.game-card{text-align:left;font:inherit;color:inherit;position:relative;border:1px solid #d4dcc9;background:#e9eddf;border-radius:22px;padding:24px}.game-card:is(button){cursor:pointer}.game-card:is(button):hover{background:#e1e8d6;border-color:#558252}.game-card h2{margin:18px 0 8px;font-size:24px}.game-card p{font-size:14px;line-height:1.7}.game-card strong{display:block;margin-top:20px;color:#2c553e}.game-meta{font-size:13px;color:#68795d}.game-symbol{float:right;font-size:40px}.coming{background:#efefe7;color:#7c8476}.odd-board{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:10px;margin:24px 0}.odd-tile{position:relative;aspect-ratio:1;min-width:0;border:1px solid #d4dcc9;border-radius:15px;background:#fffdf7;font-size:48px;cursor:pointer;display:grid;place-items:center;padding:0}.odd-tile:disabled{opacity:1;cursor:default}.odd-tile.right{border:3px solid #2c553e;background:#e1ead5}.odd-tile.right:after{content:'✓';position:absolute;right:3px;top:0;font-size:19px;color:#2c553e}.odd-tile.wrong{border:3px solid #b75d42;background:#f7e4da}.odd-tile.wrong:after{content:'✕';position:absolute;right:3px;top:0;font-size:17px;color:#9b4128}.odd-feedback{min-height:48px;font-size:15px;line-height:1.6;text-align:center}@media(max-width:700px){.game-list{grid-template-columns:1fr;gap:14px}.game-hub h1{font-size:33px}.game-card{padding:22px}.odd-board{gap:8px}.odd-tile{font-size:40px}}@media(max-width:360px){.odd-tile{font-size:34px}.odd-board{gap:6px}}

/* Keep 20-picture rounds at four columns and five rows on phones. */
.odd-tile{overflow:hidden}.odd-tile>span{line-height:1.25}@media(max-width:360px){.odd-tile{font-size:40px}}
.reaction-screen{position:fixed;inset:0;z-index:10;background:#e8dfca;color:#25392d}.reaction-screen.go{background:#2c553e;color:#fffdf7}.reaction-screen.early{background:#f2d9ce}.reaction-screen.measured{background:#e9eddf}.reaction-touch{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;gap:24px}.reaction-touch strong{font-size:clamp(42px,9vw,76px);letter-spacing:-2px;line-height:1.3}.reaction-count{font-size:16px}.reaction-help{font-size:17px;line-height:1.8;text-align:center}.reaction-foot{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));font-size:12px;text-align:center;padding:0 20px}.reaction-exit{position:absolute;top:max(16px,env(safe-area-inset-top));right:16px;z-index:2;color:inherit!important;border:1px solid currentColor!important;border-radius:10px}.reaction-records{display:flex;justify-content:space-between;gap:8px;margin:24px 0}.reaction-records>div{flex:1;border:1px solid #d4dcc9;border-radius:10px;padding:12px 3px}.reaction-records span{display:block;color:#68795d;font-size:12px;margin-bottom:6px}.reaction-records strong{font-size:13px}

.reaction-screen.go{background:#ffe500;color:#15251c}.reaction-screen.countdown .reaction-touch strong{font-size:clamp(120px,32vw,240px);line-height:1}.reaction-screen.go .reaction-touch strong{font-size:clamp(96px,25vw,200px);line-height:1.1}

.service-home{max-width:960px;margin:auto}.recommendation{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#e9eddf;border:1px solid #d4dcc9;border-radius:26px;padding:32px 36px}.recommendation .eyebrow{font-size:16px;margin:0 0 14px}.recommendation h1{font-size:42px;margin:0 0 14px;letter-spacing:-1.8px}.recommend-description{font-size:17px;line-height:1.7;margin:0 0 24px}.recommend-start{font-size:18px;max-width:330px;min-height:58px}.recommend-start span{float:right}.recommend-copy{flex:1;min-width:0}.recommend-icon{font-size:110px;line-height:1.3;padding:12px}.games-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:28px 0 16px}.games-heading h2{font-size:22px;margin:0}.games-heading>span{font-size:14px;color:#68795d}.available-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-card{background:#fffdf7;padding:22px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;width:100%;min-width:0}.service-card-icon{font-size:40px}.game-number{font-size:12px;color:#68795d}.service-card h3{font-size:22px;margin:6px 0 8px}.service-card p{font-size:15px;line-height:1.7;margin:0 0 10px}.service-card .game-meta{font-size:14px}.card-play{font-size:16px;font-weight:700;margin-top:auto;color:#2c553e}.random-start{font-size:18px;min-height:58px;margin-top:22px;background:#f0ecd9}.coming-note{font-size:13px;color:#778273;text-align:center;margin:26px 0 0;line-height:1.8}.coming-note span{margin-left:8px}@media(max-width:700px){.recommendation{padding:24px 22px;gap:12px}.recommendation h1{font-size:32px}.recommendation .eyebrow{font-size:15px}.recommend-description{font-size:16px}.recommend-icon{font-size:56px;position:absolute;right:20px;top:14px;padding:0}.recommendation .eyebrow{padding-right:64px}.recommendation h1{margin-top:22px}.recommend-start{max-width:none}.games-heading{margin-top:24px}.games-heading>span{font-size:12px}.available-games{grid-template-columns:1fr;gap:12px}.service-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px}.service-card-icon{font-size:34px}.service-card h3{font-size:20px;margin:0 0 5px}.service-card p,.game-number{display:none}.service-card .game-meta{font-size:14px}.card-play{margin:0;font-size:14px}.random-start{margin-top:16px}.coming-note{margin-top:22px}}
.available-games{grid-template-columns:repeat(2,minmax(0,1fr))}.other-games{margin-top:30px;padding-top:24px;border-top:1px solid #d4dcc9}.other-games h2{font-size:21px;text-align:left}.other-game-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.other-game{margin:0;padding:18px 10px;display:flex;flex-direction:column;gap:10px;align-items:center;background:#e9eddf}.other-game>span:first-child{font-size:30px}.other-game strong{font-size:16px}.other-game>span:last-child{font-size:13px}.sequence-display{height:145px;display:grid;place-items:center;font-size:64px;font-weight:800;background:#e9eddf;border-radius:20px;margin:20px 0}.sequence-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.sequence-key{font:inherit;font-size:34px;font-weight:700;min-height:78px;border:1px solid #cbd5bf;border-radius:15px;background:#fffdf7;color:#2c553e;cursor:pointer}.sequence-key:active{background:#e1ead5}.sequence-answer{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:25px 0}.sequence-answer span{display:grid;place-items:center;width:36px;height:46px;background:#e9eddf;border-radius:8px;font-size:24px;font-weight:700}.sequence-feedback{font-size:16px;line-height:1.7;min-height:54px;text-align:center}@media(max-width:700px){.available-games{grid-template-columns:1fr}.sequence-display{font-size:58px}.sequence-key{min-height:72px}}

.odd-comparison{margin:0 0 22px;padding:18px;background:#e9eddf;border:1px solid #d4dcc9;border-radius:18px;text-align:center}.odd-comparison h2{font-size:18px;margin:0 0 16px}.odd-compare-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.odd-compare-pair>div{background:#fffdf7;border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:14px}.compare-icon{display:block;font-size:72px;line-height:1.4}.odd-comparison p{font-size:15px;line-height:1.7;margin:16px 0 0}

.odd-detail-dialog{position:fixed;inset:0;margin:auto;width:calc(100% - 32px);max-width:360px;max-height:calc(100dvh - 24px);overflow:auto;border:1px solid #d4dcc9;border-radius:22px;background:#f6f4ec;color:#25392d;padding:22px;text-align:center;font:inherit;box-shadow:0 18px 60px #15261f30}.odd-detail-dialog::backdrop{background:rgba(18,32,24,.45)}.odd-detail-dialog h2{font-size:22px;margin:0 0 16px}.odd-detail-dialog .compare-icon{font-size:64px;line-height:1.2}.odd-detail-dialog .odd-compare-pair>div{gap:8px;padding:10px}.odd-detail-dialog p{font-size:16px;line-height:1.6;margin:16px 0;overflow-wrap:anywhere}.odd-detail-dialog .primary{min-height:48px;padding:12px 18px}.odd-detail-dialog .text-btn{margin-top:5px;min-height:44px}@media(max-height:500px){.odd-detail-dialog{padding:12px 18px}.odd-detail-dialog h2{font-size:19px;margin-bottom:8px}.odd-detail-dialog .compare-icon{font-size:46px}.odd-detail-dialog p{margin:8px 0;font-size:14px}.odd-detail-dialog .odd-compare-pair>div{padding:6px;gap:4px}}
/* Warm play-club design system */
:root{--ink:#283e32;--accent:#35624a;--tint:#e8efdf;--paper:#fffdf6;--line:#dedfd0;--shadow:0 12px 32px rgba(61,65,42,.07)}body{background:#f7f3e9;color:var(--ink)}body[data-game=odd]{--accent:#946147;--tint:#f5e8dc}body[data-game=reaction]{--accent:#836928;--tint:#f5edcf}body[data-game=sequence]{--accent:#647051;--tint:#e9ebdd}header{padding:23px 34px;border-bottom:1px solid #e2dfd2}header a{font-size:25px}.brand-icon{width:40px;height:40px;border-radius:14px;box-shadow:0 4px 0 #d7ddc9}.edition{font-size:13px}main{padding-top:38px;padding-bottom:52px}footer{font-size:12px}.home-welcome{margin:0 0 30px;position:relative}.small-label{display:block;color:#6c7c62;font-size:12px;font-weight:800;letter-spacing:2px}.home-welcome h2{font-size:31px;letter-spacing:-1.3px;line-height:1.5;margin:12px 0}.home-welcome h2 span{color:#c78d54}.home-welcome p{font-size:15px;color:#74806f;margin:0}.recommendation{isolation:isolate;padding:38px 42px;background:linear-gradient(115deg,#e5ecda,#f0f1e3);border:1px solid #d9e0cb;border-radius:32px;box-shadow:var(--shadow);overflow:hidden}.recommendation:after{content:'';position:absolute;width:300px;height:300px;right:-90px;top:-100px;border:1px solid #cfd9c5;border-radius:50%;z-index:-1}.recommendation .eyebrow{display:inline-flex;font-size:14px;background:#fffdf6bd;border:1px solid #dbe1ce;padding:8px 13px;border-radius:30px}.today-dot{width:7px;height:7px;border-radius:50%;background:#799066}.recommendation h1{font-size:46px;letter-spacing:-2px;margin-top:4px}.recommend-description{color:#5a6c54;font-size:17px;max-width:350px}.recommend-visual{width:210px;flex:none;display:flex;flex-direction:column;align-items:center;gap:18px;position:relative;transform:rotate(6deg)}.recommend-icon{position:static;font-size:94px;width:160px;height:160px;display:grid;place-items:center;background:#fffcf1;border:1px solid #fff;box-shadow:0 10px 0 #d5dec7,0 20px 40px #6c795517;border-radius:40px;padding:0}.visual-spark{position:absolute;right:0;top:-20px;font-size:32px;color:#b18b42}.visual-caption{font-size:13px;color:#69795d;background:#f9f6e9;padding:7px 15px;border-radius:20px}.primary{min-height:58px;padding:17px 24px;border-radius:17px;background:var(--accent);font-size:17px;box-shadow:0 5px 0 #213c2d,0 10px 16px #2f4b2820;transition:transform .18s,box-shadow .18s,background .18s}.primary:hover{background:#3e7053;transform:translateY(-2px);box-shadow:0 7px 0 #213c2d,0 12px 20px #2f4b2820}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #213c2d}.secondary{min-height:56px;border-radius:16px;font-size:16px;border-color:#d4dbc8;background:#fffdf6;transition:background .2s,transform .2s}.secondary:hover{background:var(--tint);transform:translateY(-1px)}.text-btn{font-size:14px;min-height:44px}.games-heading{margin-top:34px}.games-heading h2{font-size:24px}.available-games{gap:18px}.service-card{padding:24px;display:grid;grid-template-columns:66px 1fr;gap:20px;background:#fffcf5;border:1px solid #e0dfd1;border-radius:24px;box-shadow:0 5px 0 #ebe7dc;position:relative;transition:transform .2s,box-shadow .2s,border-color .2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 9px 0 #e6e7d8,0 15px 28px #414c3710}.service-card-icon{width:66px;height:70px;display:grid;place-items:center;border-radius:21px;background:#e6eddd;font-size:38px}.service-card[data-home-game=odd] .service-card-icon{background:#f4e1d1}.service-card[data-home-game=reaction] .service-card-icon{background:#f5e9b7}.service-card[data-home-game=sequence] .service-card-icon{background:#e6e7d4}.service-card h3{font-size:22px;letter-spacing:-.6px}.service-card p{font-size:14px;margin-bottom:10px}.game-number{font-size:11px;letter-spacing:1.2px;font-weight:800}.card-play{grid-column:2;font-size:14px;justify-self:start;background:#edf0e4;padding:7px 12px;border-radius:12px}.random-start{border:1px dashed #c6cdb7;background:#efeedf;margin-top:24px;box-shadow:none}.play>.topline{font-size:14px;font-weight:600}.meter{height:8px;background:#e5e7d8}.meter span{background:var(--accent)}.tile,.option,.sequence-key,.odd-tile{border-radius:18px;box-shadow:0 4px 0 #e4e6d8}.option:hover,.sequence-key:active{background:var(--tint)}.sub{font-size:14px;color:#68775f}.play h1{letter-spacing:-1px}.medal{display:grid;place-items:center;width:108px;height:108px;margin:20px auto 18px;background:var(--tint);border:7px solid #fffdf5;border-radius:50%;font-size:58px;box-shadow:0 8px 22px #495b3020}.result h1{font-size:34px;margin-bottom:10px}.result-cheer{font-size:15px;line-height:1.7;color:#738166;margin:0 0 26px}.result-card{position:relative;background:linear-gradient(140deg,#fffcf4,var(--tint));border-radius:28px;border:1px solid #d9dfcd;padding:26px 22px;box-shadow:0 8px 0 #e5e8d8,0 18px 35px #53603e0c;margin-bottom:30px}.score{font-size:86px;letter-spacing:-4px;color:var(--accent);line-height:1.2;margin:14px 0}.score small{font-size:21px}.result-stats{padding-top:20px}.result-stats strong{font-size:23px}.result-stats>div{font-size:13px}.notice{background:#f3ebd5;border:1px solid #e8dcba;padding:16px;font-size:15px}.discover-button{width:100%;margin-top:18px;background:var(--tint);border:1px solid #ccd5bf}.odd-detail-dialog{max-width:390px;border-radius:26px;background:#fffcf3;border:1px solid #e0dfcf;padding:25px;box-shadow:0 24px 80px #233d303d}.odd-detail-dialog::backdrop{background:rgba(24,40,30,.46);backdrop-filter:blur(3px)}.odd-detail-dialog h2{font-size:23px;letter-spacing:-.6px}.odd-compare-pair>div{background:#eff1e5;border:1px solid #e0e5d5;border-radius:17px}.game-picker{max-width:410px}.modal-kicker{font-size:12px;color:#798769;display:block;margin-bottom:10px}.picker-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 12px}.picker-card{font:inherit;cursor:pointer;border:1px solid #dbe1ce;border-radius:20px;background:#f0f2e7;color:#2e4634;padding:18px 8px;display:flex;flex-direction:column;align-items:center;gap:14px}.picker-card:hover{background:#e5ebd8}.picker-icon{font-size:42px}.picker-card strong{font-size:16px}.picker-start{background:#35624a;color:#fffdf6;padding:10px 12px;border-radius:12px;font-size:14px;font-weight:700}.game-picker form{margin:0}.reaction-help{font-size:20px;font-weight:700;padding:14px 22px;border-radius:20px;background:#ffffff55;max-width:520px}.countdown .reaction-help,.go .reaction-help,.measured .reaction-help{animation:gentle-pulse 2.3s ease-in-out infinite}.reaction-screen.go .reaction-help{background:#ffffff80;color:#15251c}.sequence-display{background:var(--tint);border:1px solid #d7deca;box-shadow:inset 0 2px 8px #52613a0c}.service-home,.result{animation:soft-enter .35s ease-out}.odd-detail-dialog[open]{animation:modal-enter .2s ease-out}@keyframes gentle-pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 #ffffff00}50%{opacity:.78;box-shadow:0 0 0 6px #ffffff24}}@keyframes soft-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes modal-enter{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:700px){header{padding:19px 22px}header a{font-size:22px}.edition{font-size:11px}main{padding:28px 20px 38px}.home-welcome{margin-bottom:24px}.home-welcome h2{font-size:25px}.home-welcome p{font-size:13px;line-height:1.7}.recommendation{padding:24px;border-radius:26px;display:block}.recommendation h1{font-size:32px;max-width:230px;margin-top:14px}.recommend-description{font-size:15px;max-width:230px;padding-right:25px;min-height:50px}.recommendation .eyebrow{font-size:12px;padding:7px 10px}.recommend-visual{position:absolute;right:18px;top:30px;width:86px;gap:10px}.recommend-icon{font-size:52px;width:82px;height:90px;border-radius:25px;box-shadow:0 6px 0 #d5dec7}.visual-spark{font-size:18px;right:-6px;top:-15px}.visual-caption{display:none}.recommend-start{margin-top:8px;position:relative}.service-card{padding:18px;grid-template-columns:56px 1fr auto;gap:14px;border-radius:21px}.service-card-icon{width:56px;height:60px;font-size:32px;border-radius:18px}.service-card h3{font-size:20px}.service-card .game-meta{font-size:12px}.card-play{grid-column:auto;font-size:12px;padding:8px}.games-heading h2{font-size:22px}.result h1{font-size:30px}.score{font-size:76px}.reaction-help{font-size:18px;padding:12px 16px}.result-cheer{font-size:14px}.odd-detail-dialog{padding:22px}.game-picker h2{font-size:20px}.picker-card{padding:16px 7px;gap:12px}.picker-card strong{font-size:15px}}@media(max-width:360px){.recommend-description{max-width:200px}.recommend-visual{right:14px;width:65px}.recommend-icon{width:66px;height:78px;font-size:43px}.recommendation h1{font-size:28px}.card-play{padding:6px}.service-card{gap:9px}.service-card h3{font-size:18px}}@media(max-height:500px){.game-picker{padding:14px 20px}.picker-cards{margin:12px 0 4px}.picker-card{padding:10px;gap:7px}.picker-icon{font-size:30px}.modal-kicker{margin-bottom:5px}.game-picker h2{margin-bottom:6px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:700px){.recommendation h1,.recommend-description{max-width:calc(100% - 78px)}.recommend-description{padding-right:0}.recommendation h1{line-height:1.35}.recommend-visual{top:65px}}@media(max-width:360px){.recommendation h1,.recommend-description{max-width:calc(100% - 65px)}}