@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/47faf0e9117ce2e3-s.270md_-rr62el.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/660acf689794c992-s.p.0lsanbtneewqp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.-SnNWq_className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.-SnNWq_variable{--font-body:"DM Sans", "DM Sans Fallback"}
@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8bcddb47c8219945-s.3gpqod6e6kd7d.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/c0680f1bdb3a2e90-s.p.1ay-qk1u8nydy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.vjxMaa_className{font-family:Outfit,Outfit Fallback;font-style:normal}.vjxMaa_variable{--font-display:"Outfit", "Outfit Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-body);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.block{display:block}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--paper:#f8f6ef;--ink:#243c32;--green:#205b46;--green-dark:#174735;--muted:#7a8177;--line:#dedfd4;--coral:#ec876c;--cream:#f3e8bf;--font-sans:var(--font-body)}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--font-body), Arial, sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:14px}body:has(dialog[open]){overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:5px;outline:3px solid #cf7756}button{transition:background .18s,transform .18s,box-shadow .18s}button:not(:disabled):active{transform:translateY(2px)}input{width:100%;height:52px;color:var(--ink);font:inherit;background:#fffef9;border:1px solid #d7d9ce;border-radius:10px;padding:0 15px;font-size:16px}input::placeholder{color:#a0a499}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display), sans-serif;letter-spacing:-.04em}svg{flex-shrink:0}.page-wrap{flex-direction:column;max-width:1440px;min-height:100svh;margin:auto;padding:0 6.2%;display:flex}.site-header{border-bottom:1px solid var(--line);z-index:2;justify-content:space-between;align-items:center;height:105px;display:flex;position:relative}.logo{font-family:var(--font-display);letter-spacing:-1.6px;align-items:center;font-size:29px;font-weight:600;display:flex}.logo-icon{background:var(--green);color:#f7edc9;border-radius:10px;place-items:center;width:35px;height:38px;margin-right:10px;display:grid;transform:rotate(-7deg)}.logo-slam{font-weight:400}.logo-dot{color:#d97152}.site-header nav{align-items:center;gap:21px;display:flex}.nav-help{background:0 0;border:0;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.nav-divider{background:var(--line);width:1px;height:21px}.icon-button{color:var(--ink);background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:inline-grid}.icon-button:hover{background:#e9eadd}.header-avatar{background:#ead4bb;border-radius:50%;place-items:center;width:29px;height:29px;font-size:12px;font-weight:700;display:grid}.home-main{flex:1;padding-top:24px}.hero{grid-template-columns:1fr 1.03fr;align-items:center;gap:24px;min-height:509px;display:grid}.hero-copy{padding:25px 0 35px;position:relative}.hero-tag{letter-spacing:1.7px;align-items:center;gap:9px;margin-bottom:23px;font-size:9px;font-weight:650;display:flex}.status-dot{background:#4e8d5d;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 3px #4e8d5d12}.hero h1{letter-spacing:-5.3px;font-size:clamp(62px,6.8vw,94px);font-weight:560;line-height:1.015;display:inline-block;position:relative}.hero h1>span:not(.headline-spark){color:var(--green)}.headline-spark{color:#dc795a;font-family:Arial;font-size:51px;font-weight:400;line-height:1;position:absolute;top:4px;right:-53px;transform:rotate(10deg)}.hero-description{color:#70786b;letter-spacing:-.12px;margin-top:24px;font-size:14px;line-height:1.85}.text-button{color:var(--ink);background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:12px;font-weight:550;display:inline-flex}.text-button:hover{color:#b05b40}.hero-how{gap:9px;margin-top:23px;font-size:12px}.play-circle{border:1px solid #b8bdac;border-radius:50%;place-items:center;width:22px;height:22px;padding-left:2px;font-size:7px;display:grid}.hero-social{color:#8b8f83;align-items:center;gap:11px;margin-top:33px;font-size:10px;line-height:1.65;display:flex}.hero-social b{color:#616e5c;font-weight:500}.mini-avatars{padding-left:0;display:flex}.mini-avatars span{border:2px solid var(--paper);width:30px;height:30px;font-family:var(--font-display);color:#6f503b;background:#ddc9af;border-radius:50%;place-items:center;margin-left:-6px;font-size:12px;font-weight:600;display:grid}.mini-avatars span:first-child{color:#475837;background:#cad6ba;margin-left:0;transform:rotate(-12deg)}.mini-avatars span:last-child{color:#8a4c36;background:#e8b9a8;transform:rotate(12deg)}.social-squiggle{color:#b1b6a2;margin-left:3px}.hero-art{isolation:isolate;background:#e9ecdd;border-radius:50% 48% 46% 49%;height:440px;margin:0 0 12px;position:relative}.hero-art:before{content:"";border-radius:inherit;opacity:.38;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.1' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.art-orbit{border:1px dashed #b7c1aa80;border-radius:50%;position:absolute;inset:38px 5px;transform:rotate(-18deg)}.orbit-two{inset:73px -10px;transform:rotate(19deg)}.art-top-note{letter-spacing:1.45px;white-space:nowrap;color:#69765f;align-items:center;gap:8px;font-size:7px;display:flex;position:absolute;top:48px;left:50%;transform:translate(-50%)}.art-top-note .status-dot{width:4px;height:4px}.art-word{justify-content:center;gap:9px;display:flex;position:absolute;top:178px;left:20px;right:14px}.letter-card{color:#394b38;width:100px;height:139px;font-family:var(--font-display), sans-serif;vertical-align:middle;-webkit-user-select:none;user-select:none;background:#f4e9c5;border:1px solid #cbbb90;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;box-shadow:0 4px #cdbd92,0 7px 8px #34422a12,inset 0 0 0 4px #fff5d5,inset 0 0 0 5px #d0c39b}.card-letter{letter-spacing:-3px;font-size:70px;font-weight:450;line-height:1}.card-corner{font-size:10px;font-weight:500;line-height:1;position:absolute;top:9px;left:10px}.card-bottom{inset:auto 10px 9px auto;transform:rotate(180deg)}.card-green{color:#fff4cf;background:#2a644d;border-color:#1c4534;box-shadow:0 4px #173d2e,0 7px 8px #34422a18,inset 0 0 0 4px #2e6a53,inset 0 0 0 5px #82a17a}.card-coral{color:#593c2c;background:#eb8a70;border-color:#c86b54;box-shadow:0 4px #c26b54,0 7px 8px #34422a12,inset 0 0 0 4px #f3a18a,inset 0 0 0 5px #c87760}.art-word .letter-card{width:94px;height:132px}.art-tile-0{transform:rotate(-11deg)translateY(4px)}.art-tile-1{transform:rotate(4deg)translateY(-5px)}.art-tile-2{transform:rotate(-5deg)translateY(0)}.art-tile-3{transform:rotate(9deg)translateY(8px)}.float-tag{z-index:3;background:#fffcf4;border:1px solid #e4e0d2;align-items:center;gap:6px;display:flex;position:absolute;box-shadow:0 6px 16px #48523a09}.tag-first{color:#7c8274;border-radius:9px;padding:9px 11px;font-size:10px;top:104px;left:20px;transform:rotate(-6deg)}.tag-first b{color:var(--ink);font-size:10px}.tag-first>svg{color:#5e926b;margin-left:4px}.tag-avatar{color:#85523d;background:#e7bba8;border-radius:50%;place-items:center;width:24px;height:24px;margin-right:2px;font-size:10px;display:grid}.tag-second{letter-spacing:1.2px;color:#696745;background:#f8eebf;border-radius:7px;padding:10px 12px;font-size:7px;font-weight:600;bottom:74px;right:1px;transform:rotate(-6deg)}.tag-second svg{color:#ba8b42}.flying-card{z-index:4;animation:5s ease-in-out infinite card-float;position:absolute;top:82px;left:45%;transform:rotate(16deg)}.flying-card .letter-card{width:91px;height:126px}.flying-card .card-letter{font-size:66px}.flying-card>svg{color:var(--ink);stroke:#f8f6ef;stroke-width:1.5px;position:absolute;bottom:-19px;right:-21px;transform:rotate(-22deg)}.flying-card>.cursor-label{background:var(--green);color:#fefbe9;border-radius:4px;padding:4px 9px;font-size:9px;position:absolute;bottom:-39px;right:-41px;transform:rotate(-16deg)}.art-star{font-family:Arial;font-weight:400;line-height:1;position:absolute}.star-one{color:#c7884c;font-size:48px;top:97px;right:36px;transform:rotate(13deg)}.star-two{color:#6c8764;font-size:28px;bottom:67px;left:48px}.art-dot{background:#c9a973;border-radius:50%;width:7px;height:7px;position:absolute}.dot-one{bottom:141px;right:31px}.dot-two{background:#849778;width:5px;height:5px;top:165px;left:17px}.art-bottom-note{color:#67765d;align-items:center;display:flex;position:absolute;bottom:24px;left:32%}.handwritten{font-family:var(--font-display);letter-spacing:-.4px;font-size:16px;font-weight:400;transform:rotate(-7deg)}.art-bottom-note svg{margin-left:-8px;transform:rotate(-50deg)translateY(-10px)}.play-options{grid-template-columns:1.12fr 1fr;gap:18px;margin-top:13px;display:grid}.option-card{border:1px solid #d9decb;border-radius:14px;grid-template-columns:41px 1fr;align-items:start;column-gap:15px;min-height:195px;padding:24px 25px;display:grid;position:relative;overflow:hidden}.create-card{background:#e9eddf}.join-card{background:#f5f2e8;border-color:#e2dfd3}.option-icon{color:#426744;background:#dfe7d1;border:1px solid #c6d2b6;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.join-card .option-icon{color:#8d8467;background:#f0e9d9;border-color:#e5ddc9}.eyebrow{letter-spacing:1.4px;align-items:center;gap:7px;font-size:8px;font-weight:650;display:inline-flex}.option-content h2{margin-top:5px;font-size:25px;font-weight:500;line-height:1.25}.option-content p{color:#7d8374;margin-top:7px;font-size:11px;line-height:1.6}.button{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:25px;min-height:43px;padding:11px 19px;font-size:11px;font-weight:600;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 10px #243c3212}.button-green{background:var(--green);color:#fffcec;border-color:var(--green)}.button-green:hover:not(:disabled){background:#174b39}.button-outline{color:#475640;background:#fffcf650;border-color:#cdcfc0}.button-outline:hover:not(:disabled){background:#edeedc}.option-card>.button{z-index:1;grid-column:2;width:fit-content;margin-top:20px;position:relative}.option-card .option-deco{color:#dce4cf;font-size:85px;line-height:1;position:absolute;bottom:12px;right:20px}.feature-strip{color:#7f8775;justify-content:center;align-items:center;gap:23px;padding:27px 0 32px;font-size:10px;display:flex}.feature-strip span{align-items:center;gap:7px;display:flex}.feature-strip i{background:#b7bcaa;border-radius:50%;width:3px;height:3px}.feature-strip svg{stroke-width:1.5px}.site-footer{border-top:1px solid var(--line);color:#929687;justify-content:space-between;align-items:center;margin-top:auto;padding:20px 0 22px;font-size:9px;display:flex}.site-footer>span:last-child{align-items:center;gap:7px;display:flex}.footer-spark{color:#91a080;margin-left:21px;font-size:19px}.modal{background:var(--paper);color:var(--ink);border:1px solid #dfdfd1;border-radius:19px;width:min(460px,100% - 32px);max-height:90svh;margin:auto;padding:42px 38px 30px;animation:.2s ease-out modal-in;position:fixed;overflow:auto;box-shadow:0 25px 100px #18352735}.modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1c302b66}.modal-close{position:absolute;top:12px;right:12px}.auth-panel,.join-panel,.tutorial,.leave-panel{text-align:center}.modal-symbol{color:#3c6848;background:#e5eada;border-radius:16px;place-items:center;width:55px;height:55px;margin:0 auto 22px;display:grid;transform:rotate(-8deg)}.auth-panel>.eyebrow,.join-panel>.eyebrow,.tutorial>.eyebrow{color:#839075;font-size:8px}.auth-panel h2,.join-panel h2,.tutorial h2,.leave-panel h2{margin-top:12px;font-size:37px;font-weight:500;line-height:1.12}.auth-panel p,.join-panel p,.tutorial>p,.leave-panel>p{color:#7b8373;margin-top:16px;font-size:12px;line-height:1.8}.google-button{background:#fffef9;border:1px solid #d2d6c9;justify-content:space-between;gap:12px;width:100%;margin-top:27px;font-size:12px}.or-divider{text-align:center;border-top:1px solid var(--line);margin:26px 0 22px;line-height:0;position:relative}.or-divider span{background:var(--paper);color:#8d9584;padding:0 12px;font-size:10px}.field-label{text-align:left;margin-bottom:8px;font-size:10px;font-weight:600;display:block}.auth-panel form .button,.join-panel form .button{justify-content:space-between;width:100%;margin-top:12px;font-size:12px}.auth-footnote,.join-panel>small{color:#93998b;margin-top:23px;font-size:9px;line-height:1.7;display:block}.error-message{background:#f5e4db;border-radius:7px;padding:12px 14px;line-height:1.6;color:#aa4936!important;margin-top:14px!important;font-size:12px!important}.home-error{max-width:600px;margin:14px auto!important}.join-panel form{margin-top:25px}.code-input{letter-spacing:9px;text-align:center;font-family:var(--font-display);font-size:25px;font-weight:500}.tutorial-board{justify-content:center;gap:9px;margin:28px 0 19px;display:flex}.card-small{border-radius:6px;width:57px;height:78px;box-shadow:0 3px #cdbd92,0 5px 5px #34422a0a,inset 0 0 0 3px #fff5d5,inset 0 0 0 4px #d0c39b}.card-small .card-letter{letter-spacing:-1px;font-size:39px}.card-small .card-corner{font-size:6px;top:6px;left:7px}.card-small .card-bottom{inset:auto 7px 6px auto}.card-small.card-coral{box-shadow:0 3px #c26b54,0 5px 5px #34422a0a,inset 0 0 0 3px #f3a18a,inset 0 0 0 4px #c87760}.card-small.card-green{box-shadow:0 3px #173d2e,0 5px 5px #34422a0a,inset 0 0 0 3px #2e6a53,inset 0 0 0 4px #82a17a}.tutorial-instruction{font-weight:600;color:var(--green)!important;margin-bottom:15px!important}.card-selected{outline-offset:4px;outline:2px solid #d87758;transform:translateY(-10px)!important}.tutorial-dots{justify-content:center;gap:6px;margin:23px 0 17px;display:flex}.tutorial-dots span{background:#d6dbca;border-radius:50%;width:5px;height:5px}.tutorial-dots span.active{background:var(--green);border-radius:4px;width:17px}.tutorial>small{color:#8b9480;font-size:9px;line-height:1.6}.tutorial-success{color:var(--green);justify-content:center;align-items:center;gap:7px;margin-bottom:20px;font-size:11px;display:flex}.tutorial .button{width:100%}.room-main{flex:1;padding:28px 0 40px}.room-topline{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.room-round{color:#98a08f;margin-left:4px}.leave-button{color:#828b78;font-size:10px}.room-layout{grid-template-columns:minmax(0,1fr) 267px;gap:23px;display:grid}.game-table{background:#fdfcf6;border:1px solid #dce0d0;border-radius:15px;padding:25px;position:relative;overflow:hidden}.table-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.table-header .eyebrow{color:#8d957f;font-size:7px}.table-header h1{margin-top:5px;font-size:29px;font-weight:500}.connection-label{color:#6a8a68;align-items:center;gap:5px;font-size:9px;display:flex}.connection-off{color:#bc7156}.players-row{border-bottom:1px solid #e9ebdf;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-bottom:24px;display:flex}.player-badge{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.player-badge:not(.player-you){justify-content:flex-end}.player-avatar{color:#a46c48;width:39px;height:39px;font-family:var(--font-display);background:#f3dfca;border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;font-weight:500;display:grid;position:relative}.player-you .player-avatar{color:#527543;background:#dce7ce}.player-avatar i{background:#c9cbbc;border:2px solid #fdfcf6;border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0}.player-avatar i.is-online{background:#6c9a61}.player-badge>div{min-width:0}.player-badge b{overflow-wrap:anywhere;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.player-badge b small{letter-spacing:.5px;color:#718267;background:#e8eddf;border-radius:3px;padding:2px 4px;font-size:6px}.player-badge>div>span{color:#959c89;margin-top:4px;font-size:9px;display:block}.versus{font-family:var(--font-display);color:#a3aa96;padding:0 8px;font-size:12px;font-style:italic}.ready-check{color:#4d7a49}.waiting-board{text-align:center;padding:55px 0 33px}.waiting-cards{justify-content:center;gap:9px;margin-bottom:40px;display:flex}.waiting-cards .letter-card{width:83px;height:114px}.waiting-cards .card-letter{font-size:59px}.waiting-message{justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:550;display:flex}.pulse-ring{background:#8fa67c;border-radius:50%;width:6px;height:6px;animation:2s ease-out infinite pulse;box-shadow:0 0 0 4px #8fa67c1c}.waiting-board>p{color:#969e89;margin-top:11px;font-size:11px}.ready-button{min-width:240px;margin-top:25px}.room-sidebar{flex-direction:column;gap:17px;display:flex}.invite-card{background:#e8ecdf;border:1px solid #d9dfcd;border-radius:13px;padding:23px 20px}.aside-icon{color:#6f8561;margin-bottom:15px}.invite-card .eyebrow{letter-spacing:1px;color:#7d8c6e;font-size:6px}.invite-card h2{margin-top:5px;font-size:24px;font-weight:500}.invite-card p{color:#849076;margin-top:9px;font-size:10px;line-height:1.8}.invite-code{width:100%;color:var(--green);font-size:24px;font-family:var(--font-display);letter-spacing:4px;background:#f9f9ef;border:1px dashed #b9c4aa;border-radius:7px;justify-content:space-between;align-items:center;margin-top:18px;padding:12px 13px;font-weight:500;display:flex}.invite-code svg{color:#7c8b6c}.invite-card>.button{background:0 0;gap:8px;width:100%;min-height:38px;margin-top:10px;padding:9px;font-size:10px}.invite-note{color:#8a977d;justify-content:center;align-items:center;gap:6px;margin-top:14px;font-size:8px;display:flex}.activity-card{border:1px solid var(--line);background:#fbfaf3;border-radius:12px;padding:17px 19px}.activity-title{justify-content:space-between;align-items:center;display:flex}.activity-title .eyebrow{color:#7c8970;font-size:7px}.activity-count{color:#8c967d;background:#eceee2;border-radius:4px;padding:2px 6px;font-size:8px}.activity-empty{text-align:center;padding:28px 0 15px}.activity-empty>span{color:#bec8ac;font-size:30px}.activity-empty>p{font-family:var(--font-display);color:#869274;margin-top:10px;font-size:17px;line-height:1.3}.activity-empty>small{color:#a5ad99;margin-top:12px;font-size:8px;display:block}.quick-rule{color:#889979;gap:9px;padding:0 3px;display:flex}.quick-rule svg{color:#b4bd9e}.quick-rule p{font-size:9px;line-height:1.8}.quick-rule b{color:#a3ac94;font-weight:400}.live-board{text-align:center;padding:37px 0 29px;position:relative}.board-label{letter-spacing:1.8px;color:#9aa38c;font-size:7px;font-weight:600}.board-letters{justify-content:center;gap:12px;margin-top:23px;display:flex}.board-letters .letter-card:disabled{opacity:1}.board-letters button:not(:disabled):hover{outline-offset:5px;outline:2px dashed #9aaf82;transform:translateY(-7px)}.board-hint{color:#8c997c;min-height:16px;margin-top:25px;font-size:10px}.hand-section{border-top:1px solid #e9ebdf;padding-top:20px}.hand-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.hand-heading>span{align-items:center;gap:8px;display:flex}.hand-heading b{font-size:12px;font-weight:600}.hand-count{color:#8d9b7c;background:#eef1e5;border-radius:4px;padding:4px 7px;font-size:8px}.hand-heading .text-button{color:#91a17d;font-size:9px}.hand-cards{flex-wrap:wrap;justify-content:center;gap:9px;min-height:85px;padding:0 0 13px;display:flex}.hand-cards .card-small{width:45px;height:64px;box-shadow:0 3px #cdbd92,inset 0 0 0 2px #fff5d5,inset 0 0 0 3px #d0c39b}.hand-cards .card-small.card-coral{box-shadow:0 3px #c26b54,inset 0 0 0 2px #f3a18a,inset 0 0 0 3px #c87760}.hand-cards .card-letter{font-size:32px}.hand-cards .card-corner{font-size:5px;top:5px;left:5px}.hand-cards .card-bottom{inset:auto 5px 5px auto}.hand-cards button:not(:disabled):hover{transform:translateY(-7px)}.hand-cards button:disabled{opacity:.75}.hand-footnote{text-align:center;color:#a8b098;margin:9px 0 1px;font-size:8px;display:block}.countdown-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fdfcf6e8;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown-overlay>span{letter-spacing:4px;color:#799069;font-size:10px}.countdown-overlay>strong{font-family:var(--font-display);color:var(--green);font-size:110px;line-height:1.15;animation:.3s ease-out count-in}.result-panel{background:#f0ede2;border:1px solid #dfdfcb;border-radius:10px;flex-wrap:wrap;align-items:center;gap:16px;padding:22px 17px;display:flex;position:relative}.result-win{background:#e7eddb}.result-panel>svg{color:#b59441}.result-panel>div:not(.confetti){flex:1;min-width:180px}.result-panel h2{font-size:24px;font-weight:500}.result-panel p{color:#89977a;margin-top:5px;font-size:10px;line-height:1.7}.result-panel .button{gap:9px;width:100%}.confetti{pointer-events:none;border-radius:10px;position:absolute;inset:0;overflow:hidden}.confetti i{width:5px;height:10px;animation:2.2s ease-out forwards confetti-fall;position:absolute;top:-15px}.move-list{margin:13px 0 0;padding:0;list-style:none}.move-list li{border-bottom:1px solid #eaedde;align-items:center;gap:10px;padding:9px 0;display:flex}.move-list li:last-child{border-bottom:0}.move-dot{background:#e4ae8c;border-radius:50%;width:6px;height:6px}.move-dot.move-you{background:#8ca47b}.move-list li>div{flex-direction:column;gap:3px;display:flex}.move-list b{font-family:var(--font-display);letter-spacing:2px;font-size:15px;font-weight:500}.move-list small{color:#97a184;font-size:8px}.latest-label{letter-spacing:.7px;color:#80906c;background:#e9eddf;border-radius:3px;margin-left:auto;padding:4px 5px;font-size:6px}.game-error,.connection-banner{color:#a35e47;background:#f7e9e0;border:1px solid #ebcabc;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;margin-top:15px;padding:12px;font-size:10px;line-height:1.8;display:flex}.game-error button{color:inherit;background:0 0;border:0;font-size:18px}.connection-banner{color:#95814e;background:#f8f2db;border-color:#e3dcba}.connection-banner .text-button{color:#88713c;font-size:9px}.room-auth{max-width:380px;margin:15px auto 25px}.room-auth>.text-button{color:#8d9780;font-size:10px}.invite-pill{background:#e8edde;border-radius:30px;justify-content:center;align-items:center;gap:8px;margin:30px 0;padding:10px 15px;font-size:10px;display:flex}.room-auth .auth-panel{padding-top:10px}.empty-room{text-align:center;padding:65px 0}.big-emoji{color:#9caa85;font-size:60px}.empty-room h1{margin-top:15px;font-size:39px;font-weight:500}.empty-room p{color:#7f8a73;margin:15px 0 25px;font-size:13px}.room-loading{color:#8d987d;justify-content:center;align-items:center;gap:10px;min-height:50vh;font-size:12px;display:flex}.spin{animation:1s linear infinite spin}.leave-panel .button{width:100%;margin-top:25px}.stay-button{color:#839177;margin:20px auto 0;font-size:11px}@keyframes card-float{0%,to{transform:rotate(16deg)translateY(0)}50%{transform:rotate(12deg)translateY(-9px)}}@keyframes pulse{50%{opacity:.5}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@keyframes count-in{0%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes confetti-fall{to{opacity:0;top:110%;transform:rotate(500deg)}}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1400px){.hero{min-height:570px}.hero-art{height:490px}.art-word{gap:13px;top:205px}.art-word .letter-card{width:105px;height:147px}.flying-card{top:103px}.hero-tag{font-size:10px}.hero-description{font-size:16px}.hero h1{font-size:98px}.option-card{min-height:205px;padding:29px}.site-footer{padding:23px 0}.art-bottom-note{bottom:25px}}@media (max-width:1100px){.page-wrap{padding:0 5%}.hero{gap:15px;min-height:460px}.hero h1{letter-spacing:-4px;font-size:70px}.headline-spark{font-size:35px;right:-34px}.hero-art{height:385px}.art-word{gap:6px;top:160px;left:5px;right:5px}.art-word .letter-card{width:77px;height:111px}.art-word .card-letter{font-size:57px}.flying-card{top:74px}.flying-card .letter-card{width:77px;height:108px}.flying-card .card-letter{font-size:57px}.art-top-note{font-size:6px;top:40px}.tag-first{font-size:8px;top:97px;left:3px}.tag-first b{font-size:8px}.tag-second{font-size:6px;bottom:57px;right:0}.art-bottom-note{bottom:14px;left:27%}.handwritten{font-size:14px}.star-one{font-size:38px;top:87px;right:20px}.star-two{bottom:60px;left:30px}.hero-description{font-size:13px}.option-content h2{font-size:23px}.option-card{padding:21px}.room-layout{grid-template-columns:minmax(0,1fr) 245px;gap:17px}.game-table{padding:20px}.board-letters{gap:9px}.board-letters .letter-card{width:80px;height:114px}.board-letters .card-letter{font-size:58px}.table-header h1{font-size:25px}.connection-label{font-size:8px}.room-sidebar .invite-card{padding:20px 17px}.room-sidebar .eyebrow{font-size:6px}.waiting-cards .letter-card{width:70px;height:100px}.waiting-cards .card-letter{font-size:50px}}@media (max-width:800px){.page-wrap{padding:0 12px}.site-header{height:85px}.logo{font-size:27px}.logo-icon{width:32px;height:35px}.site-header nav{gap:14px}.hero{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding:28px 0 14px}.hero-tag{letter-spacing:1.4px;margin-bottom:20px;font-size:8px}.hero h1{letter-spacing:-4.5px;font-size:76px}.headline-spark{font-size:44px;top:4px;right:-49px}.hero-description{margin-top:20px;font-size:14px;line-height:1.8}.hero-social{margin-top:24px}.hero-art{width:min(100%,470px);height:390px;margin:20px auto 30px}.art-word{gap:11px;top:159px}.art-word .letter-card{width:88px;height:123px}.art-word .card-letter{font-size:62px}.flying-card{top:66px}.flying-card .letter-card{width:86px;height:120px}.flying-card .card-letter{font-size:62px}.art-top-note{font-size:6px;top:31px}.tag-first{font-size:9px;top:83px;left:10px}.tag-first b{font-size:9px}.tag-second{font-size:7px;bottom:59px;right:4px}.star-one{font-size:42px;top:77px;right:26px}.art-bottom-note{bottom:15px;left:30%}.handwritten{font-size:16px}.play-options{grid-template-columns:1fr;gap:14px;margin-top:6px}.option-card{min-height:192px;padding:24px}.option-content h2{font-size:28px}.option-content p{font-size:12px}.option-content .eyebrow{font-size:8px}.option-card>.button{gap:30px;min-height:45px;margin-top:18px;font-size:12px}.option-deco{right:35px!important}.feature-strip{flex-wrap:wrap;gap:17px;padding:25px 0;font-size:9px}.feature-strip i{display:none}.site-footer{gap:15px;padding:20px 0;font-size:8px}.footer-spark{margin-left:5px}.room-main{padding-top:23px}.room-layout{grid-template-columns:1fr}.room-sidebar{grid-template-columns:1fr 1fr;gap:14px;display:grid}.quick-rule{grid-column:1/-1;justify-content:center;margin-top:5px}.invite-card h2{font-size:22px}.invite-code{letter-spacing:3px;font-size:21px}.room-sidebar .invite-card{padding:18px 15px}.activity-card{padding:17px 15px}.game-table{padding:22px}.board-letters .letter-card{width:90px;height:127px}.board-letters .card-letter{font-size:64px}.table-header h1{font-size:28px}.table-header .eyebrow{font-size:6px}.waiting-board{padding:45px 0 30px}.waiting-cards .letter-card{width:81px;height:112px}.waiting-cards .card-letter{font-size:58px}.hand-cards{gap:10px}.hand-cards .card-small{width:51px;height:71px}.hand-cards .card-letter{font-size:37px}.room-topline .eyebrow{font-size:7px}}@media (max-width:440px){.site-header nav{gap:10px}.nav-help{gap:5px;font-size:11px}.nav-help svg{width:15px}.nav-divider{display:none}.site-header:has(.header-avatar) .nav-help{gap:0;font-size:0}.site-header:has(.header-avatar) .nav-help svg{width:18px}.header-avatar{width:25px;height:25px}.hero h1{letter-spacing:-3.8px;font-size:67px}.headline-spark{font-size:38px;right:-39px}.hero-tag{letter-spacing:1.2px;font-size:7px}.hero-description{font-size:12px}.hero-social{font-size:9px}.hero-art{height:335px;margin-top:23px;margin-bottom:25px}.art-word{gap:8px;top:139px}.art-word .letter-card{width:69px;height:99px}.art-word .card-letter{font-size:51px}.flying-card{top:58px;left:44%}.flying-card .letter-card{width:72px;height:101px}.flying-card .card-letter{font-size:54px}.art-top-note{letter-spacing:1.2px;font-size:5px;top:29px}.tag-first{gap:4px;padding:7px 8px;font-size:8px;top:73px;left:0}.tag-first b{font-size:8px}.tag-avatar{width:19px;height:19px;font-size:8px}.tag-second{letter-spacing:1px;padding:9px;font-size:5px;bottom:52px}.tag-second svg{width:13px}.star-one{font-size:33px;top:72px;right:20px}.star-two{font-size:23px;bottom:51px;left:24px}.art-bottom-note{bottom:13px;left:28%}.handwritten{font-size:13px}.art-bottom-note svg{width:42px;height:36px}.dot-one{width:5px;height:5px;bottom:116px;right:16px}.option-card{grid-template-columns:34px 1fr;column-gap:11px;padding:22px 19px}.option-icon{border-radius:9px;width:33px;height:33px}.option-icon svg{width:21px}.option-content h2{font-size:25px}.option-content p{font-size:10px}.option-content .eyebrow{font-size:6px}.option-card>.button{gap:25px;font-size:11px}.feature-strip{gap:13px;font-size:8px}.feature-strip svg{width:13px}.site-footer>span:last-child{gap:4px;font-size:7px}.site-footer svg{width:11px}.footer-spark{display:none}.game-table{padding:18px 14px}.table-header h1{font-size:23px}.connection-label{gap:0;font-size:0}.connection-label svg{width:15px}.player-badge{gap:7px}.player-avatar{width:32px;height:32px;font-size:15px}.player-badge b{gap:4px;font-size:10px}.player-badge>div>span{font-size:8px}.versus{padding:0;font-size:10px}.players-row{gap:7px;margin-top:20px;padding-bottom:20px}.waiting-cards{gap:6px;margin-bottom:33px}.waiting-cards .letter-card{width:64px;height:92px}.waiting-cards .card-letter{font-size:48px}.waiting-message{font-size:12px}.waiting-board>p{font-size:9px;line-height:1.8}.ready-button{min-width:220px;font-size:10px}.board-letters{gap:8px}.board-letters .letter-card{width:64px;height:92px}.board-letters .card-letter{font-size:48px}.board-hint{font-size:9px}.live-board{padding:28px 0 23px}.hand-heading b{font-size:11px}.hand-cards{gap:8px}.hand-cards .card-small{width:43px;height:61px}.hand-cards .card-letter{font-size:31px}.hand-heading .text-button{font-size:8px}.room-sidebar{grid-template-columns:1fr}.activity-empty{padding:15px 0}.activity-empty>p{font-size:15px}.activity-empty>p br{display:none}.invite-card h2{font-size:25px}.invite-card p{font-size:11px}.room-sidebar .invite-card{padding:21px}.room-sidebar .eyebrow{font-size:7px}.invite-code{font-size:26px}.invite-card>.button{font-size:11px}.room-topline .eyebrow{letter-spacing:1px;font-size:6px}.room-topline{gap:8px}.leave-button{font-size:9px}.modal{padding:39px 25px 27px}.auth-panel h2,.join-panel h2,.tutorial h2{font-size:34px}.result-panel{padding:17px 13px}.result-panel h2{font-size:22px}.quick-rule{justify-content:flex-start}.room-auth .auth-panel h2{font-size:38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:440px){.headline-spark{font-size:27px;top:7px;right:-27px}}@media (max-width:800px){.art-orbit{inset:45px 20px}.orbit-two{inset:73px 15px}}@media (max-width:360px){.hero h1{letter-spacing:-3.5px;font-size:58px}.hero-tag{font-size:6px}.nav-help{font-size:10px}.site-header nav{gap:7px}}.hero-description,.option-content p,.auth-panel p,.join-panel p,.tutorial>p,.leave-panel>p{color:#65715e}.board-label{color:#697b5b;font-size:9px}.board-hint{color:#657956;font-size:11px}.player-badge>div>span{color:#6d7d60}.hand-count{color:#617650}.hand-footnote{color:#728160;font-size:10px}.hand-heading .text-button{color:#627b50}.invite-card p,.invite-note,.activity-empty>small,.move-list small{color:#657951}@media (max-width:440px){.board-label{font-size:8px}.board-hint{font-size:10px}.hand-footnote{font-size:9px}.option-content .eyebrow,.room-sidebar .eyebrow{font-size:8px}}.idle-clock{--clock-accent:#376a51;align-items:center;gap:11px;width:fit-content;max-width:100%;margin-top:18px;display:flex}.clock-dial{width:46px;height:46px;color:var(--clock-accent);flex-shrink:0;place-items:center;transition:color .4s;display:grid;position:relative}.clock-ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.clock-ring circle{fill:none;stroke-width:2.5px}.clock-ring-track{stroke:#e5e8dc}.clock-ring-progress{stroke:currentColor;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.clock-seconds{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:17px;font-weight:550;line-height:1}.clock-copy{min-width:0}.clock-kicker{letter-spacing:1.4px;color:var(--clock-accent);font-size:8px;font-weight:650;transition:color .4s;display:block}.clock-copy p{color:#64715e;margin-top:4px;font-size:12px;line-height:1.45}.clock-warning{--clock-accent:#9b6427}.clock-urgent{--clock-accent:#b64132}.clock-urgent .clock-seconds{animation:1s ease-in-out infinite clock-number}@keyframes clock-number{0%,to{transform:scale(1)}40%{transform:scale(1.08)}}@media (max-width:440px){.idle-clock{gap:9px;margin-top:15px}.clock-dial{width:42px;height:42px}.clock-seconds{font-size:16px}.clock-kicker{letter-spacing:1px;font-size:7px}.clock-copy p{font-size:11px}}.players-section{display:flow-root;position:relative}.reactions-area{position:relative}.reactions-bar{align-items:center;gap:13px;min-height:38px;margin-top:12px;display:flex}.reactions-label{color:#728167;font-size:10px}.reaction-buttons{gap:5px;display:flex}.reaction-button{background:#f6f6ec;border:1px solid #e1e5d7;border-radius:11px;place-items:center;width:38px;height:36px;padding:0;display:grid}.reaction-button>span{font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:21px;line-height:1;display:block}.reaction-button:hover:not(:disabled){background:#edf1e0;border-color:#c3cfae;transform:translateY(-3px)rotate(-5deg);box-shadow:0 4px #dbe2cf}.reaction-button:disabled{opacity:.45}.reaction-sent>span{animation:.4s ease-out reaction-button-pop}.reaction-feedback{color:#657a52;flex:1;align-items:center;gap:4px;font-size:10px;line-height:1.5;display:inline-flex}.reaction-popup{z-index:6;text-align:center;pointer-events:none;background:#fffdf2;border:1px solid #d9dfc9;border-radius:20px 20px 5px;min-width:108px;max-width:155px;padding:12px 18px 10px;position:absolute;bottom:calc(100% + 18px);right:8px;box-shadow:0 8px 25px #30432a18,0 3px #e7e8d7}.reaction-popup:after{content:"";background:#fffdf2;border-bottom:1px solid #d9dfc9;border-right:1px solid #d9dfc9;width:12px;height:12px;position:absolute;bottom:-7px;right:13px;transform:rotate(45deg)}.reaction-popup-emoji{font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:45px;line-height:1.15;display:block}.reaction-popup-name{overflow-wrap:anywhere;color:#657a52;margin-top:6px;font-size:10px;font-weight:550;display:block}.reaction-popup-spark{color:#d4a556;font-size:19px;line-height:1;position:absolute}.spark-left{top:17px;left:-8px;transform:rotate(-12deg)}.spark-right{top:3px;right:-9px;transform:rotate(15deg)}@keyframes reaction-button-pop{0%,to{transform:scale(1)}45%{transform:scale(1.3)rotate(-12deg)}}@media (max-width:440px){.reactions-bar{flex-wrap:wrap;gap:9px}.reactions-label{max-width:58px;font-size:8px;line-height:1.5}.reaction-button{border-radius:10px;width:35px;height:35px}.reaction-button>span{font-size:20px}.reaction-feedback{min-width:30px;font-size:8px}.reaction-popup{min-width:92px;max-width:120px;padding:10px 14px 8px;bottom:calc(100% + 13px);right:2px}.reaction-popup-emoji{font-size:37px}.reaction-popup-name{font-size:9px}}.result-panel>.rematch-controls{z-index:1;flex:0 0 100%;width:100%;min-width:0;position:relative}.rematch-notice{border-top:1px solid #cdd6be;align-items:center;gap:10px;margin-bottom:15px;padding-top:14px;display:flex}.rematch-notice-icon{width:34px;height:34px;color:var(--green);background:#fff8;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.result-panel .rematch-notice p{color:var(--ink);margin:0}.rematch-notice strong{font-size:13px;font-weight:600;display:block}.rematch-notice p>span{color:#748365;margin-top:2px;font-size:11px;display:block}.rematch-actions{flex-wrap:wrap;gap:10px;display:flex}.result-panel .rematch-actions .button{flex:130px;gap:8px;width:auto}.result-panel .rematch-status{color:#657651;margin:0 0 12px;font-size:11px}.hand-cards .draggable-card{touch-action:none;cursor:grab;-webkit-touch-callout:none}.hand-cards .card-drag-source{opacity:.3;outline-offset:3px;outline:1px dashed #b8c6a6;transform:none!important}html.card-drag-active,html.card-drag-active *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.drag-card-overlay{pointer-events:none;z-index:100;will-change:transform;position:fixed;top:0;left:0}.drag-card-lift{filter:drop-shadow(0 12px 12px #263d3230);transform:translate(-50%,-50%)rotate(-6deg)}.drag-card-lift .card-small{width:66px;height:92px}.drag-card-lift .card-letter{font-size:47px}.board-drag-active>div>.letter-card{outline-offset:5px;outline:1px dashed #b6c7a2}.board-drag-active .board-drop-hover>.letter-card{outline-offset:5px;outline:3px solid #d57b5e;transform:translateY(-5px);box-shadow:0 4px #c1ae7b,0 0 0 9px #e9906e1a}@media (prefers-reduced-motion:reduce){.drag-card-lift{transform:translate(-50%,-50%)}.board-drag-active .board-drop-hover>.letter-card{transform:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
