@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap";:root{--bg:#f5f3eb;--ink:#233e32;--muted:#72786d;--line:#dcded2;--green:#244e3a;--yellow:#e9bd50}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}:is(button:focus-visible,a:focus-visible,input:focus-visible){outline-offset:4px;outline:3px solid #b6821d}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1280px;margin:auto;padding:26px 40px;display:flex}a{color:inherit}.brand{letter-spacing:2px;align-items:center;gap:14px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.brand small{letter-spacing:2px;margin-top:5px;font-size:8px;display:block}.brandmark{letter-spacing:-3px;font-family:Georgia,serif;font-size:34px}.brandmark span{color:#b88c32;margin-left:5px;font-size:27px}nav{gap:10px;display:flex}nav button{color:var(--muted);background:0 0;border:0;border-radius:30px;padding:12px 18px;font-size:13px}nav button.active{background:var(--ink);color:#fff}nav span{margin-left:10px}main{max-width:1200px;margin:auto}.hero{justify-content:space-between;align-items:center;min-height:440px;padding:56px 0 50px;display:flex}.eyebrow{letter-spacing:2px;color:#76806b;margin:0 0 20px;font-size:10px;font-weight:700}h1{letter-spacing:-1.5px;margin:0 0 23px;font-family:Playfair Display,Georgia,serif;font-size:59px;font-weight:500;line-height:1.13}h1 em{color:#68825b;font-weight:500}.intro{color:#71786d;margin:0;font-size:15px;line-height:1.8}.herochips{color:#56664f;gap:22px;margin-top:26px;font-size:11px;display:flex}.art{width:400px;height:330px;margin-right:35px;position:relative}.orbit{border:1px solid #d6dacb;border-radius:50%;width:285px;height:285px;position:absolute;top:10px;left:50px}.tile{border-radius:15px;place-content:center;width:95px;height:112px;font-size:70px;line-height:.7;display:grid;position:absolute;box-shadow:5px 8px #00000010}.t1{color:#355039;background:#e8bc53;top:4px;left:61px;transform:rotate(-16deg)}.t2{text-align:center;background:#dcdcc8;font-size:24px;line-height:1.2;top:36px;right:24px;transform:rotate(20deg)}.t3{color:#f2ecd7;background:#31513a;font-size:83px;top:92px;left:153px;transform:rotate(8deg)}.ticket{letter-spacing:2px;background:#eee9d8;border:1px solid #d6cfb8;width:232px;padding:20px 22px;font-size:25px;font-weight:700;line-height:1.1;position:absolute;bottom:2px;left:37px;transform:rotate(-7deg);box-shadow:4px 6px 12px #00000008}.ticket span{letter-spacing:1.5px;margin-top:13px;font-size:6px;display:block}.shelf{border-top:1px solid var(--line);padding:34px 0 60px}.sectiontop{justify-content:space-between;align-items:center;gap:20px;display:flex}.sectiontop .eyebrow{margin-bottom:8px}h2{margin:0;font-family:Playfair Display,Georgia,serif;font-size:29px;font-weight:500}.segmented{background:#e9eadd;border-radius:30px;padding:5px;display:flex}.segmented button{color:#69735e;background:0 0;border:0;border-radius:23px;padding:10px 17px;font-size:12px}.segmented button.selected{color:var(--ink);background:#fff;box-shadow:0 1px 5px #00000008}.segmented b{margin-left:5px;font-size:10px}.searchrow{align-items:center;gap:20px;margin-top:27px;display:flex}.search{border:1px solid var(--line);background:#fffef9;border-radius:9px;flex:1;align-items:center;gap:12px;height:52px;padding:0 16px;display:flex}.search>span{color:#8e9686;font-size:28px}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.search button{color:var(--muted);background:0 0;border:0;font-size:24px}.resultcount{color:var(--muted);font-size:12px}.hint{color:#7a8074;margin:12px 0;font-size:11px;line-height:1.8}.notice{min-height:27px;color:var(--green);font-size:12px}.error{color:#882f20;background:#f9e2d8;border-radius:8px;padding:14px;font-size:13px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.game{background:#fffef9;border:1px solid #e1e3d8;border-radius:12px;flex-direction:column;min-height:224px;padding:20px;display:flex}.game.played{background:#eef2e5;border-color:#789671}.gamehead{justify-content:space-between;align-items:center;display:flex}.gameicon{color:#7b8a5b;background:#f0efdf;border-radius:9px;place-content:center;width:37px;height:37px;font-size:24px;display:grid}.rating{color:#a38948;font-size:12px}.rating small{color:#929688;margin-left:2px;font-size:8px}.game h3{flex:1;margin:15px 0 10px;font-size:15px;font-weight:600;line-height:1.4}.meta{color:#8b9083;justify-content:space-between;gap:8px;margin-bottom:17px;font-size:10px;display:flex}.playbutton{color:#4b6647;background:0 0;border:1px solid #d9dfcf;border-radius:6px;width:100%;padding:10px 4px;font-size:11px;font-weight:600}.playbutton:hover:not(:disabled){background:#edf1e5;border-color:#87977b}.played .playbutton{color:#fff;background:#31533b;border-color:#31533b}.more{color:var(--green);background:0 0;border:1px solid #bfc9b8;border-radius:30px;margin:30px auto 0;padding:14px 25px;font-size:12px;display:block}.more small{color:var(--muted);margin-left:12px}footer{border-top:1px solid var(--line);grid-template-columns:1fr 1.3fr 1.3fr;align-items:start;gap:30px;max-width:1200px;margin:auto;padding:28px 0 36px;display:grid}.footerbrand{font-family:Georgia,serif;font-size:21px}.footerbrand span{color:#a78742}footer p{color:#89907f;margin:0;font-size:10px;line-height:1.9}.reports{padding:60px 0}.reportcontrols{justify-content:space-between;align-items:center;margin-top:30px;display:flex}.reportcontrols label{color:var(--muted);font-size:12px}.reportcontrols input{border:1px solid var(--line);color:var(--ink);background:#fffef9;border-radius:8px;margin-left:15px;padding:12px}.reportcontrols button{background:var(--green);color:#fff;border:0;border-radius:8px;padding:14px 22px;font-size:12px}.metrics{grid-template-columns:1fr 1fr 2fr;gap:18px;margin:28px 0;display:grid}.metrics>div{background:#e9eddf;border-radius:10px;padding:26px}.metrics small{letter-spacing:1.5px;color:#7e886e;font-size:9px}.metrics strong{margin-top:12px;font-family:Georgia,serif;font-size:48px;font-weight:400;display:block}.metrics .winner{font-size:25px}.ranking{border:1px solid var(--line);background:#fffef9;border-radius:12px;padding:30px}.ranking h2{margin-bottom:20px}.rank{align-items:center;gap:23px;padding:15px 0;display:flex}.ranknum{color:#a0a88f;font-size:12px}.rankbody{flex:1}.rankbody>div:first-child{justify-content:space-between;gap:15px;font-size:13px;display:flex}.rankbody b{font-weight:500}.rankbody span{color:var(--muted);font-size:11px}.bar{background:#edf0e6;border-radius:8px;height:5px;margin-top:10px}.bar span{background:#85996b;border-radius:8px;height:5px;display:block}.empty{text-align:center;color:var(--muted);padding:45px 20px;font-size:14px}.empty h3{color:var(--ink)}@media (max-width:1280px){main,footer{margin-left:40px;margin-right:40px}}@media (max-width:900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h1{font-size:48px}.art{width:320px;margin-right:-30px;transform:scale(.8)}.sectiontop{align-items:flex-start}.segmented button{padding:10px}.metrics{grid-template-columns:1fr 1fr}.metrics>div:last-child{grid-column:1/-1}}@media (max-width:650px){header{flex-wrap:wrap;gap:15px;padding:20px}.brand{font-size:11px}.brand small{font-size:7px}nav{gap:0;margin-left:auto}nav button{padding:9px 12px;font-size:11px}nav span{display:none}main,footer{margin-left:20px;margin-right:20px}.hero{min-height:auto;padding:40px 0 34px}.hero h1,.reports h1{letter-spacing:-1px;font-size:42px}.hero .eyebrow{letter-spacing:1.2px;font-size:8px}.art{display:none}.intro{font-size:13px}.herochips{font-size:10px}.sectiontop{display:block}.segmented{width:fit-content;margin-top:20px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game{min-height:217px;padding:14px}.game h3{font-size:13px}.meta{flex-wrap:wrap;gap:4px;font-size:9px}.playbutton{font-size:10px}.rating small{display:none}.search input{font-size:12px}.resultcount{display:none}.searchrow{margin-top:20px}.hint{font-size:10px}.shelf{padding-top:26px}footer{grid-template-columns:1fr;gap:16px}.metrics{gap:10px}.metrics>div{padding:18px}.metrics strong{font-size:39px}.ranking{padding:20px}.rankbody>div:first-child{font-size:12px}.rankbody span{white-space:nowrap}.reportcontrols{gap:10px}.reportcontrols label{gap:7px;display:grid}.reportcontrols input{margin-left:0}.reportcontrols button{align-self:end}.reports{padding-top:40px}}.counter{background:#fff;border:1px solid #cbd5c4;border-radius:8px;grid-template-columns:42px 1fr 42px;align-items:center;display:grid;overflow:hidden}.counter button{color:#244e3a;background:#e9eddf;border:0;height:38px;font-size:22px}.counter strong{text-align:center;font-size:17px}.counterlabel{text-align:center;color:#7c8577;margin-top:6px;font-size:9px}.played .counter{border-color:#789671}.signout{color:inherit;background:0 0;border:1px solid #b9c3b3;border-radius:8px;padding:11px 17px;font-size:12px}.profiletop{justify-content:space-between;align-items:flex-start;display:flex}.historyrow{border-bottom:1px solid #e5e6dc;grid-template-columns:160px 1fr 80px;align-items:center;gap:20px;padding:16px 0;font-size:13px;display:grid}.historyrow span{color:#7a8074;font-size:11px}.historyrow strong{text-align:right;color:#68825b}.authbox{background:#fffef9;border:1px solid #dfe1d5;border-radius:14px;max-width:470px;margin:30px 0 16px;padding:25px}.google,.authsubmit{border:0;border-radius:8px;width:100%;padding:14px;font-weight:600}.google{color:#2d3f35;background:#fff;border:1px solid #cfd4c8}.google span{color:#4285f4;margin-right:10px;font-family:Arial;font-size:17px}.authdivider{color:#92998c;align-items:center;gap:12px;margin:18px 0;font-size:10px;display:flex}.authdivider:before,.authdivider:after{content:"";background:#e2e4da;flex:1;height:1px}.authtabs{background:#eceee4;border-radius:8px;grid-template-columns:1fr 1fr;margin-bottom:17px;padding:4px;display:grid}.authtabs button{color:#6c7468;background:0 0;border:0;border-radius:6px;padding:9px;font-size:12px}.authtabs button.selected{color:#244e3a;background:#fff;box-shadow:0 1px 5px #0000000c}.authbox form{gap:14px;display:grid}.authbox label{color:#626b60;gap:7px;font-size:11px;display:grid}.authbox input{color:#233e32;background:#fff;border:1px solid #d5d9cd;border-radius:7px;width:100%;padding:12px}.authsubmit{color:#fff;background:#244e3a;margin-top:2px}.autherror,.authsuccess{margin:14px 0 0;font-size:11px;line-height:1.6}.autherror{color:#9a3528}.authsuccess{color:#356445}@media (max-width:650px){nav{justify-content:flex-end;width:100%}.historyrow{grid-template-columns:1fr auto}.historyrow span{grid-column:1/-1}.profiletop{display:block}.signout{margin-top:20px;display:inline-block}.counter{grid-template-columns:36px 1fr 36px}.authbox{padding:19px}}.game{min-height:390px;padding:12px 20px 20px;overflow:hidden}.cover{background:#e8eadf;justify-content:center;align-items:center;height:172px;margin:-12px -20px 14px;display:flex;overflow:hidden}.cover img{object-fit:contain;width:100%;height:100%;transition:transform .25s}.cover:hover img{transform:scale(1.035)}@media (max-width:650px){.game{min-height:350px;padding:10px 14px 14px}.cover{height:145px;margin:-10px -14px 12px}}