:root{--bg-color: #e0e5ec;--text-color: #3d4a5a;--text-color-light: #5a677a;--shadow-color-dark: #bec3c9;--shadow-color-light: #ffffff;--inset-shadow-dark: #bec3c9;--inset-shadow-light: #ffffff;--tile-bg: #e0e5ec;--key-bg: #e0e5ec;--key-text: #5a677a;--correct-bg: #14b89b;--present-bg: #f08a1c;--absent-bg: #687286;--correct-shadow-dark: #119e85;--correct-shadow-light: #17d2b1;--present-shadow-dark: #d8770e;--present-shadow-light: #f29c3f;--absent-shadow-dark: #596273;--absent-shadow-light: #798397;--correct-text: #04211c;--present-text: #2e1600;--absent-text: #ffffff;--correct-strong: #0b6e5c;--present-strong: #8f4d00;--border-color: transparent;--error-color: #ba1c1c}body{--popup-surface: #e8ecf1;--popup-border: #3d4a5a29;--popup-backdrop: #17202e66;--popup-shadow-color: #17202e33;--popup-sheen: #ffffffa6;--popup-accent: #126b37;--popup-on-accent: #ffffff;--popup-accent-soft: #cedadc;--popup-warning: #78620c}body.dark-mode{--bg-color: #2c303a;--text-color: #d1d1d1;--text-color-light: #b0b8c4;--shadow-color-dark: #1f2229;--shadow-color-light: #393e4b;--inset-shadow-dark: #1f2229;--inset-shadow-light: #393e4b;--tile-bg: #2c303a;--key-bg: #4f5564;--absent-bg: #3a3f4c;--key-text: #e1e1e1;--correct-bg: #2ad8b9;--present-bg: #fa9a2e;--correct-shadow-dark: #21b399;--correct-shadow-light: #40dcc0;--present-shadow-dark: #ed8006;--present-shadow-light: #fba84b;--absent-shadow-dark: #2f333e;--absent-shadow-light: #444a59;--correct-strong: #2ad8b9;--present-strong: #fa9a2e;--border-color: #4a4a4f;--error-color: #ff7b7b;--popup-backdrop: #080c14a6;--popup-surface: #2f343e;--popup-border: #d1d1d129;--popup-shadow-color: #00000066;--popup-sheen: #393e4ba6;--popup-accent-soft: #354042;--popup-accent: #8edd8d;--popup-on-accent: #142b1b;--popup-warning: #ead889}body.theme-changing:not(.theme-interpolating),body.theme-changing:not(.theme-interpolating) *,body.theme-changing:not(.theme-interpolating) *:before,body.theme-changing:not(.theme-interpolating) *:after{transition:background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out,fill .3s ease-in-out,stroke .3s ease-in-out,transform .1s ease,opacity .2s ease,filter .12s ease!important}body.theme-interpolating,body.theme-interpolating *,body.theme-interpolating *:before,body.theme-interpolating *:after{transition-property:transform,opacity,filter!important}@media (prefers-reduced-motion: reduce){body.theme-changing,body.theme-changing *,body.theme-changing *:before,body.theme-changing *:after{transition:none!important}}#message.positive{color:var(--correct-strong)}#message.negative{color:var(--error-color)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}button{border:none;border-radius:8px;padding:.4rem .8rem;background:var(--bg-color);color:var(--text-color);box-shadow:3px 3px 6px var(--shadow-color-dark),-3px -3px 6px var(--shadow-color-light);cursor:pointer;transition:box-shadow .2s,transform .1s}@media (hover: hover){button:hover{box-shadow:4px 4px 8px var(--shadow-color-dark),-4px -4px 8px var(--shadow-color-light);transform:translateY(-1px)}}button:active{box-shadow:inset 2px 2px 4px var(--inset-shadow-dark),inset -2px -2px 4px var(--inset-shadow-light);transform:translateY(1px)}:root{--visual-viewport-height: 100vh}body{color-scheme:light;--squad-green: #126b37;--landing-surface-start: #edf1f6;--landing-surface-end: #dfe5ed;--landing-control-start: #f0f4f8;--landing-control-end: #dce3ec;--landing-inset: #e0e5ec;--landing-text: #3d4a5a;--landing-muted: #5a677a;--landing-placeholder: #5a677a;--landing-shadow: #bec3c9;--landing-highlight: #ffffff;--landing-border: #3d4a5a26;--landing-sheen: #ffffff80;--landing-track: #b3c8bc;--landing-disabled-bg: #d4e5da;--landing-disabled-text: #39634a;--landing-error: #ba1c1c}body.dark-mode{color-scheme:dark;--squad-green: #64f696;--landing-surface-start: #2c313b;--landing-surface-end: #22262f;--landing-control-start: #303641;--landing-control-end: #272c35;--landing-inset: #242932;--landing-text: #f0f3f7;--landing-muted: #bbc3cf;--landing-placeholder: #9aa7b6;--landing-shadow: #1a1e26;--landing-highlight: #3b424e;--landing-border: #ffffff0d;--landing-sheen: #ffffff12;--landing-track: #3c4e47;--landing-disabled-bg: #2e3e36;--landing-disabled-text: #b5e8c6;--landing-error: #ff9a9a}#landingView,#landingView *{box-sizing:border-box}body{margin:0;font-family:sans-serif;background:var(--bg-color);color:var(--text-color)}#heroCard{margin-top:2rem}#heroCard input[type=text]{width:100%;min-width:0;text-transform:uppercase;padding:.9rem .5rem;border:1px solid var(--landing-border);border-radius:12px;background:var(--landing-inset);color:var(--landing-text);font-size:1rem;font-family:monospace;letter-spacing:.12em;text-align:center;box-shadow:inset 4px 4px 10px var(--landing-shadow),inset -2px -2px 8px var(--landing-highlight)}#heroCard input[type=text]::placeholder{color:var(--landing-placeholder)}#joinForm{display:grid;gap:.85rem;width:100%;margin-top:.5rem;padding-top:1.25rem;border-top:1px solid var(--landing-border)}#joinForm label{color:var(--landing-muted);font-size:.75rem}.join-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem}.play-actions{display:grid;gap:.85rem;min-width:0}.create-group{display:grid;gap:.6rem}.room-mode{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;margin:0;padding:.3rem;border:0;border-radius:16px;background:var(--landing-inset);box-shadow:inset 3px 3px 8px var(--landing-shadow),inset -2px -2px 6px var(--landing-highlight)}.room-mode-option{position:relative;display:flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:0 .75rem;border:1px solid transparent;border-radius:12px;color:var(--landing-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:color .15s,background-color .15s,box-shadow .15s}.room-mode-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.room-mode-option svg{flex:none;width:18px;height:18px;fill:none;stroke:currentcolor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.room-mode-option:hover{color:var(--landing-text)}.room-mode-option:has(input:checked){border-color:var(--landing-border);background:linear-gradient(145deg,var(--landing-control-start),var(--landing-control-end));color:var(--landing-text);box-shadow:3px 3px 7px var(--landing-shadow),-2px -2px 6px var(--landing-highlight)}.room-mode-option:has(input:checked) svg{color:var(--squad-green);filter:drop-shadow(0 0 6px #64f69666)}#heroCard .room-mode-option:has(input:focus-visible){outline:2px solid var(--squad-green);outline-offset:2px}.room-mode-option input:focus-visible{outline:none}.create-icon{display:grid}.create-icon svg{width:16px;height:16px;fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.room-mode-hint{display:grid;margin:0;color:var(--landing-muted);font-size:.72rem;line-height:1.45;text-align:center}.room-mode-hint>span,.create-icon>*{grid-area:1 / 1}#createError{margin:0;color:var(--landing-error);font-size:.8rem;text-align:center}.create-group[data-mode=open] .private-only,.create-group[data-mode=private] .open-only{visibility:hidden}.play-secondary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;padding:.9rem 1.1rem;border:1px solid var(--landing-border);border-radius:14px;background:linear-gradient(145deg,var(--landing-control-start),var(--landing-control-end));color:var(--landing-text);font-size:.8rem;font-weight:600;box-shadow:4px 4px 10px var(--landing-shadow),-3px -3px 9px var(--landing-highlight)}.play-secondary:hover{box-shadow:5px 5px 12px var(--landing-shadow),-3px -3px 10px var(--landing-highlight)}.play-secondary:active{transform:translateY(1px);box-shadow:inset 3px 3px 8px var(--landing-shadow),inset -2px -2px 6px var(--landing-highlight)}#heroCard [hidden]{display:none}#heroCard :focus-visible{outline:2px solid var(--squad-green);outline-offset:4px}#joinError{color:var(--landing-error);font-size:.8rem}.play-tiles{display:flex;gap:.45rem;margin-top:1.5rem;touch-action:pan-y pinch-zoom}.play-tiles span{display:grid;place-items:center;width:36px;height:40px;border:1px solid var(--landing-border);border-radius:9px;background:var(--tile-bg);color:var(--landing-muted);font-size:1rem;font-weight:700;box-shadow:4px 4px 8px var(--landing-shadow),-2px -2px 6px var(--landing-highlight)}.play-tiles span:first-child{background:#64f696;color:#11291b;box-shadow:0 0 22px #64f69640,4px 4px 8px var(--landing-shadow)}.play-tiles span:nth-child(2){background:#e6c86f;color:#332a13;box-shadow:0 0 18px #e6c86f1a,4px 4px 8px var(--landing-shadow)}@media (prefers-reduced-motion: no-preference){.tiles-preparing .play-tiles span,.tiles-ready .play-tiles span{will-change:transform,opacity}.tiles-preparing .play-tiles span{opacity:0}.tiles-ready .play-tiles span{animation:squad-tile-flip .65s ease-out .18s backwards}.play-tiles span:nth-child(2){animation-delay:.28s}.play-tiles span:nth-child(3){animation-delay:.38s}.play-tiles span:nth-child(4){animation-delay:.48s}.play-tiles span:nth-child(5){animation-delay:.58s}}@keyframes squad-tile-flip{0%{opacity:0;transform:perspective(240px) translateY(4px) rotateX(-180deg)}to{opacity:1;transform:perspective(240px) translateY(0) rotateX(0)}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--present-bg);outline-offset:2px}.error-text{color:var(--error-color);margin:.25rem 0 0;font-size:.9rem}#lobbyView{position:fixed;inset:0}#lobbyView iframe{display:block;width:100%;height:100%;border:none}#lobbyView iframe[data-loading]{visibility:hidden}#networkLobbies{text-align:center;grid-template-columns:1fr;gap:1rem;max-height:calc(var(--visual-viewport-height, 100svh) - 2rem);overflow-y:auto}#networkLobbies[hidden]{display:none}#networkLobbies .card-eyebrow{justify-content:center}#networkHeading{margin:0;font-size:1.65rem;letter-spacing:-.035em}.network-lobby-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem;margin-top:.75rem;border-radius:12px;background:var(--landing-inset);box-shadow:inset 2px 2px 6px var(--landing-shadow),inset -2px -2px 6px var(--landing-highlight)}#networkLobbyList{width:100%}.lobby-info{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;min-width:0;flex:1}.lobby-code{font-weight:700;font-family:monospace}.player-count{font-size:.9rem;color:var(--landing-muted)}.your-emoji{font-size:1.2rem}#mainHeader{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(calc(100% - 2rem),44rem);margin:1rem auto 0;padding:.85rem 1.25rem;border:1px solid var(--landing-border);border-radius:22px;background:linear-gradient(135deg,var(--landing-surface-start),var(--landing-surface-end));color:var(--landing-text);box-shadow:6px 6px 16px var(--shadow-color-dark),-4px -4px 16px var(--shadow-color-light),inset 1px 1px 0 var(--landing-sheen)}#logo{font-size:1.4rem;margin:0 auto 0 0;color:var(--landing-text);letter-spacing:-.04em}.header-controls{display:flex;gap:.5rem;padding:.3rem;border-radius:16px;background:var(--landing-inset);box-shadow:inset 3px 3px 8px var(--landing-shadow),inset -2px -2px 6px var(--landing-highlight)}#emojiDisplay,#darkToggle{display:grid;place-items:center;width:44px;height:44px;font-size:1.25rem;padding:0;border:1px solid var(--landing-border);border-radius:12px;background:linear-gradient(145deg,var(--landing-control-start),var(--landing-control-end));color:var(--landing-text);cursor:pointer;box-shadow:3px 3px 7px var(--landing-shadow),-2px -2px 6px var(--landing-highlight);transition:all .1s ease}#mainHeader nav{display:flex;align-items:center;gap:.25rem}#mainHeader nav a{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;color:var(--landing-muted);text-decoration:none;padding:.5rem .65rem;border-radius:10px;transition:all .1s ease;font-size:.8rem}#mainHeader nav a:hover{background:#64f69612;color:var(--squad-green)}#mainHeader #howToggle{padding:.65rem .85rem;min-height:44px}#howToggle span,#githubLink span{color:var(--squad-green)}#mainHeader :focus-visible{outline:2px solid var(--squad-green);outline-offset:3px}#emojiDisplay:hover,#darkToggle:hover{border-color:#64f69640;box-shadow:0 0 16px #64f69614,3px 3px 7px var(--landing-shadow)}#emojiDisplay:active,#darkToggle:active{box-shadow:inset 2px 2px 4px var(--landing-shadow),inset -2px -2px 4px var(--landing-highlight);transform:scale(.98)}@media (max-width: 640px){#mainHeader{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;padding:.75rem 1rem}#logo{font-size:1.2rem}#mainHeader nav{grid-column:1 / -1;justify-content:flex-end;border-top:1px solid var(--landing-border);padding-top:.25rem}#heroCard{margin-top:1rem}}main{display:flex;flex-direction:column;align-items:center;min-height:calc(var(--visual-viewport-height) - 120px);padding:1rem}.squad-card{position:relative;display:grid;grid-template-columns:1fr 260px;align-items:center;gap:1.5rem 2rem;width:min(100%,44rem);margin:1rem auto;padding:2.25rem;border:1px solid var(--landing-border);border-radius:28px;background:radial-gradient(ellipse at 90% 30%,#64f69612,transparent 55%),linear-gradient(135deg,var(--landing-surface-start),var(--landing-surface-end));color:var(--landing-text);box-shadow:12px 12px 28px var(--shadow-color-dark),-8px -8px 24px var(--shadow-color-light),inset 1px 1px 0 var(--landing-sheen)}#donationSection{--donation-progress: 0;--donation-over: 0;--donation-lap-1: var(--squad-green);--donation-lap-2: #e9a200;--donation-lap-3: #e23a86;--donation-lap-4: #7b5cf0;--donation-lap-1-ink: var(--squad-green);--donation-lap-2-ink: #835500;--donation-lap-3-ink: #a8124f;--donation-lap-4-ink: #5536bd;--donation-base-color: var(--donation-lap-1);--donation-over-color: var(--donation-lap-2);--donation-base-ink: var(--donation-lap-1-ink);--donation-over-ink: var(--donation-lap-2-ink)}body.dark-mode #donationSection{--donation-lap-1: var(--squad-green);--donation-lap-2: #ffd166;--donation-lap-3: #ff7ac6;--donation-lap-4: #b49cff;--donation-lap-2-ink: var(--donation-lap-2);--donation-lap-3-ink: var(--donation-lap-3);--donation-lap-4-ink: var(--donation-lap-4)}#donationSection[data-tier="2"]{--donation-base-color: var(--donation-lap-2);--donation-over-color: var(--donation-lap-3);--donation-base-ink: var(--donation-lap-2-ink);--donation-over-ink: var(--donation-lap-3-ink)}#donationSection[data-tier="3"]{--donation-base-color: var(--donation-lap-3);--donation-over-color: var(--donation-lap-4);--donation-base-ink: var(--donation-lap-3-ink);--donation-over-ink: var(--donation-lap-4-ink)}#donationSection[data-tier="4"]{--donation-base-color: var(--donation-lap-4);--donation-over-color: var(--donation-lap-4);--donation-base-ink: var(--donation-lap-4-ink);--donation-over-ink: var(--donation-lap-4-ink)}#donationSection:is([data-tier="1"],[data-tier="2"],[data-tier="3"],[data-tier="4"]){border-color:color-mix(in srgb,var(--donation-over-color) 35%,transparent);background:radial-gradient(ellipse at 90% 30%,color-mix(in srgb,var(--donation-over-color) 16%,transparent),transparent 60%),linear-gradient(135deg,var(--landing-surface-start),var(--landing-surface-end))}.card-eyebrow{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;color:var(--squad-green);font-size:.65rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.card-eyebrow span{font-size:1rem;text-shadow:0 0 16px #64f696a6}#playHeading,#donationHeading{margin:0;font-size:clamp(1.65rem,4vw,2.1rem);line-height:1.14;letter-spacing:-.035em}.card-description{margin:1rem 0 0;color:var(--landing-muted);font-size:.9rem;line-height:1.65}.donation-meter{position:relative;width:260px;height:260px;border-radius:50%;background:linear-gradient(145deg,var(--landing-control-end),var(--landing-control-start));box-shadow:8px 8px 18px var(--landing-shadow),-6px -6px 18px var(--landing-highlight),inset 1px 1px 2px var(--landing-sheen)}.donation-meter svg{position:absolute;inset:14px;width:calc(100% - 28px);height:calc(100% - 28px);overflow:visible;fill:none;stroke-width:12;stroke-linecap:round}.donation-track{stroke:var(--landing-track);filter:drop-shadow(0 2px 2px var(--landing-shadow))}.donation-ring,.donation-ring-glow{stroke:var(--donation-base-color);stroke-dasharray:var(--donation-progress) 100;opacity:0}#donationSection[data-funded=true] .donation-ring,#donationSection[data-funded=true] .donation-ring-glow{opacity:1}.donation-ring{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--donation-base-color) 60%,transparent))}.donation-ring-glow,.donation-ring-over-glow{stroke-width:24;filter:blur(12px)}.donation-ring-over,.donation-ring-over-glow{stroke:var(--donation-over-color);stroke-dasharray:var(--donation-over) 100;opacity:0}.donation-ring-over{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--donation-over-color) 75%,transparent))}#donationSection[data-overflow=true] .donation-ring-over,#donationSection[data-overflow=true] .donation-ring-over-glow{opacity:1}.donation-ring-spark{display:none;stroke:#fff;stroke-width:7;stroke-dasharray:1.5 98.5;filter:drop-shadow(0 0 6px var(--donation-over-color)) drop-shadow(0 0 2px #ffffff)}#donationSection:is([data-tier="1"],[data-tier="2"],[data-tier="3"],[data-tier="4"]) #donationPercent{background:linear-gradient(100deg,var(--donation-base-ink) 20%,var(--donation-over-ink) 50%,var(--donation-base-ink) 80%);background-size:250% 100%;background-position:50% 0;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--donation-over-color) 35%,transparent))}#donationSection:is([data-tier="1"],[data-tier="2"],[data-tier="3"],[data-tier="4"]) #donationProgressLabel{color:var(--donation-over-ink);font-weight:700}.donation-burst{position:absolute;top:50%;left:50%;pointer-events:none;z-index:2}.donation-burst i{position:absolute;width:7px;height:11px;margin:-5px 0 0 -3px;border-radius:2px;background:var(--donation-lap-1);opacity:0;animation:donation-confetti 1.5s cubic-bezier(.12,.75,.3,1) var(--delay) forwards}.donation-burst i[data-color="1"]{background:var(--donation-lap-2)}.donation-burst i[data-color="2"]{background:var(--donation-lap-3);border-radius:50%;width:8px;height:8px}.donation-burst i[data-color="3"]{background:var(--donation-lap-4)}.donation-meter-label{position:absolute;inset:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;text-align:center;border-radius:50%;background:var(--landing-inset);box-shadow:inset 4px 4px 10px var(--landing-shadow),inset -2px -2px 8px var(--landing-highlight)}.donation-meter-caption,#donationProgressLabel{color:var(--landing-muted);font-size:.75rem}#donationPercent{color:var(--squad-green);font-size:2.75rem;letter-spacing:-.05em;text-shadow:0 0 24px #64f69633}.donation-bottom{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--landing-border)}.donation-totals{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin:0}.donation-totals dt{color:var(--landing-muted);font-size:.75rem}.donation-totals dd{margin:.4rem 0 0;font-size:1.2rem;font-weight:700}.glow-button{display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;padding:.9rem 1.1rem;border:1px solid #adffc14d;border-radius:14px;background:linear-gradient(135deg,#82ffaf,#53db83);color:#11291b;font:caption;font-size:.8rem;font-weight:700;line-height:normal;text-decoration:none;cursor:pointer;box-shadow:0 0 26px #64f69626,4px 4px 10px var(--landing-shadow),inset 0 1px 1px #fff6;transition:box-shadow .2s,transform .2s}.glow-button[hidden]{display:none}.glow-button:disabled{cursor:default;background:var(--landing-disabled-bg);color:var(--landing-disabled-text);border-color:#64f69626}.glow-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 0 36px #64f6964d,4px 6px 12px var(--landing-shadow)}.glow-button:not(:disabled):active{transform:translateY(1px);box-shadow:inset 3px 3px 8px #1d6b3c40,0 0 20px #64f69626}.glow-button:focus-visible{outline:2px solid var(--squad-green);outline-offset:5px}#donationStatus{grid-column:1 / -1;margin:0;color:var(--landing-muted);font-size:.7rem;line-height:1.5}@media (max-width: 640px){.squad-card{grid-template-columns:1fr;justify-items:center;padding:1.75rem 1.25rem;gap:1.75rem}.play-copy,.donation-copy{text-align:center;max-width:22rem}.card-eyebrow{justify-content:center}.play-actions{width:100%}.play-tiles{justify-content:center}.donation-meter{width:240px;height:240px}.donation-bottom{grid-template-columns:1fr;width:100%}.donation-totals{justify-content:space-between}#donationStatus{text-align:center}}@media (prefers-reduced-motion: reduce){.glow-button,.play-secondary,.room-mode-option,#emojiDisplay,#darkToggle,#mainHeader nav a{transition:none}}body:has(#howTo[open]){overflow:hidden}.how-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1.25rem}.how-dialog-header .card-eyebrow{margin-bottom:.6rem}#howHeading{margin:0;font-size:1.6rem;letter-spacing:-.035em;outline:none}.how-dialog-header button{justify-content:center;width:44px;min-height:44px;padding:0;font-size:1.5rem}#howTo button:focus-visible{outline:2px solid var(--squad-green);outline-offset:3px}.how-section{margin-bottom:1.5rem;padding-top:1.25rem;border-top:1px solid var(--landing-border)}.how-section:last-child{margin-bottom:0}.how-section h3{color:var(--landing-text);font-size:1.1rem;margin:0 0 .75rem;font-weight:600}.how-section p{color:var(--landing-muted);line-height:1.5;margin:0 0 .75rem}.how-section ul{margin:.5rem 0 0 1rem;padding:0}.how-section li{color:var(--landing-muted);line-height:1.5;margin-bottom:.25rem}.tile-examples{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.tile-example{display:flex;align-items:center;gap:.75rem}.example-tile{width:45px;height:45px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:#fff;border-radius:4px;text-transform:uppercase}.example-tile.correct{background-color:var(--correct-bg);color:var(--correct-text);box-shadow:2px 2px 4px var(--correct-shadow-dark),-1px -1px 2px var(--correct-shadow-light)}.example-tile.present{background-color:var(--present-bg);color:var(--present-text);box-shadow:2px 2px 4px var(--present-shadow-dark),-1px -1px 2px var(--present-shadow-light)}.example-tile.absent{background-color:var(--absent-bg);color:var(--absent-text);box-shadow:2px 2px 4px var(--absent-shadow-dark),-1px -1px 2px var(--absent-shadow-light)}.tile-example span{color:var(--landing-muted);font-size:.9rem;line-height:1.4}@media (max-width: 480px){.tile-examples{gap:.5rem}.example-tile{width:35px;height:35px;font-size:1rem}.tile-example span{font-size:.85rem}}#mainFooter{margin-top:auto;padding:2rem 1rem 1rem;text-align:center;color:var(--text-color);opacity:.8}#mainFooter a{color:var(--present-strong);text-decoration:none}#mainFooter a:hover{text-decoration:underline}@media (prefers-reduced-motion: no-preference){.tiles-preparing #networkLobbies .card-eyebrow span,.squad-card.animation-pending .card-eyebrow span{text-shadow:none;opacity:.25}#donationSection.animation-pending .donation-ring,#donationSection.animation-pending .donation-ring-glow,#donationSection.animation-pending .donation-ring-over,#donationSection.animation-pending .donation-ring-over-glow{stroke-dasharray:0 100;opacity:0}.donation-ring,.donation-ring-glow,.donation-ring-over,.donation-ring-over-glow{transition:stroke-dasharray 1.4s cubic-bezier(.2,.8,.2,1),opacity .4s ease}#donationSection.donation-level-up .donation-ring-over,#donationSection.donation-level-up .donation-ring-over-glow{transition-delay:1.1s}#donationSection.donation-new-lap .donation-ring-over,#donationSection.donation-new-lap .donation-ring-over-glow{transition:none}#donationSection:is([data-tier="1"],[data-tier="2"],[data-tier="3"],[data-tier="4"]):not(.animation-pending) .donation-ring-spark{display:inline;animation:donation-spark 3.2s linear infinite}#donationSection:is([data-tier="1"],[data-tier="2"],[data-tier="3"],[data-tier="4"]) .donation-meter{animation:donation-aura 3.6s ease-in-out infinite}#donationSection:is([data-tier="1"],[data-tier="2"],[data-tier="3"],[data-tier="4"]) #donationPercent{animation:donation-shimmer 4s linear infinite}#donationSection[data-tier="4"] .donation-ring-over,#donationSection[data-tier="4"] .donation-ring-over-glow{animation:donation-aurora 6s linear infinite}#donationSection.donation-celebrate .donation-meter{animation:donation-pulse 1.4s ease-out}#donationSection.donation-celebrate:is([data-tier="1"],[data-tier="2"],[data-tier="3"],[data-tier="4"]) .donation-meter{animation:donation-pulse 1.4s ease-out,donation-aura 3.6s ease-in-out 1.4s infinite}#donationSection.donation-level-up .donation-meter{animation:donation-pulse 1.4s ease-out,donation-level-pop .9s ease-out 1.1s,donation-aura 3.6s ease-in-out 2s infinite}#donationSection.donation-celebrate .donation-ring-glow{animation:donation-glow 2.4s ease-out}#donationSection.donation-celebrate .card-eyebrow span{animation:donation-sparkle 1.2s ease-out 2}}@keyframes donation-pulse{0%,to{transform:scale(1)}35%{transform:scale(1.045)}65%{transform:scale(.99)}}@keyframes donation-glow{0%,to{stroke-width:24;filter:blur(12px)}40%{stroke-width:36;filter:blur(18px)}}@keyframes donation-spark{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}@keyframes donation-aura{0%,to{box-shadow:8px 8px 18px var(--landing-shadow),-6px -6px 18px var(--landing-highlight),inset 1px 1px 2px var(--landing-sheen),0 0 14px color-mix(in srgb,var(--donation-over-color) 18%,transparent)}50%{box-shadow:8px 8px 18px var(--landing-shadow),-6px -6px 18px var(--landing-highlight),inset 1px 1px 2px var(--landing-sheen),0 0 34px 6px color-mix(in srgb,var(--donation-over-color) 38%,transparent)}}@keyframes donation-shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}@keyframes donation-aurora{0%,to{stroke:var(--donation-lap-4)}25%{stroke:var(--donation-lap-1)}50%{stroke:var(--donation-lap-2)}75%{stroke:var(--donation-lap-3)}}@keyframes donation-level-pop{0%,to{transform:scale(1)}30%{transform:scale(1.08)}60%{transform:scale(.98)}}@keyframes donation-confetti{0%{opacity:1;transform:translate(0) rotate(0) scale(.4)}70%{opacity:1}to{opacity:0;transform:translate(var(--dx),calc(var(--dy) + 40px)) rotate(var(--spin)) scale(1)}}@keyframes donation-sparkle{0%,to{text-shadow:0 0 16px #64f696a6}50%{text-shadow:0 0 28px #64f696ff}}#heroCard .play-actions[data-waking]>:not(#wakePanel){display:none}.wake-panel{display:grid;justify-items:center;gap:.75rem;padding:1.5rem 1.25rem 1.25rem;border:1px solid var(--landing-border);border-radius:20px;background:var(--landing-inset);box-shadow:inset 3px 3px 8px var(--landing-shadow),inset -2px -2px 6px var(--landing-highlight);color:var(--landing-text);text-align:center}.wake-tiles{display:flex;gap:.4rem;margin-bottom:.25rem}.wake-tiles span{display:grid;place-items:center;width:36px;height:40px;border-radius:9px;background:#64f696;color:#11291b;font-size:1rem;font-weight:800;box-shadow:0 0 18px #64f69633,3px 3px 7px var(--landing-shadow)}.wake-tiles span:nth-child(2n){background:#e6c86f;color:#332a13;box-shadow:0 0 16px #e6c86f26,3px 3px 7px var(--landing-shadow)}.wake-panel[data-state=ready] .wake-tiles span{background:#64f696;color:#11291b}.wake-panel[data-state=disabled] .wake-tiles span,.wake-panel[data-state=timeout] .wake-tiles span{background:var(--tile-bg);color:var(--landing-muted);box-shadow:3px 3px 7px var(--landing-shadow),-2px -2px 6px var(--landing-highlight)}.wake-panel h3{margin:0;font-size:1.05rem}.wake-panel h3:focus{outline:none}.wake-status{margin:0;max-width:24rem;color:var(--landing-muted);font-size:.8rem;line-height:1.5}.wake-eta{display:grid;gap:.1rem;margin-top:.25rem}.wake-eta strong{color:var(--squad-green);font-size:1.9rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}.wake-eta span{color:var(--landing-muted);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase}.wake-progress{--wake-progress: 0%;position:relative;width:100%;max-width:18rem;height:10px;overflow:hidden;border-radius:999px;background:var(--landing-track);box-shadow:inset 2px 2px 4px var(--landing-shadow)}.wake-progress:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--wake-progress);border-radius:inherit;background:linear-gradient(90deg,#53db83,#82ffaf);box-shadow:0 0 12px #64f69666;transition:width 1s linear}.wake-panel[data-state=disabled] .wake-eta,.wake-panel[data-state=disabled] .wake-progress,.wake-panel[data-state=timeout] .wake-eta,.wake-panel[data-state=timeout] .wake-progress{display:none}.wake-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.25rem}.wake-actions .play-secondary{justify-content:center;min-width:7rem}@media (prefers-reduced-motion: no-preference){.wake-tiles span{animation:wake-tile-hop 1.4s ease-in-out infinite}.wake-tiles span:nth-child(2){animation-delay:.1s}.wake-tiles span:nth-child(3){animation-delay:.2s}.wake-tiles span:nth-child(4){animation-delay:.3s}.wake-tiles span:nth-child(5){animation-delay:.4s}.wake-panel[data-state=ready] .wake-tiles span{animation:squad-tile-flip .5s ease-out backwards}.wake-panel[data-state=disabled] .wake-tiles span,.wake-panel[data-state=timeout] .wake-tiles span{animation:none}}@keyframes wake-tile-hop{0%,60%,to{transform:none}30%{transform:translateY(-8px)}}#penPalCard{grid-template-columns:1fr minmax(260px,300px)}#penPalCard[data-view=games] .penpal-relay,#penPalCard[data-view=checking] .penpal-relay{display:none}#penPalHeading{margin:0;font-size:clamp(1.65rem,4vw,2.1rem);line-height:1.14;letter-spacing:-.035em}#penPalCard [hidden]{display:none}#penPalCard :focus-visible{outline:2px solid var(--squad-green);outline-offset:4px}.penpal-app-hint{margin:.75rem 0 0;color:var(--squad-green);font-size:.85rem;font-weight:700}.penpal-actions{display:grid;gap:.85rem;min-width:0}.penpal-actions[data-waking]>:not(#wakePanel){display:none}.penpal-start{display:grid;gap:.6rem}#penPalStart svg,#penPalFinishJoin svg{width:16px;height:16px;flex:none;fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.penpal-relay{--relay-ring-off: inset 3px 3px 7px var(--landing-shadow), inset -2px -2px 6px var(--landing-highlight), 0 0 0 0 #64f69600, 0 0 0 #64f69600;--relay-ring-on: inset 3px 3px 7px var(--landing-shadow), inset -2px -2px 6px var(--landing-highlight), 0 0 0 3px #64f696, 0 0 14px #64f69666;--relay-ring-glow: inset 3px 3px 7px var(--landing-shadow), inset -2px -2px 6px var(--landing-highlight), 0 0 0 3px #64f696, 0 0 20px #64f69680;display:flex;align-items:flex-start;justify-content:center;gap:10px;width:100%;max-width:300px;margin-top:1.5rem}.penpal-who{display:flex;flex-direction:column;align-items:center;gap:6px;flex:none}.penpal-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--landing-inset);font-size:24px;box-shadow:inset 3px 3px 7px var(--landing-shadow),inset -2px -2px 6px var(--landing-highlight)}.penpal-tag{color:var(--squad-green);font-size:.625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:0}.penpal-who.b .penpal-tag{opacity:1}.penpal-who.b .penpal-avatar{box-shadow:var(--relay-ring-on)}.penpal-track{position:relative;flex:1;height:48px}.penpal-track:before{content:"";position:absolute;left:4px;right:4px;top:50%;border-top:2px dashed var(--landing-muted);opacity:.45}.penpal-envelope{position:absolute;top:4px;left:calc(100% - 40px);display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#64f696;color:#11291b;box-shadow:0 0 22px #64f69640,4px 4px 8px var(--landing-shadow)}.penpal-envelope svg{width:20px;height:20px;fill:none;stroke:currentcolor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media (prefers-reduced-motion: reduce){.penpal-envelope{left:calc(50% - 20px)}}@media (prefers-reduced-motion: no-preference){.penpal-relay.is-playing .penpal-envelope,.penpal-relay.is-playing .penpal-who .penpal-avatar,.penpal-relay.is-playing .penpal-tag{animation-duration:6.4s;animation-iteration-count:infinite}.penpal-relay.is-playing .penpal-envelope{animation-name:penpal-relay-mail;animation-timing-function:cubic-bezier(.45,0,.25,1)}.penpal-relay.is-playing .penpal-who.a .penpal-avatar{animation-name:penpal-relay-hop-a;animation-timing-function:ease-out}.penpal-relay.is-playing .penpal-who.b .penpal-avatar{animation-name:penpal-relay-hop-b;animation-timing-function:ease-out}.penpal-relay.is-playing .penpal-who.a .penpal-tag{animation-name:penpal-relay-tag-a;animation-timing-function:linear}.penpal-relay.is-playing .penpal-who.b .penpal-tag{animation-name:penpal-relay-tag-b;animation-timing-function:linear}}@keyframes penpal-relay-mail{0%,10%{left:0;transform:none}22%{left:calc(50% - 20px);transform:translateY(-12px) rotate(6deg)}34%,60%{left:calc(100% - 40px);transform:none}72%{left:calc(50% - 20px);transform:translateY(-12px) rotate(-6deg)}84%,to{left:0;transform:none}}@keyframes penpal-relay-hop-b{0%,33%{transform:none;box-shadow:var(--relay-ring-off)}37%{transform:translateY(-6px) scale(1.06);box-shadow:var(--relay-ring-glow)}42%,58%{transform:none;box-shadow:var(--relay-ring-on)}62%,to{transform:none;box-shadow:var(--relay-ring-off)}}@keyframes penpal-relay-hop-a{0%,6%{transform:none;box-shadow:var(--relay-ring-on)}10%,83%{transform:none;box-shadow:var(--relay-ring-off)}87%{transform:translateY(-6px) scale(1.06);box-shadow:var(--relay-ring-glow)}92%,to{transform:none;box-shadow:var(--relay-ring-on)}}@keyframes penpal-relay-tag-b{0%,34%{opacity:0}38%,58%{opacity:1}62%,to{opacity:0}}@keyframes penpal-relay-tag-a{0%,6%{opacity:1}10%,84%{opacity:0}88%,to{opacity:1}}.penpal-list{display:flex;flex-direction:column;gap:12px;width:100%}.penpal-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 14px 10px 10px;border:1px solid var(--landing-border);border-radius:16px;background:linear-gradient(145deg,var(--landing-control-start),var(--landing-control-end));color:var(--landing-text);font:inherit;text-align:left;box-shadow:4px 4px 10px var(--landing-shadow),-3px -3px 9px var(--landing-highlight);cursor:pointer}.penpal-row:hover{box-shadow:5px 5px 12px var(--landing-shadow),-3px -3px 10px var(--landing-highlight)}.penpal-row:active{transform:translateY(1px);box-shadow:inset 3px 3px 8px var(--landing-shadow),inset -2px -2px 6px var(--landing-highlight)}.penpal-row .penpal-avatar{width:44px;height:44px;font-size:22px}.penpal-row-text{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.penpal-chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;background:var(--landing-inset);color:var(--landing-muted);font-size:.7rem;font-weight:700;box-shadow:inset 2px 2px 5px var(--landing-shadow),inset -1px -1px 4px var(--landing-highlight)}.penpal-chip.is-turn{background:#64f696;color:#11291b;box-shadow:0 0 14px #64f69640}.penpal-meta{overflow:hidden;max-width:100%;color:var(--landing-muted);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.penpal-score{font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums}.penpal-checking{display:grid;align-content:center;justify-items:center;gap:.5rem;min-height:9rem;color:var(--landing-muted);font-size:.8rem;text-align:center}.penpal-checking:not([data-state=waking]) .wake-tiles{display:none}.penpal-checking-title{margin:0}.penpal-checking[data-state=waking] .penpal-checking-title{color:var(--landing-text);font-size:1rem;font-weight:700}.penpal-checking-detail{margin:0;max-width:22rem;line-height:1.5}.penpal-claim-form{display:grid;gap:.6rem}.penpal-claim-form label{color:var(--landing-muted);font-size:.75rem}.penpal-claim-controls:has(#penPalClaimPaste:not([hidden])){grid-template-columns:minmax(0,1fr) auto auto}#penPalClaimCode{width:100%;min-width:0;padding:.9rem .5rem;border:1px solid var(--landing-border);border-radius:12px;background:var(--landing-inset);color:var(--landing-text);font-family:monospace;font-size:1rem;letter-spacing:.12em;text-align:center;text-transform:uppercase;box-shadow:inset 4px 4px 10px var(--landing-shadow),inset -2px -2px 8px var(--landing-highlight)}#penPalCard .penpal-quiet{justify-self:center;color:var(--landing-muted)}#penPalError{margin:0}@media (max-width: 640px){#penPalCard{grid-template-columns:1fr}.penpal-copy{display:flex;flex-direction:column;align-items:center;max-width:22rem;text-align:center}.penpal-actions{width:100%}}