:root{font:16px/1.5 ui-sans-serif,system-ui,sans-serif;color:#fbf6ed;background:#231a38}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:Georgia,serif;line-height:1.08}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid #ffffff25}.logo{font:700 1.28rem Georgia,serif}.top nav{display:flex;gap:24px;font-weight:700}.top a:hover,footer a:hover{text-decoration:underline}.hero{max-width:1320px;margin:auto;min-height:650px;padding:80px 34px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.eyebrow{font-size:.76rem;letter-spacing:.18em;font-weight:900;color:#ffd694}.hero h1{font-size:clamp(4.5rem,8vw,8rem);letter-spacing:-.07em}.hero h1 em{color:#ffc975;font-weight:400}.lede{max-width:540px;color:#ded5e7;font-size:1.2rem;line-height:1.7}.button{display:inline-block;border:0;border-radius:13px;padding:14px 23px;background:#ffc975;color:#382342;font-weight:900}.button:hover{background:#ffe1aa}.small{margin:15px 0 0;color:#bfb5ce;font-size:.87rem}.hero-art{position:relative;height:440px;border-radius:50%;background:radial-gradient(circle,#87547f 5%,#473055 58%,transparent 72%)}.die{position:absolute;display:grid;place-items:center;width:140px;height:140px;background:#fff8e9;border-radius:27px;color:#7d4f77;font-size:7.5rem;line-height:1;box-shadow:0 20px 35px #170e25aa}.d1{left:13%;top:14%;transform:rotate(-13deg)}.d2{right:14%;top:18%;transform:rotate(12deg);color:#a86672}.d3{left:39%;bottom:8%;transform:rotate(-6deg);color:#557782}.spark{position:absolute;color:#ffd17e;font-size:3rem}.s1{left:5%;bottom:20%}.s2{right:9%;bottom:15%}.s3{left:49%;top:0}.how{padding:85px max(24px,calc((100vw - 1200px)/2));background:#fff9ef;color:#342942}.how .eyebrow,.play .eyebrow{color:#965d47}.how h2,.section-title h2{font-size:clamp(2.5rem,4vw,4.5rem);max-width:800px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}.steps article{border:1px solid #e9dccc;border-radius:20px;padding:26px;background:#fff}.steps b{color:#ad6b7f}.steps h3{font-size:1.7rem;margin:18px 0 8px}.steps p{color:#675d70}.play{min-height:620px;padding:85px max(24px,calc((100vw - 1200px)/2));background:#f0e9ef;color:#342942}.section-title>p:last-child{color:#675e70}.auth-card,.create-join form,.room-card{padding:25px;border-radius:19px;background:#fff;box-shadow:0 15px 40px #2b173213}.auth-card{width:min(460px,100%)}.switch{display:flex;gap:8px;margin-bottom:20px}.switch button{padding:10px 16px;border:0;border-radius:9px;background:#eee4eb;color:#59415c;font-weight:800}.switch .active{background:#56335d;color:#fff}form label{display:grid;gap:6px;margin:12px 0;font-weight:750}input{width:100%;padding:12px 13px;border:1px solid #cfbfcc;border-radius:10px;background:#fff;color:#30233c}.auth-card .small{color:#776b7b}.lobby-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.lobby-head h3{font-size:2.5rem}.text-button{border:0;background:none;color:#72437e;font-weight:850}.create-join{display:grid;grid-template-columns:1fr 1fr;gap:20px}.create-join h4{font:700 1.6rem Georgia,serif}.group-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.group-list button{padding:13px 18px;border:1px solid #c9b7c8;border-radius:11px;background:#fff;color:#3a2840;font-weight:800}.group-list button.active{background:#56335d;color:#fff}.room-card{margin:20px 0}.room-top{display:flex;align-items:start;justify-content:space-between;gap:20px}.room-top h3{font-size:2.2rem}.code{display:inline-block;padding:8px 12px;border:1px dashed #ad8ea9;border-radius:9px;font-weight:900;letter-spacing:.13em}.scoreboard{width:100%;border-collapse:collapse;margin:18px 0}.scoreboard th,.scoreboard td{text-align:left;border-bottom:1px solid #eadfe8;padding:9px}.scoreboard tr.current{background:#fff1cf}.dice{display:flex;gap:14px;margin:20px 0}.dice span{width:75px;height:75px;display:grid;place-items:center;border:2px solid #b48da4;border-radius:14px;background:#fff9ec;font-size:3.4rem;line-height:1}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions button{padding:12px 17px;border:0;border-radius:10px;background:#56335d;color:#fff;font-weight:800}.actions button:disabled{opacity:.5;cursor:not-allowed}.history{margin-top:20px;color:#726578}.history li{padding:3px 0}#status{min-height:1.5em;color:#8f3457;font-weight:750}footer{display:flex;flex-wrap:wrap;gap:20px;padding:30px max(24px,calc((100vw - 1200px)/2));color:#c4b9cf}footer span{margin-right:auto}@media(max-width:780px){.hero{grid-template-columns:1fr;min-height:0;padding:55px 24px}.hero-art{height:300px;max-width:450px;width:100%;margin:auto}.die{width:105px;height:105px;font-size:5.6rem}.steps,.create-join{grid-template-columns:1fr}.top nav{gap:12px;font-size:.8rem}.room-top{display:block}}@media(max-width:450px){.hero h1{font-size:4.4rem}.dice span{width:64px;height:64px;font-size:2.8rem}.top{padding:0 14px}.top nav a:first-child{display:none}}