:root{--gw-board:#1438A6;--gw-accent:#1438A6;--gw-tile:#fff;--gw-edge:rgba(17,17,18,.13)}
[data-theme="dark"]{--gw-accent:#A9B8FF;--gw-tile:#18181c;--gw-edge:rgba(0,0,0,.6)}
.gw-hero{position:relative;isolation:isolate;max-width:1400px;margin:0 auto;padding:clamp(100px,9.4vw,128px) var(--pad) 0;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
.gw-hero::before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;pointer-events:none;background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);background-size:32px 32px;background-position:-1px -1px;-webkit-mask-image:radial-gradient(ellipse 62% 40% at 50% 26%,#000 0%,rgba(0,0,0,.6) 50%,transparent 100%);mask-image:radial-gradient(ellipse 62% 40% at 50% 26%,#000 0%,rgba(0,0,0,.6) 50%,transparent 100%)}
.gw-hero .crumb ol{justify-content:center}
.gw-cat{display:grid;gap:2px;margin-top:clamp(16px,2vw,26px);font-weight:500;font-size:clamp(17px,1.5vw,20px)}
.gw-cat span{font-size:13px;font-weight:600;color:var(--muted)}
.gw-title{--t:min(88px,calc((100vw - 2 * var(--pad) - 4px) / 8.88));margin-top:clamp(12px,1.8vw,20px)}
.gw-title__tiles{display:grid;justify-items:center;gap:calc(var(--t) * .14)}
.gw-row{display:flex;gap:calc(var(--t) * .4)}
.gw-word{display:flex;gap:calc(var(--t) * .08)}
.gw-tile{position:relative;display:grid;place-items:center;width:var(--t);height:calc(var(--t) * 1.08);border:1px solid var(--line);border-radius:calc(var(--t) * .14);background:var(--gw-tile);box-shadow:inset 0 calc(var(--t) * -.06) 0 var(--gw-edge);color:var(--ink);font-weight:600;font-size:calc(var(--t) * .6);line-height:1;letter-spacing:0}
.gw-tile i{font-style:normal}
.gw-tile b{position:absolute;right:10%;bottom:13%;font-size:max(9px,calc(var(--t) * .17));font-weight:600;line-height:1;color:var(--muted);opacity:0}
.gw-word--live .gw-tile{border-color:var(--gw-board);background:var(--gw-board);color:#fff;box-shadow:inset 0 calc(var(--t) * -.06) 0 rgba(0,0,0,.3)}
.gw-tile.is-flip{animation:gw-flip .62s var(--d) cubic-bezier(.3,.7,.3,1) both}
.gw-tile.is-flip i{animation:gw-on .62s var(--d) linear both}
.gw-tile.is-flip b{animation:gw-off .62s var(--d) linear both}
.gw-word--live .gw-tile.is-flip{animation:gw-flip .62s var(--d) cubic-bezier(.3,.7,.3,1) both,gw-live .62s var(--d) linear both}
@keyframes gw-flip{0%{transform:perspective(600px) rotateX(0)}50%{transform:perspective(600px) rotateX(90deg)}100%{transform:perspective(600px) rotateX(0)}}
@keyframes gw-on{0%,49%{opacity:0}50%,100%{opacity:1}}
@keyframes gw-off{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes gw-live{0%,49%{border-color:var(--line);background:var(--gw-tile);box-shadow:inset 0 calc(var(--t) * -.06) 0 var(--gw-edge)}50%,100%{border-color:var(--gw-board);background:var(--gw-board)}}
.gw-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:clamp(18px,2.2vw,26px)}
.gw-chips div{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 14px;border:1px solid var(--line);border-radius:10px;background:var(--gw-tile);box-shadow:inset 0 -3px 0 var(--gw-edge)}
.gw-chips dt{font-size:13px;font-weight:600;color:var(--muted)}
.gw-chips dd{font-size:15px;font-weight:600}
.gw-chip--worth dd{color:var(--gw-accent)}
@media (max-width:599px){.gw-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.gw-chips div{flex-direction:column;justify-content:center;gap:2px;padding:8px 10px}.gw-chips dd{font-size:14px}}
.gw-claim{max-width:22ch;margin-top:clamp(26px,3vw,38px);font-weight:500;font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.05;letter-spacing:-.035em;text-wrap:balance}
.gw-lead{max-width:62ch;margin-top:14px;color:var(--muted);font-size:clamp(16px,1.3vw,19px)}
.gw-buy{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 26px;margin-top:26px}
.gw-fan{width:100%;margin:clamp(40px,6vw,72px) 0 0}
.gw-fan__set{display:flex;justify-content:center;align-items:flex-start;width:min(100%,700px);aspect-ratio:1/1;margin:0 auto;padding-top:8px;clip-path:inset(-60px -400px 0 -400px)}
.gw-fan figcaption{padding-top:14px;border-top:1px solid var(--line);font-size:13px;line-height:1.5;color:var(--muted)}
.gw-phone{position:relative;margin:0;padding:7px;border:1px solid var(--b-line);border-radius:30px;background:#050507;box-shadow:0 44px 90px -34px rgba(0,0,0,.85)}
.gw-phone img{display:block;width:100%;height:auto;border-radius:23px;background:#1438A6}
.gw-fan .gw-phone{flex:none;border-color:var(--line);box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
.gw-fan__main{z-index:1;width:50%}
.gw-fan__side{width:32%;margin-top:9%;padding:5px;border-radius:22px}
.gw-fan__side img{border-radius:17px}
.gw-fan__side:first-child{margin-right:-8%;transform:rotate(-5deg)}
.gw-fan__side:first-child img{background:#0D1330}
.gw-fan__side:last-child{margin-left:-8%;transform:rotate(5deg)}
@media (min-width:760px){.gw-fan__set{aspect-ratio:5/4}}
.gw-tiles{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:clamp(3px,.6vw,7px)}
.gw-tiles span{position:relative;display:grid;place-items:center;aspect-ratio:1/1.08;border:1px solid var(--line);border-radius:14%;background:var(--gw-tile);box-shadow:inset 0 -3px 0 var(--gw-edge);color:var(--ink);font-weight:600;font-size:clamp(.95rem,2.4vw,1.7rem);line-height:1}
.gw-tiles b{position:absolute;right:9%;bottom:11%;font-size:clamp(9px,.9vw,11px);font-weight:600;line-height:1;color:var(--muted)}
.gw-tiles .is-new{border-color:var(--gw-board);background:var(--gw-board);color:#fff;box-shadow:inset 0 -3px 0 rgba(0,0,0,.3)}
.gw-seq{margin-top:clamp(28px,4vw,48px);border-bottom:1px solid var(--line)}
.gw-frame{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding:clamp(24px,3vw,40px) 0;border-top:1px solid var(--line)}
.gw-mini{display:grid;gap:12px;padding:clamp(14px,2vw,22px);border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--ink) 3%,transparent)}
.gw-mini__meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:14px;color:var(--muted)}
.gw-mini__meta strong{font-weight:600;color:var(--ink)}
.gw-why{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--muted)}
.gw-why li{display:flex;align-items:center;gap:8px}
.gw-why b{display:grid;place-items:center;width:22px;height:24px;border-radius:5px;background:var(--gw-board);color:#fff;font-size:12px;font-weight:600}
.gw-chat{display:grid;gap:8px}
.gw-chat li{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:48px;padding:8px 14px;border:1px solid var(--line);border-radius:12px;background:var(--gw-tile)}
.gw-chat b{font-size:14px;font-weight:600}
.gw-chat s,.gw-chat q{font-size:16px;overflow-wrap:anywhere}
.gw-chat q{quotes:none}
.gw-chat s{color:var(--muted)}
.gw-chat span{font-size:13px;color:var(--muted)}
.gw-chat .is-win{border-color:var(--gw-accent)}
.gw-chat .is-win span{font-weight:600;color:var(--gw-accent)}
.gw-frame__k{font-size:13px;font-weight:600;color:var(--muted)}
.gw-frame h3{margin-top:6px;font-weight:500;font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.1;letter-spacing:-.025em}
.gw-frame__txt>p:last-child{max-width:52ch;margin-top:10px;color:var(--muted)}
@media (min-width:900px){.gw-frame{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(36px,5vw,80px);align-items:center}}
.gw-panel .gw-shot{width:min(100%,250px);justify-self:center;box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.gw-info h3{font-weight:500;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.02;letter-spacing:-.035em}
.gw-set__t{margin-top:24px;font-size:13px;font-weight:600;color:var(--b-muted)}
.gw-set{margin-top:8px;border-top:1px solid var(--b-line)}
.gw-set div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 18px;padding:12px 0;border-bottom:1px solid var(--b-line)}
.gw-set dt{color:var(--b-muted)}
.gw-set dd{font-weight:600;font-variant-numeric:tabular-nums}
.gw-ui .rtab img{object-fit:cover}
@media (min-width:760px){.gw-panel.rpanel{grid-template-columns:minmax(0,230px) minmax(0,1fr);align-items:center}.gw-panel .gw-shot{width:100%}}
@media (min-width:1000px){.gw-panel.rpanel{grid-template-columns:minmax(0,280px) minmax(0,1fr);align-content:center;column-gap:clamp(32px,4vw,64px);padding:clamp(20px,2.4vw,32px)}}
.gw-score{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(40px,5vw,80px);align-items:start}
.gw-board{margin:0;padding:clamp(18px,3vw,36px);border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--ink) 3%,transparent)}
.gw-board__top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:6px 16px}
.gw-board__cat{font-weight:500;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.1;letter-spacing:-.03em}
.gw-board__cat span{display:block;margin-bottom:4px;font-size:13px;font-weight:600;letter-spacing:0;color:var(--muted)}
.gw-board__meta{font-size:14px;color:var(--muted)}
.gw-board .gw-tiles{margin-top:22px}
.gw-sum{margin-top:26px;border-top:1px solid var(--line)}
.gw-sum div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.gw-sum dt{color:var(--muted)}
.gw-sum dd{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.gw-sum .gw-sum__total{align-items:center;padding-top:18px;border-bottom:0}
.gw-sum__total dt{font-weight:600;color:var(--ink)}
.gw-sum__total dd{font-weight:500;font-size:clamp(2.2rem,4vw,3rem);letter-spacing:-.04em;line-height:1;color:var(--gw-accent)}
.gw-board figcaption{margin-top:8px;font-size:14px;color:var(--muted)}
.gw-h3{margin-bottom:8px;font-weight:500;font-size:clamp(1.2rem,1.6vw,1.4rem)}
.gw-side .plist{margin-top:0}
.gw-side .plist+.gw-h3{margin-top:44px}
.gw-note{margin-top:16px;font-size:15px;color:var(--muted)}
.gw-codel{margin-top:24px;font-size:15px;color:var(--muted)}
.setup .gw-codel+.pcode{margin-top:10px}
@media (min-width:760px){.gw-side .pspecs div{grid-template-columns:150px minmax(0,1fr)}}
@media (min-width:1000px){.gw-score{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}
@media (prefers-reduced-motion:reduce){.gw-tile.is-flip,.gw-tile.is-flip i,.gw-tile.is-flip b{animation:none}}