.make-page{--make-ink:#19253c;width:min(1120px,100% - 24px);padding:18px env(safe-area-inset-right) max(54px, env(safe-area-inset-bottom)) env(safe-area-inset-left);color:var(--make-ink);margin:0 auto}.make-panel,.make-board{background:#fffef4f0;border:1px solid #22344e26;border-radius:24px;box-shadow:0 18px 50px #18233614}.make-panel{max-width:760px;margin:24px auto;padding:clamp(22px,5vw,42px)}.make-panel h1,.make-heading h1{letter-spacing:-.065em;margin:0;font-size:clamp(2.6rem,8vw,5.5rem);line-height:.92}.make-kicker{color:#815700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:900}.make-intro{color:#566176;max-width:580px;line-height:1.55}.make-page label{color:#465168;gap:6px;font-size:.84rem;font-weight:800;display:grid}.make-page input,.make-page select,.make-page button{font:inherit}.make-page input,.make-page select{width:100%;min-width:0;min-height:44px;color:var(--make-ink);background:#fff;border:1px solid #cdd2d8;border-radius:11px;padding:10px 12px}.make-page button{min-height:42px;color:var(--make-ink);cursor:pointer;background:#fff;border:1px solid #c6ccd3;border-radius:11px;padding:9px 14px;font-weight:800}.make-page button:disabled{cursor:not-allowed;opacity:.5}.make-page button.make-primary{color:#fff;background:#183b6b;border-color:#183b6b}.make-wide{width:100%}.make-actions{flex-wrap:wrap;gap:10px;display:flex}.make-lobby{gap:18px;display:grid}.make-lobby fieldset{border:1px solid #d6d2c5;border-radius:15px;margin:0;padding:14px}.make-lobby legend{padding:0 7px;font-weight:850}.make-player-inputs,.make-config-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.make-player-inputs label{grid-template-columns:34px 1fr;align-items:center}.make-player-inputs label span{color:#0a2038;border:2px solid;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;background:#fffdf7!important}.make-separator{color:#737b89;align-items:center;gap:10px;font-size:.78rem;display:flex}.make-separator:before,.make-separator:after{content:"";background:#dad7ca;flex:1;height:1px}.make-join{grid-template-columns:1fr auto;gap:9px;display:grid}.make-style-picker>p{color:#687181;margin:0 0 12px;font-size:.84rem}.make-style-picker>div{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.make-style-picker button{--make-score-square:56px;text-align:left;background:#ffffffbd;align-content:start;gap:5px;min-width:0;padding:9px;display:grid}.make-style-picker button.selected{border-color:#183b6b;box-shadow:0 0 0 2px #183b6b30}.make-style-picker button .make-score-drawing{justify-content:center;width:100%;min-height:54px;margin:0;overflow:hidden}.make-style-picker button .make-traditional-block{aspect-ratio:68/64;flex-basis:56px;width:56px;height:auto}.make-style-picker button strong{font-size:.78rem;line-height:1.2}.make-style-picker button small{color:#6b7380;font-size:.68rem;line-height:1.3}.make-error{z-index:6;color:#8c1c25;background:#fff0f1;border:1px solid #efb6ba;border-radius:12px;margin:12px 0 0;padding:12px 14px;font-weight:750;position:sticky;bottom:12px}.make-room-strip{color:#fff;background:#1c2739;border-radius:14px;align-items:center;gap:12px;margin-bottom:12px;padding:9px 12px;font-size:.82rem;display:flex;overflow:hidden}.make-room-strip>*{min-width:0}.make-room-strip span{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.make-room-strip span i{background:#e09b36;border-radius:50%;width:8px;height:8px}.make-room-strip.online span i{background:#62ce8c}.make-room-strip strong{white-space:nowrap;margin-right:auto}.make-room-strip button{color:#fff;background:0 0;border-color:#ffffff47;min-height:34px;padding:6px 10px}.make-board{background:#fffdf4;padding:clamp(16px,3vw,30px)}.make-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px;display:flex}.make-role{text-align:right;justify-items:end;gap:3px;display:grid}.make-role span{font-weight:900}.make-role small{color:#626d7c}.make-board-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:-8px 0 14px;display:flex}.make-board-actions button{background:#ffffffc7;min-height:36px;padding:6px 10px}.make-board-actions .make-undo{color:#87451d;border-color:#87451d4d;margin-right:auto}.make-score-grid{--make-score-square:clamp(88px, 9vw, 108px);--make-player-column:calc(var(--make-score-square) * 2);--make-score-capacity:1;--make-score-width:calc(var(--make-score-square) * var(--make-score-capacity));--make-notebook-width:calc(var(--make-player-column) + var(--make-score-width));overscroll-behavior-inline:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;background-color:#fffef5;border:1px solid #2b649b52;border-radius:4px;display:block;overflow:auto hidden;box-shadow:0 8px 22px #2434480f}.make-score-grid article{width:var(--make-notebook-width);min-width:100%;min-height:var(--make-score-square);grid-template-columns:var(--make-player-column) var(--make-score-width);box-shadow:inset 4px 0 var(--make-player-color);background:#fffef51f;border:0;border-bottom:1px solid #38679975;border-radius:0;padding:0;display:grid;overflow:visible}.make-score-grid article:last-child{border-bottom:0}.make-player-row-gap{width:var(--make-notebook-width);min-width:100%;height:var(--make-score-square);background-color:#fffef5;background-image:linear-gradient(90deg,#3867996b 1px,#0000 1px);background-size:var(--make-score-square) 100%;background-position:-1px 0;border-bottom:1px solid #38679975}.make-score-grid article.is-winner{box-shadow:inset 4px 0 var(--make-player-color), inset 0 0 0 2px #d5a31240;background:#fff6c48c}.make-score-grid article.is-tied{box-shadow:inset 4px 0 var(--make-player-color), inset 0 0 0 2px #b1651845;background:#fff0dbad}.make-score-grid article.is-locked{cursor:default}.make-score-grid article.is-interactive{cursor:pointer;transition:background-color .16s}.make-score-grid article.is-interactive:hover{background:#eff7ffc7}.make-score-grid article.is-interactive:active{background:#dcedfce6}.make-player-info{z-index:2;min-width:0;min-height:var(--make-score-square);background:#fffef5f5;border-right:2px solid #ca414d57;align-content:center;padding:10px;display:grid;position:sticky;left:0}.make-player-info>header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.make-player-info>header span{color:#fffdf7;border:2px solid var(--make-player-color);background:#0a2038;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.76rem;font-weight:900;display:grid}.make-player-info>header strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.make-player-info>header b{color:#9a6900}.make-player-marks{width:var(--make-score-width);min-width:0;min-height:var(--make-score-square);background-color:#fffef5;background-image:linear-gradient(90deg,#3867996b 1px,#0000 1px);background-size:var(--make-score-square) 100%;background-position:-1px 0;display:block;overflow:visible}.make-score-drawing{width:var(--make-score-width);min-width:var(--make-score-width);height:var(--make-score-square);grid-auto-columns:var(--make-score-square);grid-template-rows:var(--make-score-square);align-items:center;margin:0;padding:0;display:grid;overflow:visible}.make-mark-block{grid-column:var(--make-score-column,auto);width:var(--make-score-square);height:var(--make-score-square);padding:calc(var(--make-score-square) * .16);border:1px dashed color-mix(in srgb, var(--make-player-color) 38%, transparent);border-radius:4px;grid-row:1;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(2,1fr);gap:2px;display:grid}.make-mark-block i{border-bottom:2px solid var(--make-player-color);display:block}.make-mark-block.is-complete{border-style:solid}.make-traditional-block{grid-column:var(--make-score-column);width:var(--make-score-square);height:var(--make-score-square);grid-row:1;display:block}.make-traditional-block svg{width:100%;height:100%;display:block;overflow:hidden}.make-traditional-block path{fill:none;stroke:var(--make-player-color);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.make-stroke-unit.is-new path{stroke-dasharray:1;stroke-dashoffset:1px;animation:.62s cubic-bezier(.34,.05,.28,1) forwards make-write-stroke}.make-stroke-unit.is-new:nth-child(2n) path{animation-delay:45ms}@keyframes make-write-stroke{to{stroke-dashoffset:0}}.make-empty-mark{width:var(--make-score-square);height:var(--make-score-square);grid-area:1/1}.make-totals{color:#5d6675;flex-wrap:wrap;gap:4px 9px;margin-top:8px;font-size:.75rem;display:flex}.make-totals span:first-child{color:var(--make-ink);font-size:.94rem}.make-totals .negative{color:#a32e35;font-weight:800}.make-tap-hint{color:#0a2038;margin-top:9px;font-size:.69rem;font-weight:850;display:block}.make-notebook-footer{color:#657080;justify-content:space-between;gap:10px;margin-top:14px;font-size:.77rem;display:flex}.make-resolution{border-radius:14px;margin:0 0 15px;padding:15px}.make-resolution h2{margin:0 0 7px;font-size:clamp(1.25rem,4vw,1.8rem)}.make-resolution>p:not(.make-kicker){color:#596476;margin:6px 0 0;line-height:1.42}.make-tie-resolution{background:#fff4df;border:1px solid #e5bd72}.make-tied-players,.make-tiebreak-actions{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}.make-tied-players span{color:#0a2038;border:1px solid color-mix(in srgb, var(--make-player-color) 35%, #ded6c8);background:#fff;border-radius:9px;padding:7px 9px;font-weight:850}.make-tiebreak-actions button{color:#7d4713;background:#fff;border-color:#d9a85a;min-height:38px}.make-finished-resolution{background:#eef8ef;border:1px solid #94c69a}.make-finished-resolution ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0;padding:0;list-style:none;display:grid}.make-finished-resolution li{background:#fffc;border-radius:9px;gap:2px;padding:9px 10px;display:grid}.make-finished-resolution li span{color:#5d6675;font-size:.8rem}.make-finished-resolution li em{color:#8a640d;font-size:.72rem;font-weight:800}.make-finished-resolution>button{margin-top:11px}.make-entry,.make-tools,.make-history{background:#ffffffd9;border:1px solid #202d4424;border-radius:17px;margin-top:16px;padding:16px}.make-entry h2,.make-tools h2,.make-history h2{margin:0 0 12px;font-size:1.1rem}.make-entry{gap:12px;display:grid}.make-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.make-specials{flex-wrap:wrap;gap:8px;display:flex}.make-specials button.selected{color:#fff;background:#9a6900;border-color:#9a6900}.make-tools p{color:#687181;margin-bottom:0;font-size:.84rem}.make-tiebreak{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.make-history ol{gap:9px;margin:0;padding:0;list-style:none;display:grid}.make-history li{background:#fffdf6;border:1px solid #e2dfd4;border-radius:11px;grid-template-columns:minmax(130px,.7fr) 1fr auto;align-items:center;gap:10px;padding:11px;display:grid}.make-history li>div:first-child{gap:2px;display:grid}.make-history li small,.make-history li span{color:#616b79;font-size:.78rem}.make-component-list{flex-wrap:wrap;gap:5px;display:flex}.make-component-list>span{background:#f2efe5;border-radius:7px;padding:5px 7px}.make-component-list button,.make-small-action{min-height:26px;margin-left:5px;padding:3px 6px;font-size:.7rem}.make-footer{color:#657080;justify-content:space-between;align-items:center;gap:12px;margin-top:17px;font-size:.8rem;display:flex}.make-footer button:not(:disabled){color:#fff;background:#a22e38;border-color:#a22e38}.make-dialog{z-index:20;background:#1019278f;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.make-dialog>div{background:#fffef8;border-radius:18px;width:min(430px,100%);padding:24px;box-shadow:0 24px 70px #0003}.make-danger{color:#fff!important;background:#a22e38!important;border-color:#a22e38!important}.make-final ol{gap:9px;padding:0;list-style:none;display:grid}.make-final li{background:#fff;border:1px solid #dedbd0;border-radius:12px;grid-template-columns:1fr auto;gap:4px 10px;padding:13px;display:grid}.make-final li em{color:#9a6900;grid-column:1/-1;font-weight:800}.make-sheet-backdrop{z-index:30;overscroll-behavior:contain;background:#10192785;place-items:end center;padding:18px;display:grid;position:fixed;inset:0}.make-sheet{width:min(620px,100%);max-height:min(88dvh,820px);padding:10px 18px max(18px, env(safe-area-inset-bottom));color:var(--make-ink);background:#fffdf3;border:1px solid #202d442e;border-radius:24px 24px 18px 18px;overflow-y:auto;box-shadow:0 24px 80px #00000047}.make-sheet-handle{background:#c6c2b8;border-radius:999px;width:46px;height:5px;margin:0 auto 12px}.make-sheet>header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.make-sheet>header span{color:#697181;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:850}.make-sheet>header h2{margin:2px 0 0;font-size:clamp(1.6rem,7vw,2.4rem)}.make-sheet>header>button{border-radius:50%;width:42px;min-width:42px;height:42px;padding:0;font-size:1.7rem;line-height:1}.make-sheet-hint{color:#687181;margin:9px 0 13px;font-size:.83rem}.make-quick-values{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.make-quick-values button{color:#183b6b;background:#f8fbff;border-color:#b9c9db;min-height:52px;padding:8px 4px;font-size:1rem}.make-quick-values button:active{color:#fff;background:#183b6b}.make-quick-values button.selected{color:#fff;background:#72521b;border-color:#72521b}.make-custom-entry{grid-template-columns:1fr auto;align-items:end;gap:8px;margin-top:10px;display:grid}.make-custom-entry button{min-height:44px}.make-quick-specials{grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0 10px;display:grid}.make-quick-specials button{min-height:48px;padding:7px;font-size:.77rem}.make-quick-note{color:#687181;margin-top:12px;font-size:.81rem}.make-quick-note summary{cursor:pointer;font-weight:800}.make-quick-note label{margin-top:8px}.make-options-sheet{max-height:92dvh}.make-option-group{background:#ffffffb3;border:1px solid #dfdbcf;border-radius:13px;margin-top:12px;padding:11px 12px}.make-option-group>summary{cursor:pointer;font-weight:900}.make-option-group>label{margin-top:12px}.make-member-list{gap:5px;margin:10px 0 0;padding:0;list-style:none;display:grid}.make-member-list li{justify-content:space-between;gap:10px;display:flex}.make-member-list small{color:#697181}.make-marker-history{color:#687181;margin-top:10px;font-size:.76rem}.make-marker-history ol{padding-left:20px}.make-marker-history li{display:grid}.make-config-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.make-config-summary div{background:#f4f1e8;border-radius:8px;padding:8px}.make-config-summary dt{color:#687181;font-size:.72rem}.make-config-summary dd{margin:3px 0 0;font-weight:850}.make-option-group.make-history{margin-top:12px;padding:11px 12px}.make-option-group.make-history>ol{margin-top:12px}.make-option-close-game{border-top:1px solid #ddd8cb;justify-content:space-between;align-items:center;gap:10px;margin:14px 0 3px;padding-top:12px;display:flex}.make-option-close-game p{color:#687181;margin:0;font-size:.78rem}.make-option-close-game button:not(:disabled){color:#fff;background:#a22e38;border-color:#a22e38}@media (width<=640px){.make-page{width:min(100% - 12px,1120px);padding-top:6px}.make-panel,.make-board{border-radius:17px}.make-player-inputs,.make-config-grid,.make-entry-grid{grid-template-columns:1fr}.make-style-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}.make-score-grid{--make-score-square:104px;--make-player-column:var(--make-score-square);grid-template-columns:1fr;gap:0}.make-score-grid article{min-height:var(--make-score-square);grid-template-columns:var(--make-player-column) var(--make-score-width)}.make-player-info{padding:6px 7px}.make-player-info>header{gap:5px}.make-player-info>header span{width:27px;height:27px}.make-player-marks,.make-score-drawing{min-height:var(--make-score-square)}.make-traditional-block{width:var(--make-score-square);height:var(--make-score-square)}.make-totals{gap:1px 6px;margin-top:3px;font-size:.68rem;line-height:1.14}.make-totals span:first-child{font-size:.82rem}.make-tap-hint{margin-top:3px;font-size:.61rem;line-height:1.12}.make-heading{align-items:flex-start}.make-role{max-width:48%}.make-room-strip{grid-template-columns:1fr auto auto;gap:7px;display:grid}.make-room-strip span,.make-room-strip strong{grid-column:1}.make-room-strip button{grid-row:1/span 2}.make-history li{grid-template-columns:1fr}.make-component-list button{min-height:32px}.make-footer{flex-direction:column;align-items:stretch}.make-notebook-footer{flex-direction:column;gap:2px}.make-finished-resolution ol{grid-template-columns:1fr}.make-sheet-backdrop{align-items:end;padding:0}.make-sheet{border-radius:22px 22px 0 0;width:100%;max-height:92dvh}.make-quick-values{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.make-quick-values button{min-height:49px;font-size:.9rem}.make-quick-specials{grid-template-columns:1fr;gap:6px}.make-option-close-game{flex-direction:column;align-items:stretch}}@media (width<=350px){.make-board{padding:10px}.make-player-info{padding:8px 6px}.make-quick-values{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.make-stroke-unit.is-new path{stroke-dashoffset:0;animation:none}.make-score-grid article.is-interactive{transition:none}}:is(.make-quick-values,.make-quick-specials,.make-custom-entry) button,.make-sheet>.make-primary{border-radius:var(--ayi-radius-pill)}.ayi-invite{width:100%}.ayi-invite-actions{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr));gap:8px;display:grid}.ayi-invite-actions>:is(a,button){color:#10244a;cursor:pointer;min-height:46px;font:inherit;text-align:center;background:#ffffffc7;border:1px solid #10244a33;border-radius:12px;justify-content:center;align-items:center;padding:10px 13px;font-size:.88rem;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex}.ayi-invite-actions>.ayi-invite-whatsapp{color:#fff;background:#117543;border-color:#117543}.ayi-invite-actions>:is(a,button):focus-visible{outline-offset:2px;outline:3px solid #1660b859}.ayi-invite-feedback{text-align:center;min-height:1.35em;font-size:.8rem;font-weight:800;color:#305d45!important;margin:8px 0 0!important}@media (width<=480px){.ayi-invite-actions{grid-template-columns:1fr 1fr}.ayi-invite-actions>.ayi-invite-whatsapp{grid-column:1/-1}}.titato-page{width:min(100% - 24px,760px);padding:clamp(18px, 4vw, 42px) env(safe-area-inset-right) max(52px, env(safe-area-inset-bottom)) env(safe-area-inset-left);color:var(--ayi-ink);margin:0 auto}.titato-card,.titato-game{border:1px solid var(--ayi-border);box-shadow:var(--ayi-shadow);background:#ffffffd6;border-radius:26px;padding:clamp(20px,5vw,38px)}.titato-card{max-width:620px;margin:4vh auto 0}.titato-card h1,.titato-game h1{letter-spacing:-.065em;margin:5px 0 10px;font-size:clamp(2.4rem,10vw,4.8rem);line-height:.92}.titato-card p{color:var(--ayi-ink-soft);line-height:1.5}.titato-kicker{color:var(--ayi-blue);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:900}.titato-profile{grid-template-columns:1fr 1fr auto;gap:12px;margin:28px 0 18px;display:grid}.titato-profile label,.titato-join>label{gap:7px;font-size:.78rem;font-weight:800;display:grid}.titato-profile input:not([type=color]),.titato-profile select,.titato-join input{border:1px solid var(--ayi-border);min-width:0;min-height:44px;font:inherit;background:#fff;border-radius:11px;padding:0 12px}.titato-profile input[type=color]{border:1px solid var(--ayi-border);background:#fff;border-radius:11px;width:50px;height:44px;padding:3px}.titato-page button{border:1px solid var(--ayi-border);min-height:44px;color:var(--ayi-ink);font:inherit;cursor:pointer;background:#fff;border-radius:12px;padding:10px 15px;font-weight:800;transition:transform .14s,box-shadow .14s,border-color .14s,background-color .14s}.titato-page button.primary{color:#fff;border-color:var(--ayi-blue);background:var(--ayi-blue)}.titato-page button.danger{color:#fff;border-color:var(--ayi-red);background:var(--ayi-red)}.titato-page button.text{color:var(--ayi-blue);background:0 0;border:0}.titato-page button.wide{width:100%}.titato-page button:disabled{cursor:wait;opacity:.55}.titato-page button:focus-visible{outline-offset:3px;outline:3px solid #1660b84d}.titato-page button:not(:disabled):active{transform:translateY(1px)scale(.985)}.titato-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.titato-separator{color:var(--ayi-ink-soft);align-items:center;gap:12px;margin:20px 0;display:flex}.titato-separator:before,.titato-separator:after{content:"";background:var(--ayi-border);flex:1;height:1px}.titato-join>div{grid-template-columns:1fr auto;gap:8px;display:grid}.titato-note{text-align:center;margin:22px 0 0;font-size:.82rem}.titato-mode-menu{text-align:center}.titato-mode-options{grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;display:grid}.titato-solo-setup>h1,.titato-solo-setup>p{text-align:center}.titato-difficulty{border:0;grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0;padding:0;display:grid}.titato-difficulty legend{text-align:center;width:100%;margin-bottom:9px;font-size:.78rem;font-weight:900}.titato-difficulty label{background:var(--ayi-paper-deep);cursor:pointer;border:2px solid #0000;border-radius:14px;align-content:center;gap:5px;min-width:0;min-height:94px;padding:12px;transition:transform .14s,border-color .14s,box-shadow .14s;display:grid}.titato-difficulty label.active{border-color:var(--ayi-blue);box-shadow:0 0 0 3px #1659ad1f}.titato-difficulty input{opacity:0;pointer-events:none;position:absolute}.titato-difficulty label:focus-within{outline-offset:2px;outline:3px solid #1659ad47}.titato-difficulty strong,.titato-difficulty small{display:block}.titato-difficulty small{color:var(--ayi-ink-soft);font-size:.7rem;line-height:1.25}.titato-solo-strip{justify-content:space-between}.titato-error{background:#fff0f1;border-radius:10px;margin:16px 0 0;padding:10px 12px;font-weight:750;color:#8d1720!important}.titato-room-code{color:var(--ayi-blue);letter-spacing:.12em;text-align:center;margin:25px auto;font-size:clamp(2.4rem,12vw,4.8rem);display:block}.titato-waiting,.titato-final,.titato-resume{text-align:center}.titato-theme-picker{grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0 4px;display:grid}.titato-page .theme-preview{background:var(--ayi-paper-deep);border:2px solid #0000;gap:5px;min-width:0;padding:8px;display:grid}.titato-page .theme-preview.active{border-color:var(--ayi-blue);box-shadow:0 0 0 3px #1659ad1f}.theme-preview i{border-radius:8px;height:54px;display:block;position:relative;overflow:hidden}.theme-preview i:before,.theme-preview i:after{content:"";pointer-events:none;position:absolute}.theme-preview i:before{opacity:.78;border:1px solid;inset:16% 14%;transform:rotate(45deg)}.theme-preview i:after{background:currentColor;border-radius:50%;width:8px;height:8px;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:-17px -17px,17px -17px,-17px 17px,17px 17px}.theme-preview small{color:var(--ayi-ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;line-height:1.1;overflow:hidden}.theme-preview.theme-te i{color:#4b2d19;background:radial-gradient(circle at 18% 28%,#492a1733 0 2px,#0000 3px),radial-gradient(circle at 73% 66%,#eab87726 0 3px,#0000 4px),linear-gradient(12deg,#542f1821,#0000 42%),#98704d;box-shadow:inset 0 0 14px #3a1f1040}.theme-preview.theme-bwa i{color:#543017;background:linear-gradient(90deg,#3e1d0c1f,#0000 18%,#ffe0a424 42%,#0000 67%,#401f0d1a),repeating-linear-gradient(2deg,#a96837 0 3px,#b97c47 4px 9px,#a96736 10px 13px);box-shadow:inset 0 0 0 3px #431f0c59,inset 0 1px #ffebc073}.theme-preview.theme-lakre i{color:#5ce3ee;background:radial-gradient(circle at 50% 45%,#25aebf30,#0000 55%),linear-gradient(145deg,#101d2f,#07101e 72%);box-shadow:inset 0 0 0 1px #6de7ef47,inset 0 0 18px #10869b33}.titato-wait-indicator i,.titato-room-strip i{background:#c79016;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.titato-game-page{width:min(100% - 20px,900px)}.titato-room-strip{border:1px solid var(--ayi-border);background:#fffc;border-radius:14px;justify-content:center;align-items:center;gap:14px;min-width:0;margin-bottom:12px;padding:10px 12px;font-size:.82rem;display:flex}.titato-room-strip.online i{background:#2b9d63}.titato-room-strip button{min-height:34px;margin-left:auto;padding:5px 10px}.titato-game{max-width:720px;margin:0 auto}.titato-game-header{justify-content:space-between;align-items:end;gap:18px;display:flex}.titato-turn{max-width:330px;color:var(--ayi-blue);text-align:right;background:#1660b812;border:1px solid #1660b81f;border-radius:999px;justify-content:flex-end;align-items:center;gap:7px;margin:0 0 10px;padding:7px 10px;font-size:.86rem;font-weight:850;display:inline-flex}.titato-turn>i{width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 13%,transparent);background:currentColor;border-radius:50%;flex:none}.titato-turn.tone-thinking{color:#8a5b09;background:#c6920017;border-color:#c6920029}.titato-turn.tone-complete{color:#176a4a;background:#176a4a17;border-color:#176a4a2b}.titato-scores{grid-template-columns:1fr 1fr;gap:10px;margin:22px 0;display:grid}.titato-scores article{background:var(--ayi-paper-deep);border:2px solid #0000;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:12px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.titato-scores article.active{border-color:var(--ayi-blue);transform:translateY(-1px);box-shadow:0 7px 18px #1660b81a}.score-stone{border:2px solid #ffffff8c;border-radius:48% 52% 43% 57%/55% 43% 57% 45%;width:36px;height:36px;display:block;box-shadow:inset -5px -6px 8px #00000047,inset 4px 3px 6px #ffffff40,0 4px 7px #0003}.score-stone.player-1{background:#28302f}.score-stone.player-2{background:#c8c7bf}.titato-scores div{min-width:0}.titato-scores small{color:var(--ayi-ink-soft);font-weight:850;display:block}.titato-scores strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.titato-scores article>b{font-size:1.8rem}.titato-solo-result{color:#174834;background:linear-gradient(135deg,#dff6eaf5,#f5faf0f5);border:1px solid #176a4a2b;border-radius:17px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px 16px;margin:-6px 0 16px;padding:13px 14px;display:grid;box-shadow:0 10px 24px #164e3814}.titato-solo-result.draw{color:#674a10;background:linear-gradient(135deg,#fff7dc,#fffdf5);border-color:#96670e2e}.titato-solo-result>div{gap:2px;min-width:0;display:grid}.titato-solo-result>div>span{letter-spacing:.1em;text-transform:uppercase;opacity:.72;font-size:.65rem;font-weight:900}.titato-solo-result>div>strong{overflow-wrap:anywhere;font-size:.92rem}.titato-solo-result>p{white-space:nowrap;align-items:center;gap:7px;margin:0;font-size:.78rem;display:flex}.titato-solo-result>p i{opacity:.5}.titato-solo-result>button{min-height:var(--ayi-control-height);border-radius:var(--ayi-radius-pill);padding-block:7px}.titato-board{aspect-ratio:1;isolation:isolate;border-radius:24px;width:min(100%,520px);margin:18px auto 8px;position:relative;overflow:hidden;box-shadow:inset 0 0 45px #00000038,0 16px 34px #0f231f2e}.titato-board:before{z-index:-1;content:"";pointer-events:none;position:absolute;inset:0}.titato-board.theme-te{background:radial-gradient(circle at 17% 21%,#40231333 0 2px,#0000 3px),radial-gradient(circle at 72% 31%,#e6b77c29 0 3px,#0000 4px),radial-gradient(circle at 34% 78%,#45261429 0 1px,#0000 2px),repeating-linear-gradient(11deg,#53301b07 0 2px,#0000 3px 18px),#98704d}.titato-board.theme-te:before{mix-blend-mode:multiply;background:radial-gradient(at 50% 55%,#0000 44%,#3a1f1121 100%),linear-gradient(104deg,#0000 23%,#ffd89e0d 49%,#0000 72%)}.titato-board.theme-bwa{background:linear-gradient(90deg,#3b1c0a1a,#0000 14%,#ffe0a421 29%,#0000 51%,#431f0b1c 78%,#0000),repeating-linear-gradient(2deg,#a86736 0 3px,#b87943 4px 10px,#a66635 11px 15px);border:5px solid #764321;box-shadow:inset 0 0 0 3px #ffdb9933,inset 0 0 48px #411d0a40,0 16px 34px #331c0d40}.titato-board.theme-bwa:before{border:1px solid #49220c6b;border-radius:18px;inset:3%;box-shadow:0 1px #ffdfa947}.titato-board.theme-lakre{background:radial-gradient(circle at 50% 46%,#1993a629,#0000 48%),radial-gradient(circle at 18% 16%,#2d66ae24,#0000 35%),linear-gradient(145deg,#13243a,#091423 64%,#060d18);border:1px solid #66dae747;box-shadow:inset 0 0 50px #02081199,0 16px 38px #040c194d}.titato-board.theme-lakre:before{background-image:linear-gradient(#59cfdc06 1px,#0000 1px),linear-gradient(90deg,#59cfdc06 1px,#0000 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(circle,#000 10%,#0000 78%);mask-image:radial-gradient(circle,#000 10%,#0000 78%)}.titato-board-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.titato-board-lines line{stroke-width:1.8px;stroke-linecap:round}.theme-te .titato-board-lines line{stroke:#462716c7;stroke-width:2.25px;filter:drop-shadow(0 1px #e0b47c4d);stroke-dasharray:4.8 .3 2.6 .2}.theme-bwa .titato-board-lines line{stroke:#451f0ad6;stroke-width:1.55px;filter:drop-shadow(0 1px #f5c47f61)}.theme-lakre .titato-board-lines line{stroke:#63e2ebd6;stroke-width:1.45px;filter:drop-shadow(0 0 2px #40dae96b)}.titato-board-lines .winning-line{stroke:#ffd84d;stroke-width:4.2px;opacity:.9;animation:.7s ease-in-out infinite alternate titato-win-pulse}.titato-point{z-index:2;place-items:center;width:clamp(54px,16vw,78px);height:clamp(54px,16vw,78px);display:grid;position:absolute;transform:translate(-50%,-50%);background:0 0!important;border:0!important;border-radius:50%!important;min-height:0!important;padding:0!important}.titato-point:disabled{cursor:default;opacity:1!important}.titato-intersection{background:#fffc;border-radius:50%;width:10px;height:10px;transition:transform .14s,box-shadow .14s;display:block;box-shadow:0 0 0 3px #141a1833}.theme-te .titato-intersection{background:#4d301d;box-shadow:inset 0 1px 2px #190d079e,0 0 0 3px #e0b57d29}.theme-bwa .titato-intersection{background:#563016;box-shadow:inset 0 1px 2px #200d04ad,0 0 0 3px #f5c6852b}.theme-lakre .titato-intersection{background:#70dce5;width:9px;height:9px;box-shadow:0 0 0 3px #35c3d229,0 0 7px #42dae659}.titato-point.legal-destination .titato-intersection{transform:scale(1.42);box-shadow:0 0 0 8px #ffda4d47}.titato-stone{border:2px solid #ffffff8c;border-radius:48% 52% 43% 57%/55% 43% 57% 45%;width:clamp(37px,10.5vw,54px);height:clamp(37px,10.5vw,54px);transition:transform .15s,box-shadow .15s;animation:.18s ease-out both titato-stone-place;display:block;box-shadow:inset -7px -8px 11px #0000004f,inset 5px 4px 7px #ffffff3d,0 6px 10px #00000047}.titato-point.player-1 .titato-stone{background:radial-gradient(circle at 34% 30%,#59605d,#252b2a 62%,#151918)}.titato-point.player-2 .titato-stone{background:radial-gradient(circle at 34% 30%,#eeeeea,#b9bab5 63%,#8e918d)}.theme-te .titato-stone{border-color:#ddbd9359;border-radius:45% 55% 49% 51%/52% 45% 55% 48%}.theme-te .titato-point.player-1 .titato-stone{background:radial-gradient(circle at 31% 28%,#5d5c56,#262824 64%,#151713)}.theme-te .titato-point.player-2 .titato-stone{background:radial-gradient(circle at 31% 27%,#dedbd1,#aaa79d 67%,#7c7b73)}.theme-bwa .titato-stone{border-color:#ffe3b280;border-radius:50%;box-shadow:inset -7px -8px 11px #0000004d,inset 5px 4px 7px #fff3,0 5px 10px #30170859}.theme-bwa .titato-point.player-1 .titato-stone{background:radial-gradient(circle at 34% 28%,#51402e,#251a11 66%,#130d09)}.theme-bwa .titato-point.player-2 .titato-stone{background:radial-gradient(circle at 34% 28%,#fff2d8,#d7bd91 67%,#9f7e50)}.theme-lakre .titato-stone{border:1px solid #adf6fa8c;border-radius:50%;box-shadow:inset -5px -6px 10px #0000004d,inset 4px 3px 7px #fff3,0 0 0 2px #42cedc1f,0 7px 14px #0006}.theme-lakre .titato-point.player-1 .titato-stone{background:radial-gradient(circle at 34% 29%,#74eff3,#1aa6ba 60%,#0c536c)}.theme-lakre .titato-point.player-2 .titato-stone{background:radial-gradient(circle at 34% 29%,#ffd6a0,#d37c43 62%,#773524);border-color:#ffe2b0a3;box-shadow:inset -5px -6px 10px #53200c59,inset 4px 3px 7px #ffffff3d,0 0 0 2px #ee894c24,0 7px 14px #0006}.titato-point.selected .titato-stone{transform:translateY(-5px)scale(1.08);box-shadow:inset -7px -8px 11px #00000047,inset 5px 4px 7px #ffffff4d,0 0 0 6px #ffda4d9e,0 11px 15px #00000047}.titato-point.winning .titato-stone{box-shadow:inset -7px -8px 11px #00000047,inset 5px 4px 7px #ffffff4d,0 0 0 6px #ffda4db8,0 7px 12px #00000040}.titato-board-help{min-height:22px;color:var(--ayi-ink-soft);text-align:center;margin:0 auto 13px;font-size:.82rem;font-weight:750}@keyframes titato-stone-place{0%{opacity:.2;transform:scale(.55)}}@keyframes titato-win-pulse{to{opacity:.48}}.titato-game-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.titato-confirm{z-index:50;background:#0a1b3994;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.titato-confirm>div{width:min(100%,460px);box-shadow:var(--ayi-shadow);background:#fff;border-radius:22px;padding:26px}.titato-confirm h2{margin-top:0}.titato-final-winner{font-size:1.25rem;font-weight:850;color:var(--ayi-ink)!important}.titato-final-score{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:28px 0;display:grid}.titato-final-score span{background:var(--ayi-paper-deep);border-radius:16px;min-width:0;padding:15px}.titato-final-score b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.titato-final-score strong{margin-top:8px;font-size:2.5rem;display:block}.titato-rematch{background:var(--ayi-paper-deep);border-radius:16px;margin:20px 0;padding:16px}.titato-rematch-status{font-weight:800}@media (width<=560px){.titato-page{width:min(100% - 16px,760px);padding-top:10px}.titato-card,.titato-game{border-radius:20px;padding:18px}.titato-profile{grid-template-columns:1fr 1fr}.titato-profile label:first-child{grid-column:1/-1}.titato-game-header{flex-direction:column;align-items:start;gap:4px}.titato-turn{text-align:left;justify-content:flex-start;max-width:100%}.titato-room-strip{grid-template-columns:1fr auto;gap:6px 10px;display:grid}.titato-room-strip button{grid-area:1/2/3}.titato-scores article{grid-template-columns:auto minmax(0,1fr)}.titato-scores article>b{grid-column:1/-1;justify-self:end;margin-top:-12px}.titato-board{width:100%}.titato-final-score{gap:8px}.titato-mode-options{grid-template-columns:1fr}.titato-page .titato-mode-options button{min-height:88px}.titato-difficulty{grid-template-columns:1fr}.titato-difficulty label{min-height:72px}.titato-solo-strip{grid-template-columns:1fr auto}.titato-solo-strip span:nth-child(3){grid-column:1}.titato-solo-result{grid-template-columns:minmax(0,1fr);gap:9px;margin-top:-5px}.titato-solo-result>p{grid-area:2/1}.titato-solo-result>button{grid-area:3/1;width:100%}}@media (width<=350px){.titato-scores{gap:6px}.titato-scores article{gap:7px;padding:9px}.score-stone{width:32px;height:32px}.titato-room-strip{font-size:.75rem}}@media (hover:hover) and (pointer:fine){.titato-page button:not(:disabled):hover{border-color:#1660b852;transform:translateY(-1px);box-shadow:0 6px 16px #10244a14}.titato-page button.primary:not(:disabled):hover{background:#0f55aa}.titato-difficulty label:hover{transform:translateY(-1px)}.titato-point:not(:disabled):hover .titato-intersection{transform:scale(1.25)}.titato-point.occupied:not(:disabled):hover .titato-stone{transform:translateY(-3px)scale(1.04)}}@media (prefers-reduced-motion:reduce){.titato-page button,.titato-difficulty label,.titato-scores article,.titato-stone,.titato-intersection,.titato-board-lines .winning-line{transition:none;animation:none}}.titato-solo-page .titato-scores strong{white-space:normal;overflow-wrap:anywhere;overflow:visible}.pgg-page{color:#f7fbfa;background:radial-gradient(circle at 16% 0,#3dbea63d,#0000 30rem),linear-gradient(145deg,#071b1b 0%,#0e302d 48%,#061716 100%);width:100%;min-height:calc(100dvh - 76px);padding:28px 16px 48px;overflow-x:clip}.pgg-page button,.pgg-page input{font:inherit}.pgg-page button{cursor:pointer}.pgg-page button:disabled{cursor:not-allowed;opacity:.48}.pgg-card,.pgg-game-shell{color:#113330;background:#fffdf4f7;border:1px solid #ffffff40;border-radius:28px;width:min(960px,100%);margin:0 auto;padding:clamp(20px,4vw,38px);box-shadow:0 28px 80px #00000040}.pgg-card h1,.pgg-game-header h1{letter-spacing:-.065em;margin:4px 0 10px;font-size:clamp(2.1rem,7vw,4.5rem);line-height:.95}.pgg-card header>p{color:#536b68;margin:0 0 24px}.pgg-kicker{color:#0a7d72;letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:900}.pgg-profile-grid{grid-template-columns:minmax(0,1fr) 90px;gap:12px;display:grid}.pgg-profile-grid label,.pgg-join>label{color:#385955;gap:7px;font-size:.8rem;font-weight:850;display:grid}.pgg-profile-grid input,.pgg-join input{background:#fff;border:1px solid #1133302e;border-radius:13px;min-width:0;min-height:48px;padding:10px 13px}.pgg-profile-grid input[type=color]{width:100%;padding:6px}.pgg-config{border:1px solid #11333026;border-radius:18px;margin:18px 0;padding:16px}.pgg-config legend{padding:0 7px;font-weight:900}.pgg-config small{color:#607572;margin-top:12px;display:block}.pgg-choice-row,.pgg-actions{flex-wrap:wrap;gap:9px;margin:8px 0;display:flex}.pgg-choice-row button,.pgg-actions button,.pgg-card>button,.pgg-turn-actions button,.pgg-join button{color:#17423e;background:#eef5ef;border:1px solid #11333024;border-radius:13px;min-height:44px;padding:10px 15px;font-weight:850}.pgg-choice-row button.selected,.pgg-primary{color:var(--ayi-control-ink,white);background:var(--ayi-control-bg,#0c8276);border-color:var(--ayi-control-bg,#0c8276)}.pgg-wide{width:100%}.pgg-separator{color:#738481;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:18px 0;display:grid}.pgg-separator:before,.pgg-separator:after{content:"";background:#11333026;height:1px}.pgg-join>div{grid-template-columns:1fr auto;gap:8px;display:grid}.pgg-error{color:#8b1827;background:#fff0f1;border-radius:12px;margin:14px 0 0;padding:11px 13px;font-weight:750}.pgg-note{color:#657875;text-align:center}.pgg-mode-menu{text-align:center;max-width:760px}.pgg-rules-summary{text-align:start;border-top:1px solid #9cae9f;margin-top:24px;padding-top:18px}.pgg-rules-summary ol{color:#284b41;margin:0 0 16px;padding-left:22px;font-size:.9rem;line-height:1.55}.pgg-rules-summary li+li{margin-top:6px}.pgg-rules-summary .pgg-help-trigger{width:100%}.pgg-mode-menu>p,.pgg-solo-setup>p{color:#5b716d}.pgg-mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.pgg-solo-setup{max-width:780px}.pgg-solo-setup>h1{margin-bottom:10px}.pgg-solo-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.pgg-solo-options input{opacity:0;pointer-events:none;position:absolute}.pgg-solo-options label:focus-within{outline-offset:3px;outline:3px solid #0c827642}.pgg-solo-back{color:#effff9;background:#ffffff14;border:1px solid #e2f6f029;border-radius:10px;min-height:34px;padding:6px 10px;font-size:.72rem;font-weight:850}.pgg-solo-score{color:#b7d6cf;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin:8px auto 0;font-size:.74rem;display:flex}.pgg-solo-score>span,.pgg-solo-score>strong{background:#00000029;border-radius:999px;padding:5px 9px}.pgg-solo-score b{color:#ffe9a7}.pgg-room-strip{color:#d8efeb;background:#0000002e;border-radius:14px;justify-content:center;align-items:center;gap:14px;width:min(1080px,100%);margin:-10px auto 12px;padding:9px 12px;font-size:.82rem;display:flex;overflow:hidden}.pgg-room-strip span,.pgg-room-strip strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pgg-room-strip i,.pgg-waiting-line i{background:#e2ac3e;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.pgg-room-strip.online i{background:#55d59e}.pgg-room-strip button{color:inherit;background:0 0;border:1px solid #ffffff40;border-radius:9px;flex:none;padding:6px 9px}.pgg-waiting{text-align:center}.pgg-room-code{letter-spacing:.12em;margin:16px auto 10px;font-size:clamp(2rem,10vw,4rem);display:block}.pgg-waiting-line{font-weight:850}.pgg-seat-tools,.pgg-consensus{background:#edf7f3;border-radius:16px;margin-top:18px;padding:15px}.pgg-seat-tools .pgg-actions,.pgg-consensus .pgg-actions{justify-content:center}.pgg-seat-order{text-align:left;gap:7px;max-width:460px;margin:12px auto;padding:0;list-style:none;display:grid}.pgg-seat-order li{background:#ffffffbf;border:1px solid #1133301a;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:8px 10px;display:flex}.pgg-seat-order li>span:first-child{min-width:0;display:grid}.pgg-seat-order small{color:#637976;text-transform:uppercase;font-size:.68rem;font-weight:800}.pgg-seat-order strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pgg-seat-order li>span:last-child{flex:none;gap:5px;display:flex}.pgg-seat-order button{color:#17423e;background:#fff;border:1px solid #11333026;border-radius:10px;width:38px;min-height:38px;font-weight:900}.pgg-game-page{padding-top:12px}.pgg-game-shell{color:#eef8f4;width:min(1320px,100%);box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;position:relative}.pgg-game-header{justify-content:space-between;align-items:center;gap:14px;min-height:46px;display:flex}.pgg-game-header>div{align-items:baseline;gap:10px;min-width:0;display:flex}.pgg-game-header h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.35rem,3vw,2rem)}.pgg-game-header .pgg-kicker{color:#79d5c7}.pgg-game-header>p{color:#effff9;text-align:center;background:#1f7a6a61;border:1px solid #9fe7d92e;border-radius:999px;max-width:360px;margin:0;padding:7px 11px;font-size:.78rem;font-weight:900}.pgg-game-header>p>i{vertical-align:1px;background:currentColor;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #effff917}.pgg-game-header>p.is-thinking>i{color:#ffdc80;animation:.76s ease-in-out infinite pgg-status-pulse}.pgg-game-header>p.is-human-turn{color:#fff8df;background:#81520e57;border-color:#ffdc803d}@keyframes pgg-status-pulse{50%{opacity:.4;transform:scale(.78)}}.pgg-game-menu-toggle,.pgg-game-meta-heading{display:none}.pgg-game-meta{width:100%}.pgg-game-meta>.pgg-room-strip{margin:4px auto 8px}.pgg-session-status{color:#dff3ed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02161459;border:1px solid #97dccf21;border-radius:13px;align-items:center;gap:18px;margin:7px 0 9px;padding:8px 11px;display:flex}.pgg-session-status>div{gap:2px;display:grid}.pgg-session-status>div span{color:#8eb7b0;letter-spacing:.07em;text-transform:uppercase;font-size:.62rem;font-weight:850}.pgg-session-status>div strong{font-variant-numeric:tabular-nums}.pgg-session-status>p{color:#ffe7c9;background:#763d146b;border-radius:10px;margin:0 0 0 auto;padding:6px 9px;display:grid}.pgg-session-status>p span{font-size:.7rem}.pgg-session-status.last-round{background:#65300d57;border-color:#ffb5684d}.pgg-end-consent{color:#e3f2ed;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#02181666;border:1px solid #c8ebe11f;border-radius:12px;justify-content:flex-end;align-items:center;gap:12px;width:fit-content;max-width:100%;margin:0 0 7px auto;padding:6px 8px 6px 10px;display:flex}.pgg-end-consent>div:first-child{gap:2px;min-width:0;display:grid}.pgg-end-consent>div:first-child span{color:#93b7b0;font-size:.66rem}.pgg-end-consent>button,.pgg-end-consent .pgg-actions button{color:#e8f7f2;background:#ffffff12;border:1px solid #e2f6f021;border-radius:9px;min-height:32px;padding:6px 9px;font-size:.72rem;font-weight:850}.pgg-end-consent .pgg-actions{flex:none;margin:0}@media (width>=621px){.pgg-game-menu-toggle{color:#effff9;background:#ffffff14;border:1px solid #e2f6f029;border-radius:10px;flex:none;place-items:center;width:38px;min-height:36px;padding:0 0 8px;font-size:1.18rem;font-weight:900;line-height:1;display:grid;position:relative}.pgg-game-menu-toggle.attention:after{content:"";background:#ffce69;border-radius:50%;width:7px;height:7px;margin:-24px -28px 0 0;position:absolute}.pgg-game-meta{z-index:50;color:#e9f7f2;overscroll-behavior:contain;background:#031b18fa;border:1px solid #d3f1e829;border-radius:16px;gap:9px;width:min(390px,100vw - 32px);max-height:calc(100dvh - 96px);padding:11px;display:none;position:absolute;top:50px;right:0;overflow-y:auto;box-shadow:0 18px 48px #0000006b}.pgg-game-meta.open{display:grid}.pgg-game-meta-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.pgg-game-meta-heading button{width:32px;min-height:32px;color:inherit;background:#ffffff14;border:1px solid #ffffff1f;border-radius:9px;padding:0;font-size:1.15rem}.pgg-game-meta .pgg-room-strip{flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%;margin:0;font-size:.74rem}.pgg-game-meta .pgg-session-status{flex-wrap:wrap;gap:12px;width:100%;margin:0;padding:8px}.pgg-game-meta .pgg-session-status>p{width:100%;margin:0}.pgg-game-meta .pgg-end-consent{flex-direction:column;align-items:stretch;width:100%;margin:0}.pgg-game-meta .pgg-end-consent .pgg-actions{justify-content:flex-end}}.pgg-session-final{text-align:center}.pgg-session-final>p{color:#5d716e}.pgg-final-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0;display:grid}.pgg-final-stats article{background:#edf7f3;border-radius:15px;gap:4px;min-width:0;padding:16px 10px;display:grid}.pgg-final-stats strong{overflow-wrap:anywhere;font-size:clamp(1.15rem,4vw,1.7rem)}.pgg-final-stats span{color:#405953;text-transform:uppercase;font-size:.72rem;font-weight:800}.pgg-final-players{text-align:left;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;margin:16px 0 22px;display:grid}.pgg-final-players article{background:#fff;border:1px solid #1133301a;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:12px;display:grid}.pgg-final-players strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pgg-final-players span{color:#405953;font-size:.72rem;font-weight:850}.pgg-table-layout{isolation:isolate;background:radial-gradient(at 50% 46%,#1b6c5afa,#08372ffc 66%,#052622),#0c4c42;border:clamp(4px,.65vw,8px) solid #704627;border-radius:clamp(22px,4vw,46px);height:clamp(560px,100dvh - 180px,760px);min-height:560px;margin:9px 0 14px;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 0 70px #00000057,0 18px 50px #00000038}.pgg-table-layout:after{z-index:-1;content:"";pointer-events:none;border:1px solid #c9ebe00b;border-radius:46%;position:absolute;inset:8% 7%}.pgg-table-layout.waiting{grid-template:72px minmax(210px,1fr) 72px/minmax(82px,1fr) minmax(190px,2.2fr) minmax(82px,1fr);width:min(680px,100%);height:390px;min-height:390px;margin-inline:auto;padding:12px;display:grid}.pgg-table-layout.waiting .pgg-seat{place-self:center;position:relative;inset:auto;transform:none}.pgg-table-layout.waiting .pgg-seat.position-bottom{grid-area:3/2}.pgg-table-layout.waiting .pgg-seat.position-right{grid-area:2/3}.pgg-table-layout.waiting .pgg-seat.position-top{grid-area:1/2}.pgg-table-layout.waiting .pgg-seat.position-left{grid-area:2/1}.pgg-table-layout.waiting.players-3 .pgg-seat.position-top{grid-area:1/1}.pgg-table-layout.waiting.players-3 .pgg-seat.position-right{grid-area:1/3}.pgg-seat{z-index:5;color:#f0faf6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left;background:#021c19ad;border:1px solid #cdefe521;border-radius:13px;width:clamp(94px,12vw,146px);min-width:0;padding:7px 9px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 6px 18px #0000002e}.pgg-seat.active{border-color:var(--player-color,#ffe071);box-shadow:0 0 0 3px color-mix(in srgb, var(--player-color,#ffe071) 20%, transparent), 0 8px 22px #00000040}.pgg-seat small,.pgg-seat span{color:#9fc2ba;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;display:block;overflow:hidden}.pgg-seat strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;display:block;overflow:hidden}.pgg-player-stats{justify-content:space-between;align-items:center;gap:6px;margin-top:3px;display:flex}.pgg-player-stats>span{min-width:0}.pgg-player-stats>b{color:#ffe9a7;background:#6b460a80;border:1px solid #ffe5932e;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:3px;min-width:34px;padding:2px 6px;font-size:.76rem;line-height:1;display:inline-flex}.pgg-player-stats>b i{font-size:.72rem;font-style:normal}.pgg-seat.position-bottom{top:auto;bottom:134px;left:50%;transform:translate(-50%)}.pgg-seat.position-right{top:37%;left:auto;right:10px;transform:translateY(-50%)}.pgg-seat.position-top{top:10px;left:50%;transform:translate(-50%)}.pgg-seat.position-left{top:37%;left:10px;transform:translateY(-50%)}.pgg-table-layout.players-3 .pgg-seat.position-top{left:25%}.pgg-table-layout.players-3 .pgg-seat.position-right{top:10px;left:auto;right:calc(25% - 70px);transform:none}.pgg-seat.local{z-index:7;background:#04302ac7;border-color:#5dd3c052}.pgg-seat.round-result{background:#021916e6;border-color:#ddf4ed47;width:clamp(112px,13vw,158px)}.pgg-seat-round-result{border-top:1px solid #ddf4ed29;flex-wrap:wrap;align-items:center;gap:4px;margin-top:5px;padding-top:5px;display:flex}.pgg-seat-round-result>span{color:#f3fbf8;width:100%;font-size:.7rem;font-weight:900}.pgg-seat-round-result>strong{color:#102e2a;background:#f5d878;border-radius:999px;width:max-content;padding:3px 6px;font-size:.62rem;line-height:1}.pgg-seat-round-result>strong.dekabes{color:#fff;background:#b8243f}.pgg-seat-pass{background:#ffdf75;border:1px solid #fff6becc;border-radius:999px;width:max-content;padding:4px 8px;font-weight:950;animation:.22s ease-out both pgg-pass-badge;position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);box-shadow:0 5px 14px #0003;color:#21392f!important;font-size:.68rem!important}.pgg-seat.active:before{content:"";background:var(--player-color,#ffe071);width:9px;height:9px;box-shadow:0 0 0 5px color-mix(in srgb, var(--player-color,#ffe071) 24%, transparent);border-radius:50%;margin-right:6px;animation:.85s ease-in-out infinite alternate pgg-active-seat;display:inline-block}.pgg-opponent-hand{justify-content:center;align-items:end;height:27px;margin-top:4px;display:flex;position:relative}.pgg-opponent-hand .pgg-domino-back{flex:none;margin-left:-3px}.pgg-opponent-hand .pgg-domino-back:first-child{margin-left:0}.pgg-opponent-hand b{color:#405b57;margin-left:4px;font-size:.67rem}@keyframes pgg-active-seat{to{transform:scale(1.16)}}@keyframes pgg-pass-badge{0%{opacity:0;transform:translate(-50%,5px)scale(.9)}}.pgg-table-center{color:#d9eee7;grid-area:2/2;align-self:center;place-items:center;display:grid}.pgg-table-center span{font-size:3rem}.pgg-chain-viewport{z-index:2;min-width:0;position:absolute;inset:64px 116px 180px;overflow:visible}.pgg-table-layout.players-2 .pgg-chain-viewport{inset-inline:46px}.pgg-table-layout.players-4 .pgg-chain-viewport{inset-inline:clamp(148px,14vw,176px)}.pgg-table-layout.round-complete .pgg-chain-viewport{top:112px;bottom:112px}.pgg-table-layout.round-complete .pgg-seat.position-bottom{bottom:8px}.pgg-chain-board{touch-action:none;width:100%;height:100%;min-height:0;position:relative}.pgg-round-end-panel{box-sizing:border-box;z-index:14;color:#f5fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#021f1be6;border:1px solid #e1f7f057;border-radius:14px;justify-content:center;align-items:center;gap:9px;width:max-content;max-width:calc(100% - 18px);padding:8px 9px;animation:.18s ease-out both pgg-round-end-arrive;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 26px #00000057}.pgg-round-end-panel h2{white-space:nowrap;margin:0;font-size:clamp(.92rem,2vw,1.1rem);line-height:1.05}.pgg-round-end-panel p{color:#e5f5f0;margin:0;font-size:.72rem;font-weight:800}.pgg-round-end-panel small{color:#ffdfbd;max-width:170px;font-size:.66rem;font-weight:750}.pgg-round-end-panel>button{white-space:nowrap;border:0;border-radius:10px;min-height:38px;padding:7px 11px;font-size:.74rem;font-weight:900}@keyframes pgg-round-end-arrive{0%{opacity:0;transform:translate(-50%,calc(8px - 50%))scale(.98)}}.pgg-chain-empty{color:#f3fff9;text-align:center;width:min(240px,90%);margin:0;font-size:.875rem;font-weight:750;line-height:1.45;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.pgg-chain-slot{z-index:2;transform:translate(-50%, -50%) scale(var(--chain-scale,1));transform-origin:50%;place-items:center;animation:.18s ease-out both pgg-place-domino;display:grid;position:absolute}.pgg-chain-slot.turn{z-index:3}.pgg-chain-drop{z-index:8;color:#402e06;background:#ffe070eb;border:2px solid #ffe995;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;transition:transform .13s,box-shadow .13s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #ffe07021,0 5px 14px #00000038}.pgg-chain-drop b{font-size:.9rem;line-height:1}.pgg-chain-drop.start{width:50px;height:50px}.pgg-chain-drop.available{pointer-events:auto;animation:.85s ease-in-out infinite alternate pgg-drop-pulse}.pgg-chain-board.dragging .pgg-chain-drop.available{transform:translate(-50%,-50%)scale(1.08)}@keyframes pgg-drop-pulse{to{box-shadow:0 0 0 11px #ffd75a0a}}@keyframes pgg-place-domino{0%{opacity:.25;filter:blur(1px)}}.pgg-shuffle{z-index:9;pointer-events:none;color:#e5f6f0;text-align:center;background:radial-gradient(circle,#073931f5 0%,#073931d4 52%,#07393100 76%);place-items:center;min-width:0;min-height:150px;display:grid;position:absolute;inset:58px 8% 132px}.pgg-shuffle>strong{letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 5px #00000059;margin-top:-6px;font-size:.75rem}.pgg-shuffle-pile{width:230px;height:112px;position:relative}.pgg-domino-back{--back-short:14px;--back-long:26px;width:var(--back-short);height:var(--back-long);box-sizing:border-box;background:linear-gradient(135deg,#173b37 0%,#092824 64%,#061c1a 100%);border:2px solid #d7d0b8;border-radius:5px;display:block;position:relative;overflow:hidden;box-shadow:2px 3px #8f8a78,3px 4px 5px #00000047}.pgg-domino-back:before{content:"";background:radial-gradient(circle at 35% 25%,#ffffff1f,#0000 34%);border-radius:2px;position:absolute;inset:1px;box-shadow:inset 1px 1px 1px #ffffff1a,inset -2px -2px 3px #00000057}.pgg-domino-back:after{aspect-ratio:1;content:"";background:radial-gradient(circle at 35% 30%,#f2ecd6 0 18%,#aaa48e 42%,#5b5b51 72%);border:1px solid #0a16146b;border-radius:50%;width:19%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 1px #00000059}.pgg-domino-back-shuffle{--back-short:26px;--back-long:48px;transform:translate(calc(-50% + var(--shuffle-x)), calc(-50% + var(--shuffle-y))) rotate(var(--shuffle-r));animation:pgg-shuffle-card .72s ease-in-out var(--shuffle-delay) infinite alternate;border-radius:7px;position:absolute;top:50%;left:50%;box-shadow:3px 4px #8f8a78,5px 7px 9px #0000004d}@keyframes pgg-shuffle-card{0%{transform:translate(calc(-50% + var(--shuffle-x)), calc(-50% + var(--shuffle-y))) rotate(var(--shuffle-r))}to{transform:translate(calc(-50% + var(--shuffle-x) + 8px), calc(-50% + var(--shuffle-y) - 6px)) rotate(calc(var(--shuffle-r) + 12deg))}}@keyframes pgg-table-tap{0%,to{transform:translateY(0)}35%{transform:translateY(2px)scale(.997)}62%{transform:translateY(-1px)}}.pgg-table-layout.pass-feedback{animation:.26s ease-out pgg-table-tap}.pgg-domino-tile{--domino-short:44px;--domino-long:78px;--pip-size:6px;box-sizing:border-box;color:#142421;background:linear-gradient(145deg,#fffef9,#f2eedf);border:1px solid #aaa58f;border-radius:8px;flex:none;display:grid;overflow:hidden;box-shadow:2px 3px 7px #0000002e,inset 0 0 0 1px #ffffffb8}.pgg-domino-vertical{width:var(--domino-short);height:var(--domino-long);grid-template-rows:minmax(0,1fr) 1px minmax(0,1fr)}.pgg-domino-horizontal{width:var(--domino-long);height:var(--domino-short);grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr)}.pgg-domino-hand{--domino-short:44px;--domino-long:78px;--pip-size:6px}.pgg-domino-chain{--domino-short:34px;--domino-long:60px;--pip-size:5px;border-radius:6px}.pgg-domino-compact{--domino-short:30px;--domino-long:52px;--pip-size:4px;border-radius:6px}.pgg-domino-double{border-color:#8f8974}.pgg-domino-half{grid-template:repeat(3,1fr)/repeat(3,1fr);min-width:0;min-height:0;padding:5px;display:grid}.pgg-domino-horizontal .pgg-domino-half{padding:4px}.pgg-domino-compact .pgg-domino-half{padding:3px}.pgg-domino-divider{background:#8f947f;place-self:center}.pgg-domino-vertical .pgg-domino-divider{width:78%;height:1px}.pgg-domino-horizontal .pgg-domino-divider{width:1px;height:78%}.pgg-pip{width:var(--pip-size);height:var(--pip-size);background:currentColor;border-radius:50%;place-self:center;box-shadow:inset 0 1px 1px #fff3}.pgg-pip-top-left{grid-area:1/1}.pgg-pip-top-right{grid-area:1/3}.pgg-pip-middle-left{grid-area:2/1}.pgg-pip-middle-center{grid-area:2/2}.pgg-pip-middle-right{grid-area:2/3}.pgg-pip-bottom-left{grid-area:3/1}.pgg-pip-bottom-right{grid-area:3/3}.pgg-hand{z-index:6;color:#eef8f4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#04282433,#021917db 24%,#021715f0);border:1px solid #ccece21f;border-radius:15px 15px 28px 28px;grid-template:auto minmax(0,1fr) auto/minmax(0,1fr) auto;column-gap:12px;height:170px;padding:8px 12px 9px;display:grid;position:absolute;inset:auto 10px 8px;box-shadow:0 -10px 30px #0000001f}.pgg-hand.active{box-shadow:inset 0 2px #5fdcc76b,0 -10px 30px #00000024}.pgg-call-panel{color:#173b37;background:#fff8dc;border:1px solid #72460c2e;border-radius:20px;margin:0 0 14px;padding:16px}.pgg-call-panel h2{margin:4px 0 6px;font-size:1.12rem}.pgg-call-panel>p{margin:5px 0 12px}.pgg-tiebreak-panel{color:#38254e;background:#f6efff;border:1px solid #4b2c702e;border-radius:20px;margin:0 0 14px;padding:16px}.pgg-tiebreak-panel h2{margin:4px 0 6px;font-size:1.12rem}.pgg-tiebreak-panel p{margin:5px 0 10px}.pgg-call-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:7px;max-height:230px;padding:6px 2px;display:grid;overflow-y:auto}.pgg-call-grid button{background:#ffffffd1;border:1px solid #47351429;border-radius:11px;place-items:center;min-height:56px;display:grid}.pgg-call-grid button:not(:disabled):hover{background:#fff;border-color:#9d6516}.pgg-call-grid button.failed{opacity:.42;filter:grayscale();text-decoration:line-through}.pgg-call-miss{color:#8b3d19;background:#ffeadc;border-radius:11px;padding:9px 11px;font-weight:850}.pgg-call-tried{color:#756247;font-size:.75rem}.pgg-call-found{justify-content:space-between;align-items:center;gap:14px;display:flex}.pgg-call-found>div{align-items:center;gap:10px;display:flex}.pgg-call-found p{margin:0;font-weight:800}.pgg-hand-heading{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.pgg-turn-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.pgg-hand-heading>div:first-child{text-align:center;grid-column:2;justify-self:center;min-width:0;position:relative}.pgg-hand-heading .pgg-opening-rule{grid-column:3;justify-self:end}.pgg-hand-heading span,.pgg-hand-heading strong{display:block}.pgg-hand-heading span{color:#8eb8b0;letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:850}.pgg-hand-heading strong{text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:.76rem;overflow:hidden}.pgg-local-player-line{justify-content:center;align-items:center;gap:7px;min-width:0;display:flex}.pgg-local-player-line>b{color:#ffe9a7;flex:none;font-size:.68rem}.pgg-local-pass{color:#21392f;white-space:nowrap;background:#ffdf75;border-radius:999px;padding:3px 7px;font-size:.65rem;font-style:normal;font-weight:950;animation:.22s ease-out both pgg-pass-badge;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.pgg-hand-heading p{color:#754113;background:#fff2ce;border-radius:10px;margin:0;padding:7px 10px}.pgg-opening-rule{color:#ffdda0;flex:none;align-items:center;gap:7px;font-size:.66rem;font-weight:850;display:flex}.pgg-opening-rule.called{background:#75411370;border:1px solid #ffd7902e;border-radius:9px;padding:4px 6px}.pgg-hand-tiles{overscroll-behavior-inline:contain;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;grid-area:2/1/3/3;justify-content:center;align-items:center;gap:clamp(2px,.65vw,8px);min-width:0;min-height:0;padding:0 2px;display:flex;overflow-x:auto}.pgg-hand-tiles::-webkit-scrollbar{display:none}.pgg-hand-tiles>button{scroll-snap-align:center;touch-action:pan-x;background:0 0;border:2px solid #0000;border-radius:12px;flex:none;padding:4px;transition:transform .15s,border-color .15s,background-color .15s,filter .15s}.pgg-hand-tiles>button:not(:disabled):active{transform:translateY(-2px)}.pgg-hand-tiles>button:focus-visible{outline-offset:1px;outline:2px solid #176f67}.pgg-hand-tiles>button.selected{background:#ffe39a1a;border-color:#ffe39a;transform:translateY(-5px)scale(1.025);box-shadow:0 7px 16px #00000038}.pgg-hand-tiles>button.playable:not(.selected):not(.called-tile){filter:saturate(1.04)contrast(1.02);border-color:#67e2cc2e}.pgg-hand-tiles>button:disabled{filter:saturate(.62)brightness(.82)}.pgg-hand-tiles>button.called-tile{background:#fff1b9;border-color:#d28a17;animation:1.2s ease-in-out infinite alternate pgg-called-tile-pulse;box-shadow:0 0 0 4px #d28a1729}@keyframes pgg-called-tile-pulse{to{box-shadow:0 0 0 7px #d28a170d}}.pgg-selected-action{color:#dcefea;background:#03221ee0;border:1px solid #cfefe621;border-radius:10px;align-items:center;gap:8px;padding:5px 7px;font-size:.68rem;font-weight:850;display:flex;position:absolute;bottom:115px;right:9px;box-shadow:0 8px 18px #0000002e}.pgg-selected-action>div{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.pgg-selected-action button{color:#e7f7f2;background:#ffffff14;border:1px solid #ebfaf521;border-radius:8px;min-height:30px;padding:5px 8px;font-size:.68rem;font-weight:850}.pgg-drag-ghost{z-index:80;pointer-events:none;filter:drop-shadow(0 14px 14px #0000004d);position:fixed;transform:translate(-50%,-62%)rotate(-2deg)scale(1.08)}@media (hover:hover) and (pointer:fine){.pgg-solo-options label:hover{border-color:#0c82766b;transform:translateY(-2px)}.pgg-choice-row button:not(:disabled):hover,.pgg-actions button:not(:disabled):hover,.pgg-solo-back:hover{filter:brightness(1.04);transform:translateY(-1px)}.pgg-hand-tiles>button:not(:disabled):not(.selected):hover{transform:translateY(-2px)scale(1.015)}}.pgg-turn-actions{grid-area:3/1/4/3;justify-self:stretch;font-size:.7rem;font-weight:850}.pgg-pass-control{justify-items:end;gap:3px;min-width:112px;display:grid}.pgg-pass-control small{color:#0b776b;font-size:.66rem;font-weight:850}.pgg-turn-actions .pgg-pass-button{color:#172d26;background:#f1d59a;border:1px solid #f1d59a;border-radius:999px;min-height:44px;padding:9px 18px;font-weight:850;transition:box-shadow .16s;position:relative}.pgg-page .pgg-pass-button:disabled{opacity:1;color:#d1ddd8;box-shadow:none;background:#24473f;border-color:#7c9c91}.pgg-pass-button:not(:disabled):active,.pgg-pass-button.confirmed{background:#dcece6;transform:translateY(2px)scale(.98);box-shadow:inset 0 3px 7px #0a463e26}.pgg-dog-badge{color:#6b3b12;background:#fff1ca;border:1px solid #8b52123d;border-radius:999px;width:fit-content;padding:3px 7px;font-size:.7rem;display:inline-flex}.pgg-dekabes{color:#fff;letter-spacing:.08em;background:#b8243f;border-radius:999px;width:fit-content;margin:8px auto;padding:7px 12px;display:block;box-shadow:0 7px 18px #b8243f33}.pgg-dekabes-note{color:#7b3540;text-align:center;max-width:560px;margin:8px auto 14px;font-size:.88rem;font-weight:750}.pgg-dog-transition{color:#5f3510;background:#fff8df;border-radius:12px;max-width:560px;margin:8px auto 16px;padding:10px 12px;font-weight:800}.pgg-dog-tiebreak{color:#6e4a16;max-width:600px;margin:14px auto 0;font-weight:700}.pgg-side-dialog{z-index:40;background:#03110fb8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.pgg-side-dialog>div{color:#173b37;background:#fffdf5;border-radius:24px;justify-items:center;width:min(390px,100%);padding:26px;display:grid;box-shadow:0 30px 80px #00000059}.pgg-side-dialog h2{margin:5px 0 15px}.pgg-side-dialog .pgg-actions{margin-top:20px}.pgg-text{color:#16796f;text-decoration:underline;background:0 0!important;border:0!important}.pgg-game-shell>.pgg-error{text-align:center;max-width:520px;margin-inline:auto;font-size:.82rem}@media (width<=620px){body.pgg-gameplay-active .site-header{display:none}.pgg-page{min-height:calc(100dvh - 64px);padding:14px 10px calc(18px + env(safe-area-inset-bottom))}.pgg-page.pgg-game-page{min-height:100dvh;padding:calc(4px + env(safe-area-inset-top)) calc(4px + env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) calc(4px + env(safe-area-inset-left))}.pgg-card{border-radius:20px;padding:18px 14px}.pgg-mode-options,.pgg-solo-options{grid-template-columns:1fr}.pgg-mode-options button{min-height:84px}.pgg-solo-options label{padding:9px 11px}.pgg-game-shell{border-radius:0;padding:0}.pgg-game-header{flex-direction:row;align-items:center;gap:7px;min-height:44px}.pgg-game-header>div{gap:0;display:grid}.pgg-game-header h1{font-size:1.25rem}.pgg-game-header .pgg-kicker{font-size:.58rem}.pgg-game-header>p{text-overflow:ellipsis;white-space:nowrap;max-width:min(48%,190px);margin:0 0 0 auto;padding:5px 7px;font-size:.63rem;overflow:hidden}.pgg-game-menu-toggle{color:#effff9;background:#ffffff14;border:1px solid #e2f6f029;border-radius:10px;flex:none;place-items:center;width:36px;min-height:34px;padding:0 0 8px;font-size:1.15rem;font-weight:900;line-height:1;display:grid;position:relative}.pgg-game-menu-toggle.attention:after{content:"";background:#ffce69;border-radius:50%;width:7px;height:7px;margin:-22px -26px 0 0;position:absolute}.pgg-game-meta{width:min(330px,100vw - 16px);max-height:calc(100dvh - 56px - env(safe-area-inset-top) - env(safe-area-inset-bottom));z-index:50;color:#e9f7f2;overscroll-behavior:contain;background:#031b18fa;border:1px solid #d3f1e829;border-radius:16px;gap:8px;padding:10px;display:none;position:absolute;top:48px;right:2px;overflow-y:auto;box-shadow:0 18px 48px #0000006b}.pgg-game-meta.open{display:grid}.pgg-game-meta-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.pgg-game-meta-heading button{width:32px;min-height:32px;color:inherit;background:#ffffff14;border:1px solid #ffffff1f;border-radius:9px;padding:0;font-size:1.15rem}.pgg-game-meta .pgg-room-strip{flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%;margin:0;font-size:.72rem}.pgg-game-meta .pgg-session-status{flex-wrap:wrap;align-items:center;gap:10px;width:100%;margin:0;padding:8px;font-size:.72rem}.pgg-game-meta .pgg-session-status>p{width:100%;margin:0}.pgg-game-meta .pgg-end-consent{flex-direction:column;align-items:stretch;width:100%;margin:0}.pgg-game-meta .pgg-end-consent .pgg-actions{justify-content:flex-end}.pgg-page>.pgg-room-strip{justify-content:space-between;gap:8px;margin-top:-4px;font-size:.72rem}.pgg-page>.pgg-room-strip>span:nth-of-type(2){display:none}.pgg-final-stats{grid-template-columns:1fr}.pgg-table-layout{--pgg-hand-height:162px;--pgg-chain-safe-top:112px;height:calc(100svh - 56px - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(100dvh - 56px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-width:4px;border-radius:24px;min-height:0;margin:4px 0 0}.pgg-table-layout.waiting{grid-template:68px minmax(220px,1fr) 68px/72px minmax(120px,1.7fr) 72px;height:370px;min-height:370px;padding:8px}.pgg-seat{border-radius:10px;width:min(112px,31vw);padding:5px 7px}.pgg-seat small,.pgg-seat span{font-size:.58rem}.pgg-seat strong{font-size:.76rem}.pgg-player-stats{gap:4px;margin-top:4px}.pgg-player-stats>b{min-width:35px;padding:3px 5px;font-size:.76rem}.pgg-seat.position-top{top:7px}.pgg-seat.position-left{top:36%;left:7px}.pgg-seat.position-right{top:36%;right:7px}.pgg-seat.position-bottom{bottom:126px;left:50%;transform:translate(-50%)}.pgg-table-layout.players-3 .pgg-seat.position-top{top:7px;left:7px;transform:none}.pgg-table-layout.players-3 .pgg-seat.position-right{top:7px;right:7px}.pgg-table-layout.players-4 .pgg-seat.position-left{top:7px;left:7px;transform:none}.pgg-table-layout.players-4 .pgg-seat.position-right{top:7px;right:7px;transform:none}.pgg-table-layout.players-4 .pgg-seat.position-top{top:7px}.pgg-table-layout.players-4 .pgg-seat.position-left,.pgg-table-layout.players-4 .pgg-seat.position-right,.pgg-table-layout.players-4 .pgg-seat.position-top{width:min(112px,29vw)}.pgg-chain-viewport,.pgg-table-layout.players-2 .pgg-chain-viewport{inset:var(--pgg-chain-safe-top) 46px calc(var(--pgg-hand-height) + 18px + env(safe-area-inset-bottom));margin:0}.pgg-table-layout.players-3 .pgg-chain-viewport{inset-inline:22px}.pgg-table-layout.players-4 .pgg-chain-viewport{inset-inline:16px}.pgg-chain-drop{width:40px;height:40px}.pgg-chain-drop.start{width:46px;height:46px}.pgg-round-end-panel{border-radius:12px;flex-wrap:wrap;gap:6px;max-width:calc(100% - 8px);padding:7px 8px}.pgg-round-end-panel h2{font-size:.9rem}.pgg-round-end-panel>button{min-height:36px}.pgg-round-end-panel>small{width:100%;max-width:230px}.pgg-hand{height:calc(var(--pgg-hand-height) + env(safe-area-inset-bottom));padding:6px 7px calc(7px + env(safe-area-inset-bottom));border-radius:13px 13px 20px 20px;column-gap:7px;inset:auto 5px 5px}.pgg-hand-tiles{scroll-snap-type:x proximity;justify-content:flex-start}.pgg-hand-tiles.hand-count-7{justify-content:center}.pgg-table-layout.hand-size-14{--pgg-hand-height:216px}.pgg-hand.hand-count-14{height:calc(var(--pgg-hand-height) + env(safe-area-inset-bottom))}.pgg-hand-tiles.hand-count-14{scroll-snap-type:none;grid-template-rows:repeat(2,auto);grid-template-columns:repeat(7,max-content);place-content:end center;gap:0 2px;padding-top:3px;display:grid;overflow:visible}.pgg-hand-tiles.hand-count-14>button{padding:1px}.pgg-hand.hand-count-14 .pgg-domino-hand{--domino-short:clamp(30px, 9vw, 36px);--domino-long:clamp(54px, 16vw, 62px);--pip-size:clamp(4px, 1.25vw, 5px)}.pgg-table-layout.hand-size-14 .pgg-chain-viewport{bottom:calc(var(--pgg-hand-height) + 18px + env(safe-area-inset-bottom))}.pgg-table-layout.hand-size-14 .pgg-selected-action{bottom:calc(var(--pgg-hand-height) - 8px + env(safe-area-inset-bottom))}.pgg-opening-rule{flex-direction:row;align-items:center;gap:4px;max-width:46%}.pgg-opening-rule>span{white-space:normal;min-width:0;line-height:1.1}.pgg-call-found{flex-direction:column;align-items:flex-start}.pgg-call-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr))}.pgg-selected-action{right:5px;bottom:calc(var(--pgg-hand-height) - 8px + env(safe-area-inset-bottom))}.pgg-selected-action>span{display:none}.pgg-pass-control{min-width:68px}.pgg-domino-hand{--domino-short:42px;--domino-long:72px;--pip-size:5.5px}.pgg-profile-grid{grid-template-columns:minmax(0,1fr) 70px}}@media (prefers-reduced-motion:reduce){.pgg-shuffle-pile>.pgg-domino-back,.pgg-table-layout.pass-feedback,.pgg-hand-tiles>button,.pgg-pass-button,.pgg-seat.active:before,.pgg-chain-slot,.pgg-chain-drop.available,.pgg-round-end-panel,.pgg-game-header>p.is-thinking>i{transition-duration:0s;animation:none}.pgg-solo-options label{transition:none}}@media (width<=430px){.pgg-game-shell{padding-inline:0}.pgg-table-layout{margin-inline:-3px}.pgg-seat.position-left{top:7px;left:5px;transform:none}.pgg-seat.position-right{top:7px;right:5px;transform:none}.pgg-table-layout.players-4 .pgg-seat.position-top{top:7px}.pgg-table-layout.players-4 .pgg-seat.position-left,.pgg-table-layout.players-4 .pgg-seat.position-right,.pgg-table-layout.players-4 .pgg-seat.position-top{width:min(96px,27vw)}.pgg-chain-viewport,.pgg-table-layout.players-2 .pgg-chain-viewport,.pgg-table-layout.players-3 .pgg-chain-viewport,.pgg-table-layout.players-4 .pgg-chain-viewport{inset:var(--pgg-chain-safe-top) 16px calc(var(--pgg-hand-height) + 18px + env(safe-area-inset-bottom))}.pgg-opponent-hand .pgg-domino-back{--back-short:13px;--back-long:24px;margin-left:-4px}.pgg-session-status{font-size:.82rem}.pgg-hand-tiles>button{padding-inline:2px}.pgg-hand-tiles.hand-count-7>button{padding-inline:1px}.pgg-hand.hand-count-7 .pgg-domino-hand{--domino-short:clamp(32px, 9vw, 38px);--domino-long:clamp(58px, 17vw, 68px);--pip-size:clamp(4.5px, 1.35vw, 5.5px)}}@media (orientation:landscape) and (height<=560px){.pgg-table-layout{--pgg-hand-height:104px;height:calc(100dvh - 52px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:330px}.pgg-chain-viewport,.pgg-table-layout.players-2 .pgg-chain-viewport{inset:50px 112px calc(var(--pgg-hand-height) + 10px + env(safe-area-inset-bottom))}.pgg-hand{height:calc(var(--pgg-hand-height) + env(safe-area-inset-bottom))}.pgg-seat.position-bottom{bottom:calc(var(--pgg-hand-height) + 5px)}}@media (width<=620px){.pgg-table-layout.round-complete .pgg-chain-viewport{top:120px;bottom:calc(106px + env(safe-area-inset-bottom))}.pgg-table-layout.round-complete .pgg-seat.position-bottom{bottom:calc(7px + env(safe-area-inset-bottom))}}body.pgg-gameplay-active{background:#082d27}html:has(body.pgg-gameplay-active){background:#082d27}body.pgg-gameplay-active .site-header{display:none}.pgg-page.pgg-game-page{min-height:100dvh;padding:max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));background:#082d27}.pgg-game-page .pgg-game-shell{min-height:calc(100dvh - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;gap:6px;display:flex}.pgg-game-shell>.pgg-table-layout:not(.waiting){flex:1 0 340px;height:auto;min-height:340px;margin:0}.pgg-game-shell>.pgg-game-header{background:#0b3c31;border:1px solid #719b88;border-radius:16px;flex:none;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:8px 10px;display:grid}.pgg-game-header>div{flex-wrap:wrap;gap:4px 10px;min-width:0}.pgg-game-header>.ayi-chip{color:#fff7df;white-space:normal;overflow-wrap:anywhere;width:fit-content;max-width:100%;font:750 .875rem/1.35 var(--ayi-font-body);background:#235144;border-color:#d6c78c;grid-area:2/1}.pgg-game-header>button{border-radius:999px;grid-area:1/2/3;min-width:44px;min-height:44px;padding:8px 12px}.pgg-game-meta{z-index:30;background:#092e27;border:1px solid #83a795;border-radius:16px;width:min(360px,100%);max-height:65dvh;padding:12px;display:none;position:absolute;top:100px;right:0;overflow-y:auto}.pgg-game-meta.open{gap:10px;display:grid}.pgg-game-menu-toggle,.pgg-game-meta-heading{justify-content:space-between;align-items:center;display:flex}.pgg-table-layout .pgg-chain-viewport{overscroll-behavior:contain;touch-action:pan-x pan-y;overflow:auto}.pgg-chain-board{touch-action:pan-x pan-y;min-height:220px}.pgg-table-layout:has(.pgg-shuffle) .pgg-chain-empty{visibility:hidden}.pgg-table-layout:has(.pgg-help-chien){--pgg-chain-safe-top:154px}.pgg-table-layout:has(.pgg-help-chien) .pgg-chain-viewport{top:154px}.pgg-table-layout:has(.pgg-hand .pgg-help-chien){--pgg-hand-height:202px}.pgg-table-layout.hand-size-14:has(.pgg-hand .pgg-help-chien){--pgg-hand-height:252px}.pgg-table-layout:has(.pgg-hand .pgg-help-chien) .pgg-chain-viewport{bottom:calc(var(--pgg-hand-height) + 18px + env(safe-area-inset-bottom))}.pgg-hand:has(.pgg-help-chien){height:calc(var(--pgg-hand-height,202px) + env(safe-area-inset-bottom))}.pgg-game-shell .pgg-table-layout.round-complete .pgg-chain-viewport{bottom:170px}.pgg-game-shell>.pgg-round-end-panel{background:#0b3c31;border-radius:20px;flex:none;grid-template-columns:1fr auto;gap:8px 12px;width:100%;max-width:100%;margin:0;padding:12px;animation:none;display:grid;position:static;transform:none}.pgg-round-end-panel h2{white-space:normal}.pgg-round-end-panel .ayi-button{white-space:normal;border-radius:999px;grid-area:1/2/3;max-width:100%;min-height:48px;padding:10px 18px}.pgg-round-results{text-align:start;flex-wrap:wrap;grid-column:1;gap:8px 18px;margin:0;padding:0;list-style:none;display:flex}.pgg-round-results li{gap:2px;font-size:.8rem;display:grid}.pgg-round-results span{color:#d7ebdf}.pgg-round-results b{color:#ffe4a0}.pgg-hand-tiles>button.playable{border-radius:8px;box-shadow:0 0 0 2px #f3d481}.pgg-hand-tiles>button.unplayable{opacity:.48;filter:saturate(.3)}.pgg-hand-tiles>button.selected{opacity:1;box-shadow:0 0 0 3px #ffde72}.pgg-hand.active{border-color:#f3d481;animation:2.4s ease-in-out infinite pgg-hand-breathe}@keyframes pgg-hand-breathe{50%{box-shadow:0 0 0 3px #f3d48120}}.pgg-seat.active:before{animation:2.4s ease-in-out infinite pgg-seat-breathe}@keyframes pgg-seat-breathe{50%{box-shadow:0 0 0 7px #ffdf7520}}.pgg-seat .pgg-help-trigger,.pgg-local-player-line .pgg-help-trigger{color:#fff0bc;background:#294f3d;border:1px solid #c7b576;border-radius:999px;min-height:44px;padding:4px 8px;font-size:.7rem}.pgg-help-trigger>span{color:inherit;font-size:inherit;display:inline}.pgg-help-dialog{--ayi-control-text:#102e26;--ayi-control-surface:#fffdf4;max-width:min(440px,100% - 24px);line-height:1.55}.pgg-help-dialog h2{font-size:1.25rem}.pgg-help-dialog>.ayi-button{width:100%}.pgg-turn-actions{justify-content:flex-end}@media (width<=620px){.pgg-game-header h1{font-size:1.2rem}.pgg-game-shell>.pgg-round-end-panel{grid-template-columns:1fr}.pgg-round-end-panel .ayi-button{grid-area:auto/1;width:100%}.pgg-round-results{justify-content:space-between}.pgg-game-shell:has(>.pgg-round-end-panel)>.pgg-table-layout{flex-basis:360px}.pgg-game-shell>.pgg-table-layout{margin-inline:0}}@media (prefers-reduced-motion:reduce){.pgg-seat.active:before,.pgg-hand.active{animation:none}}.pgg-player-stats{flex-wrap:wrap}.pgg-player-stats>span{white-space:normal;text-overflow:clip;flex:1 0 100%;overflow:visible}.pgg-page.pgg-game-page:has(.pgg-call-panel){height:auto;min-height:100dvh;overflow:visible}.pgg-game-shell:has(>.pgg-call-panel){height:auto}.pgg-game-shell:has(>.pgg-call-panel)>.pgg-table-layout{min-height:calc(var(--pgg-chain-safe-top,154px) + 220px + var(--pgg-hand-height,170px) + 36px + env(safe-area-inset-bottom));flex:none}@media (orientation:landscape) and (height<=560px) and (width<=1000px){.pgg-table-layout{--pgg-chain-safe-top:154px}.pgg-game-shell>.pgg-table-layout:not(.waiting){min-height:calc(var(--pgg-chain-safe-top) + 220px + var(--pgg-hand-height,104px) + 36px + env(safe-area-inset-bottom))}.pgg-table-layout .pgg-chain-viewport,.pgg-table-layout.players-2 .pgg-chain-viewport,.pgg-table-layout.players-3 .pgg-chain-viewport,.pgg-table-layout.players-4 .pgg-chain-viewport{top:var(--pgg-chain-safe-top);bottom:calc(var(--pgg-hand-height,104px) + 18px + env(safe-area-inset-bottom))}.pgg-game-shell>.pgg-table-layout.round-complete{min-height:calc(var(--pgg-chain-safe-top) + 220px + 196px)}.pgg-table-layout.round-complete .pgg-chain-viewport{bottom:180px}}.mopyon-online-page{min-height:calc(100vh - 76px);padding:clamp(28px, 7vw, 72px) max(16px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:linear-gradient(90deg,#0000 0 9%,#c5363d47 9% calc(9% + 2px),#0000 calc(9% + 2px)),repeating-linear-gradient(0deg,#0000 0 27px,#3d77a91f 27px 28px),#f9f4e6;place-items:start center;display:grid}.mopyon-lobby-card{color:#242729;background:#fffdf5e6;border:1px solid #5b4a2b33;border-radius:5px 14px 14px 5px;width:min(560px,100%);padding:clamp(24px,5vw,42px);box-shadow:0 20px 50px #473a2226,0 3px 9px #473a2217}.mopyon-lobby-card header{margin-bottom:26px}.mopyon-lobby-card h1{letter-spacing:-.06em;margin:7px 0 8px;font:800 clamp(2.2rem,8vw,4rem)/1 Comic Sans MS,Segoe Print,cursive}.mopyon-lobby-card p{color:#63605a;line-height:1.55}.mopyon-lobby-kicker{color:#1659ad;letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;font-weight:850}.mopyon-profile-fields{grid-template-columns:1.7fr 1fr .65fr;gap:12px;margin-bottom:18px;display:grid}.mopyon-profile-fields label,.mopyon-join-form>label{color:#55534e;gap:7px;font-size:.78rem;font-weight:750;display:grid}.mopyon-profile-fields input,.mopyon-profile-fields select,.mopyon-join-form input{color:#242729;width:100%;min-width:0;min-height:44px;font:inherit;background:#ffffffb8;border:1px solid #3f464933;border-radius:6px;padding:9px 11px}.mopyon-profile-fields input[type=color]{padding:5px}.mopyon-lobby-primary,.mopyon-join-form button{color:#fffdf5;cursor:pointer;min-height:46px;font:inherit;background:#242729;border:1px solid #242729;border-radius:6px;padding:10px 17px;font-weight:760;box-shadow:0 2px #4439231f}.mopyon-lobby-primary{width:100%}.mopyon-lobby-primary:hover,.mopyon-join-form button:hover{background:#0d4f9e;border-color:#0d4f9e}.mopyon-lobby-primary:disabled,.mopyon-join-form button:disabled{opacity:.55;cursor:wait}.mopyon-lobby-separator{color:#77736b;align-items:center;gap:12px;margin:19px 0;font-size:.8rem;display:flex}.mopyon-lobby-separator:before,.mopyon-lobby-separator:after{content:"";background:#54483029;flex:1;height:1px}.mopyon-join-form{gap:8px;display:grid}.mopyon-join-form>div{grid-template-columns:1fr auto;gap:8px;display:grid}.mopyon-join-form input{letter-spacing:.16em;text-transform:uppercase;font-weight:800}.mopyon-online-error{background:#c5363d14;border-left:3px solid #c5363d;margin:14px 0 0;padding:10px 12px;font-size:.9rem;color:#8b2028!important}.mopyon-privacy-note{margin:20px 0 0;font-size:.77rem}.mopyon-waiting-card{text-align:center}.mopyon-room-code{color:#1659ad;letter-spacing:.11em;margin:25px 0;font:800 clamp(2.5rem,12vw,5rem)/1 Segoe Print,monospace;display:block}.mopyon-invite-actions{grid-template-columns:auto 1fr;gap:8px;display:grid}.mopyon-invite-actions>button:first-child{color:#242729;cursor:pointer;min-height:46px;font:inherit;background:#ffffffad;border:1px solid #272b2c33;border-radius:6px;padding:10px 17px;font-weight:740}.mopyon-wait-status{justify-content:center;align-items:center;gap:9px;margin:22px 0 12px;display:flex}.mopyon-wait-status span{background:#c69200;border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite mopyon-pulse}.mopyon-text-button{color:#63605a;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:8px;text-decoration:underline}.mopyon-resume-card{text-align:center}.mopyon-resume-card h1{font-size:clamp(2rem,8vw,3.6rem)}.mopyon-resume-summary{margin:20px 0}.mopyon-resume-summary strong{color:#1659ad;letter-spacing:.08em}.mopyon-resume-actions{gap:10px;display:grid}.mopyon-mode-menu{text-align:center}.mopyon-mode-options{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}.mopyon-solo-setup{width:min(680px,100%)}.mopyon-difficulty{border:0;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0 16px;padding:0;display:grid}.mopyon-difficulty legend,.mopyon-symbol-picker legend{color:#55534e;text-align:left;margin-bottom:9px;font-size:.8rem;font-weight:800}.mopyon-difficulty input{opacity:0;pointer-events:none;position:absolute}.mopyon-difficulty label:focus-within{outline-offset:3px;outline:3px solid #1659ad40}.mopyon-symbol-picker{border:0;grid-template-columns:repeat(5,52px);align-items:center;gap:8px;margin:0 0 18px;padding:0;display:grid}.mopyon-symbol-picker button{color:#1659ad;cursor:pointer;background:#fffdf5;border:2px solid #272b2c33;border-radius:50%;width:48px;height:48px;font:800 1.35rem/1 inherit;transition:transform .14s,border-color .14s,box-shadow .14s}.mopyon-symbol-picker button[data-symbol-mode=notebook-x]{letter-spacing:-.06em;font-size:.9rem}.mopyon-symbol-picker button.active{border-color:#1659ad;box-shadow:0 0 0 3px #1659ad1f}.mopyon-symbol-picker small{color:#67635c;grid-column:1/-1;font-size:.72rem;line-height:1.35}.mopyon-solo-actions{grid-template-columns:1.4fr 1fr;gap:10px;display:grid}.mopyon-solo-page{min-height:calc(100dvh - 48px)}.mopyon-solo-page>.mopyon-online-strip{z-index:20;position:sticky;top:0;box-shadow:0 5px 18px #1f242b2e}.mopyon-lobby-secondary{color:#242729;cursor:pointer;width:100%;min-height:46px;font:inherit;background:#ffffffb3;border:1px solid #272b2c47;border-radius:6px;padding:10px 17px;font-weight:760}.mopyon-lobby-secondary:hover{color:#0d4f9e;border-color:#0d4f9e}.mopyon-lobby-secondary:disabled{opacity:.55;cursor:wait}.mopyon-online-strip{color:#eaf1fa;background:#4c5360;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;min-height:34px;padding:4px 12px;font-size:.76rem;display:flex}.mopyon-online-strip>span{align-items:center;gap:7px;display:inline-flex}.mopyon-strip-role-short{display:none}.mopyon-online-strip i{background:#d4a600;border-radius:50%;width:8px;height:8px}.mopyon-online-strip.is-online i{background:#69d28a;box-shadow:0 0 0 3px #69d28a29}.mopyon-online-strip .mopyon-solo-thinking i{background:#ffd260;animation:.78s ease-in-out infinite mopyon-pulse}.mopyon-strip-error{color:#ffe0e2}.mopyon-strip-leave{color:#f4f0e8;text-underline-offset:3px;cursor:pointer;font:inherit;background:0 0;border:0;padding:4px 7px;text-decoration:underline}.mopyon-strip-leave:hover{color:#fff}.mopyon-strip-toggle{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff38;border-radius:999px;width:30px;height:28px;padding:0;font:800 1rem/1 inherit}.mopyon-strip-details{align-items:center;gap:12px;display:inline-flex}.mopyon-strip-details[hidden]{display:none}body.mopyon-gameplay-active .site-header{min-height:38px}body.mopyon-gameplay-active .brand-mark{width:26px;height:26px;box-shadow:2px 2px 0 var(--ayi-yellow);border-radius:7px}body.mopyon-gameplay-active .brand-lockup{font-size:.9rem}body.mopyon-gameplay-active .back-link{font-size:.8rem}.mopyon-page,.mopyon-page .mopyon-host{width:100%;min-width:0;max-width:100%}.mopyon-page .mopyon-host{display:block}.mopyon-solo-header{padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));color:#19354f;background:var(--ayi-ivory-100);border-bottom:1px solid #a1b7c9;flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mopyon-solo-header .ayi-button{color:#164d7b;background:#fffdf7}.mopyon-solo-header .ayi-chip{color:#164d7b;background:#e8edf1;margin-left:auto}.mopyon-solo-header>span[role=status]{flex:100%;font-size:.8rem}body.mopyon-gameplay-active .site-header{display:none}.mopyon-difficulty label{color:#152b3e;background:#fffdf7;border-color:#8499aa}.mopyon-difficulty label.active{background:#e5edf6;border-color:#1659ad;box-shadow:0 0 0 3px #1659ad30}.mopyon-lobby-card .mopyon-symbol-picker .ayi-button{color:#164d7b;font-size:1.5rem;line-height:1}.mopyon-lobby-card .mopyon-symbol-picker .ayi-button[data-symbol-mode=notebook-x]{font-size:.95rem}@keyframes mopyon-pulse{50%{opacity:.35;transform:scale(.82)}}@media (hover:hover) and (pointer:fine){.mopyon-difficulty label:hover,.mopyon-symbol-picker button:hover{transform:translateY(-2px)}.mopyon-symbol-picker button:hover{border-color:#1659ad;box-shadow:0 5px 13px #1659ad1c}}@media (width<=620px){.mopyon-online-page{padding:18px max(12px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.mopyon-mode-options,.mopyon-difficulty{grid-template-columns:1fr}.mopyon-mode-options button{min-height:92px}.mopyon-symbol-picker{grid-template-columns:repeat(5,minmax(44px,52px))}.mopyon-solo-actions{grid-template-columns:1fr}.mopyon-profile-fields{grid-template-columns:1fr 1fr}.mopyon-profile-fields label:first-child{grid-column:1/-1}.mopyon-invite-actions{grid-template-columns:1fr}.mopyon-online-strip{min-width:0;min-height:32px;padding:5px max(12px, env(safe-area-inset-right)) 5px max(12px, env(safe-area-inset-left));justify-content:stretch;gap:5px 12px;font-size:.75rem;line-height:1.3;display:flex}.mopyon-online-strip>span{min-width:0}.mopyon-strip-status{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mopyon-strip-room{white-space:nowrap}.mopyon-strip-role-long{display:none}.mopyon-strip-role-short{display:inline}.mopyon-strip-pending{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mopyon-strip-error{overflow-wrap:anywhere;text-align:center;order:5;width:100%}.mopyon-strip-toggle{flex:none;margin-left:auto}.mopyon-strip-details{flex-wrap:wrap;order:4;justify-content:center;width:100%}.mopyon-strip-leave{white-space:nowrap;min-height:28px;padding:3px 0 3px 8px}body.mopyon-gameplay-active .site-header{width:calc(100% - 24px);min-height:34px}body.mopyon-gameplay-active .back-link{font-size:0}body.mopyon-gameplay-active .back-link span{font-size:1rem}}@media (prefers-reduced-motion:reduce){.mopyon-wait-status span,.mopyon-online-strip .mopyon-solo-thinking i{animation:none}.mopyon-difficulty label,.mopyon-symbol-picker button{transition:none}}.lakou-preview{width:min(100% - 32px,1080px);color:var(--ayi-navy-900);overflow-wrap:anywhere;padding-bottom:max(24px,env(safe-area-inset-bottom));margin:24px auto}.lakou-preview h1{font-family:Georgia,serif;font-size:clamp(26px,6vw,42px)}.lakou-notice{border-left:4px solid var(--ayi-gold-500,#dbb96f);background:#fff8df;padding:12px}.lakou-panel{background:var(--ayi-ivory-50,#fffdf7);border:1px solid #c6c4b7;border-radius:20px;min-width:0;margin-block:16px;padding:16px}.lakou-panel form,.lakou-choice{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.lakou-panel label{width:100%}.lakou-panel input{border:1px solid #6c7b88;border-radius:12px;flex:1;min-width:0;max-width:100%;min-height:48px;padding:12px}.lakou-table{border-bottom:1px solid #c6c4b7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-block:12px;display:flex}.lakou-table h4,.lakou-table p{margin:4px 0}.lakou-public-preview{aspect-ratio:2;border-radius:16px;max-width:720px;margin:16px auto;overflow:hidden}.lakou-preview .ayi-button{white-space:normal;text-align:center;max-width:100%}.home-quick-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.home-quick-actions .ayi-button{text-decoration:none}.home-quick-actions .ayi-button-primary{background:var(--ayi-gold-400,#dbb96f);color:var(--ayi-navy-900,#0a2038)}.game-modes{color:inherit;line-height:1.35;opacity:1!important;font-size:12px!important}.game-preview-make .game-preview-image{object-position:25% center}.make-mode-options{gap:16px;margin-top:24px;display:grid}.make-mode-options .ayi-option-card{text-align:left;border-radius:24px;gap:8px;padding:20px;display:grid}.admin-page{width:min(1040px,100% - 32px);margin:0 auto;padding:clamp(30px,5vw,66px) 0 72px}.admin-heading,.admin-section-heading,.admin-flag,.admin-user{justify-content:space-between;align-items:center;gap:18px;display:flex}.admin-heading{margin-bottom:24px}.admin-heading h1{letter-spacing:-.06em;margin:0;font-size:clamp(2.2rem,7vw,4.6rem)}.admin-heading-actions{align-items:center;gap:12px;display:flex}.admin-signed-in{color:var(--ayi-ink-soft);margin:6px 0 0}.admin-role,.admin-user-role{color:#fff;background:var(--ayi-blue);letter-spacing:.08em;border-radius:999px;padding:7px 11px;font-size:.75rem;font-weight:850}.admin-panel{border:1px solid var(--ayi-border);background:#ffffffc2;border-radius:24px;margin-top:18px;padding:clamp(18px,3vw,28px);box-shadow:0 10px 34px #10244a0e}.admin-section-heading{align-items:flex-end;margin-bottom:18px}.admin-section-heading h2{margin:0 0 4px;font-size:1.25rem}.admin-section-heading p{color:var(--ayi-ink-soft);margin:0;line-height:1.45}.admin-section-heading input{border:1px solid var(--ayi-border);width:min(280px,100%);min-height:42px;color:var(--ayi-ink);font:inherit;background:#fff;border-radius:12px;padding:9px 12px}.admin-flag-list,.admin-user-list{gap:9px;display:grid}.admin-flag,.admin-user{background:#fffdf5c2;border:1px solid #10244a1a;border-radius:15px;min-width:0;padding:13px 14px}.admin-flag h3{margin:0 0 3px;font-size:1rem}.admin-flag code,.admin-user code{color:var(--ayi-ink-soft);overflow-wrap:anywhere;font-size:.7rem}.admin-state-picker{background:var(--ayi-paper-deep);border-radius:12px;flex:none;padding:3px;display:inline-flex}.admin-state-button{min-height:34px;color:var(--ayi-ink-soft);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:9px;padding:6px 9px;font-size:.7rem;font-weight:850}.admin-state-button[aria-pressed=true].is-off{color:#fff;background:#5c6577}.admin-state-button[aria-pressed=true].is-test{color:#3c2d00;background:var(--ayi-yellow)}.admin-state-button[aria-pressed=true].is-public{color:#fff;background:#21865c}.admin-state-button:focus-visible,.admin-tester-button:focus-visible{outline-offset:2px;outline:3px solid #1660b852}.admin-user{justify-content:flex-start}.admin-avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.admin-user-copy{gap:2px;min-width:0;margin-right:auto;display:grid}.admin-user-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-tester-button{border:1px solid var(--ayi-blue);color:#fff;background:var(--ayi-blue);cursor:pointer;min-height:38px;font:inherit;border-radius:11px;padding:8px 12px;font-size:.78rem;font-weight:800}.admin-tester-button.is-remove{color:var(--ayi-red);background:#fff;border-color:#d33d494d}.admin-error{color:#8f1f29;background:#fff0f1;border-radius:13px;padding:12px 14px;font-weight:750}.admin-empty{color:var(--ayi-ink-soft);text-align:center}.admin-state{align-content:center;justify-items:start;max-width:720px;min-height:calc(100vh - 76px);display:grid}.admin-state h1{letter-spacing:-.06em;margin:0;font-size:clamp(2.4rem,8vw,5rem)}.admin-state>p:not(.eyebrow){color:var(--ayi-ink-soft);line-height:1.55}.admin-own-id{background:#fff;border-radius:14px;gap:6px;width:100%;padding:14px;display:grid}.admin-own-id code{overflow-wrap:anywhere}.admin-auth{gap:14px}.admin-auth h1{max-width:680px}.admin-auth>p{margin-block:0}.admin-auth-form{border:1px solid var(--ayi-border);background:#ffffffd1;border-radius:20px;gap:14px;width:min(440px,100%);margin-top:6px;padding:clamp(18px,4vw,26px);display:grid;box-shadow:0 10px 34px #10244a0e}.admin-auth-form label{color:var(--ayi-ink-soft);gap:7px;font-size:.82rem;font-weight:800;display:grid}.admin-auth-form input{border:1px solid var(--ayi-border);width:100%;min-height:46px;color:var(--ayi-ink);font:inherit;background:#fff;border-radius:12px;padding:10px 12px}.admin-auth-form input:focus-visible{outline-offset:2px;outline:3px solid #1660b840}.admin-auth-form button,.admin-primary-action,.admin-secondary-action{border:1px solid var(--ayi-blue);color:#fff;background:var(--ayi-blue);cursor:pointer;min-height:44px;font:inherit;border-radius:12px;padding:10px 15px;font-weight:850}.admin-auth-form button:disabled,.admin-primary-action:disabled,.admin-secondary-action:disabled,.admin-link-action:disabled{cursor:wait;opacity:.55}.admin-secondary-action{color:var(--ayi-blue);background:#fff}.admin-link-action{min-height:38px;color:var(--ayi-blue);cursor:pointer;font:inherit;background:0 0;border:0;padding:7px 4px;font-weight:800}.admin-auth-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-totp-form{justify-items:stretch}.admin-totp-qr{aspect-ratio:1;background:#fff;border:12px solid #fff;border-radius:15px;justify-self:center;width:min(260px,100%)}.admin-sensitive-note{color:var(--ayi-red);text-align:center;margin:0;font-size:.8rem;line-height:1.45}.admin-auth-email{color:var(--ayi-ink);background:#fff;border-radius:10px;padding:9px 12px;font-weight:800}@media (width<=660px){.admin-heading{align-items:flex-end}.admin-heading-actions{flex-direction:column;align-items:flex-end}.admin-panel{border-radius:18px}.admin-section-heading,.admin-flag{flex-direction:column;align-items:stretch}.admin-state-picker{grid-template-columns:repeat(3,1fr);display:grid}.admin-users-heading input{width:100%}.admin-user{gap:10px}.admin-user code{text-overflow:ellipsis;white-space:nowrap;max-width:150px;display:block;overflow:hidden}.admin-tester-button{padding-inline:9px}}:root{--ayi-felt:#075448;--ayi-notebook-blue:#1659ad;--ayi-notebook-red:#c5363d;--ayi-wood:#784724;--ayi-success:#14704b;--ayi-danger:#a72c39;--ayi-text-xs:.75rem;--ayi-text-sm:.875rem;--ayi-text-md:1rem;--ayi-text-lg:1.25rem;--ayi-text-xl:1.75rem;--ayi-text-2xl:2.5rem;--ayi-space-1:.25rem;--ayi-space-2:.5rem;--ayi-space-3:.75rem;--ayi-space-4:1rem;--ayi-space-6:1.5rem;--ayi-space-8:2rem;--ayi-radius-pill:999px;--ayi-control-height:48px;--ayi-control-min:44px;--ayi-control-bg:#0a2038;--ayi-control-ink:#fffdf7;--ayi-control-surface:#fffdf7;--ayi-control-text:#0a2038;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ayi-navy-950:#061525;--ayi-navy-900:#0a2038;--ayi-navy-800:#123451;--ayi-ivory-50:#fffdf7;--ayi-ivory-100:#f8f1e3;--ayi-ivory-200:#eadfc9;--ayi-gold-400:#dbb96f;--ayi-gold-500:#bd9140;--ayi-ink:var(--ayi-navy-900);--ayi-ink-soft:#5d6872;--ayi-paper:var(--ayi-ivory-50);--ayi-paper-deep:var(--ayi-ivory-100);--ayi-blue:#174e79;--ayi-red:#a9433f;--ayi-yellow:var(--ayi-gold-400);--ayi-aqua:#287f78;--ayi-border:#0a203824;--ayi-border-on-dark:#f8f1e32e;--ayi-shadow:0 28px 70px #06152529;--ayi-shadow-soft:0 16px 42px #06152517;--ayi-radius-sm:12px;--ayi-radius-md:20px;--ayi-radius-lg:32px;--ayi-space-page:clamp(1rem, 4vw, 3.25rem);--ayi-font-display:Georgia, "Times New Roman", serif;--ayi-font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--ayi-paper);scroll-behavior:smooth;width:100%;min-width:320px;max-width:100%;overflow-x:clip}body{width:100%;min-width:320px;max-width:100%;min-height:100vh;color:var(--ayi-ink);font-family:var(--ayi-font-body);background:radial-gradient(circle at 84% -10%, #dbb96f33, transparent 30rem), linear-gradient(180deg, var(--ayi-ivory-50), var(--ayi-paper));margin:0;overflow-x:clip}#root,.site-shell{width:100%;min-width:0;max-width:100%}.solo-resume-card,.solo-replace-confirm{border:1px solid color-mix(in srgb, var(--color-accent,#168f88) 38%, transparent);background:color-mix(in srgb, var(--color-surface,#fff) 91%, var(--color-accent,#168f88));border-radius:16px;gap:.65rem;margin:1rem 0;padding:.9rem 1rem;display:grid}.solo-resume-card>span,.solo-replace-confirm>p{color:var(--color-text-muted,#5f635f);margin:0}.solo-resume-card>button{justify-self:start}.solo-replace-confirm>div{flex-wrap:wrap;gap:.65rem;display:flex}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--ayi-gold-400);outline-offset:4px}.site-shell{min-height:100vh}.site-shell-home{color:var(--ayi-ivory-50);background:linear-gradient(#f8f1e306 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#f8f1e306 1px,#0000 1px) 0 0/28px 28px,radial-gradient(circle at 75% 16%,#bd914030,#0000 22rem),#001e36;overflow:clip}.site-header{width:min(1320px, calc(100% - (2 * var(--ayi-space-page))));min-height:88px;padding-top:max(env(safe-area-inset-top), 8px);padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left);border-bottom:1px solid var(--ayi-border);justify-content:space-between;align-items:center;gap:18px;margin:0 auto;display:flex}.site-shell-home .site-header{border-bottom-color:var(--ayi-border-on-dark)}.brand-lockup{color:var(--ayi-ink);align-items:center;line-height:1;text-decoration:none;display:inline-flex}.footer-brand{font-family:var(--ayi-font-display);letter-spacing:-.055em;font-size:1.72rem;font-weight:700}.brand-ayi{color:var(--ayi-ivory-50)}.brand-gen{color:var(--ayi-gold-400)}.site-shell:not(.site-shell-home) .brand-ayi{color:var(--ayi-navy-900)}.brand-slogan{color:var(--ayi-ink-soft);font-family:var(--ayi-font-display);letter-spacing:.01em;border-left:1px solid;padding-left:16px;font-size:.76rem;font-style:italic;line-height:1.2}.site-shell-home .brand-slogan{color:#f8f1e3b3}.brand-logo-image{border-radius:7px;width:clamp(132px,15vw,184px);height:auto;display:block;box-shadow:0 8px 22px #00000029}.site-shell-home .brand-logo-image{box-shadow:none;border-radius:0}.back-link,.text-link{color:var(--ayi-blue);text-underline-offset:4px;font-weight:750}.back-link{align-items:center;gap:7px;font-size:.94rem;display:inline-flex}.header-actions{justify-content:flex-end;align-items:center;gap:16px;display:flex}.site-shell-home .back-link{color:var(--ayi-ivory-100)}.home-page{width:min(1320px, calc(100% - (2 * var(--ayi-space-page))));padding:0 env(safe-area-inset-right) clamp(72px, 10vw, 132px) env(safe-area-inset-left);margin:0 auto}.home-hero{min-height:auto;padding:clamp(58px,8vw,96px) 0 clamp(50px,7vw,84px);display:block}.home-intro{max-width:840px}.eyebrow{color:var(--ayi-gold-400);letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:.77rem;font-weight:850}.home-intro h1,.coming-soon h1,.not-found h1{font-family:var(--ayi-font-display);letter-spacing:-.055em;margin:0;font-size:clamp(3rem,7vw,6.5rem);font-weight:500;line-height:.92}.home-slogan{color:var(--ayi-gold-400);font-family:var(--ayi-font-display);letter-spacing:.015em;margin:18px 0 0;font-size:clamp(1rem,2vw,1.35rem);font-style:italic}.home-lede{color:#f8f1e3b8;max-width:560px;margin:24px 0 0;font-size:clamp(1.02rem,1.6vw,1.22rem);line-height:1.65}.home-collection-link{border:0;border-bottom:1px solid var(--ayi-gold-400);width:fit-content;min-height:48px;color:var(--ayi-ivory-50);cursor:pointer;font:inherit;background:0 0;align-items:center;gap:12px;margin-top:30px;padding:0 4px 8px;font-weight:760;text-decoration:none;display:inline-flex}.home-collection-link span{color:var(--ayi-gold-400);transition:transform .2s}.home-collection-link:hover span{transform:translateY(4px)}.home-collection{border-top:1px solid var(--ayi-border-on-dark);padding-top:clamp(42px,6vw,72px);scroll-margin-top:32px}.collection-heading{grid-template-columns:minmax(0,1fr) minmax(280px,480px);align-items:end;gap:32px;margin-bottom:clamp(30px,5vw,54px);display:grid}.collection-heading h2{font-family:var(--ayi-font-display);letter-spacing:-.045em;margin:0;font-size:clamp(2.4rem,5vw,4.7rem);font-weight:500;line-height:.98}.collection-heading>p{color:#f8f1e3a6;margin:0 0 .35rem;line-height:1.65}.feature-access-message{color:var(--ayi-ink-soft);margin:22px 0 0}.feature-gate{text-align:center;place-content:center;justify-items:center;min-height:calc(100vh - 76px);padding:64px 24px;display:grid}.feature-gate h1{letter-spacing:-.06em;margin:0;font-size:clamp(2.6rem,8vw,5.4rem)}.feature-gate>p:last-child{max-width:540px;color:var(--ayi-ink-soft);line-height:1.55}.games-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);display:grid}.game-card-link{min-width:0;color:inherit;text-decoration:none;display:block}.game-card{height:100%;min-height:312px;color:var(--ayi-navy-900);background:var(--ayi-ivory-100);border-radius:var(--ayi-radius-lg);border:1px solid #f8f1e329;grid-template-rows:136px minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) auto;gap:14px 10px;padding:clamp(14px,1.8vw,22px);transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 26px #00000029}.game-card:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff59}.game-card.is-available:hover{box-shadow:var(--ayi-shadow);border-color:#dbb96fb8;transform:translateY(-4px)}.game-card-link:focus-visible{outline-offset:5px;border-radius:24px;outline:3px solid #1660b866}.game-card-art{background:var(--card-art-background);border-radius:17px;grid-column:1/-1;min-height:0;position:relative;overflow:hidden}.coming-monogram{color:#fff;background:var(--card-accent,var(--ayi-blue));letter-spacing:-.04em;border-radius:17px;place-items:center;width:58px;height:58px;margin-bottom:26px;font-weight:900;display:grid}.accent-blue{--card-accent:#325f8e;--card-art-background:#d9e6ee}.accent-red{--card-accent:#9f4a45;--card-art-background:#ead8cf}.accent-yellow{--card-accent:#8e6c26;--card-art-background:#eadfbd}.accent-aqua{--card-accent:#39756d;--card-art-background:#d6e1d7}.game-preview{width:100%;height:100%;position:relative;overflow:hidden}.game-preview-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.game-preview-make{background:#f4ecd9}.preview-paper-title{color:#775c37;font:800 .58rem/1 var(--ayi-font-body);letter-spacing:.12em;display:block}.preview-score-columns{grid-template-columns:1fr 1fr;align-items:center;gap:6px;height:calc(100% - 12px);display:grid}.preview-score-columns>div{justify-items:center;gap:2px;min-width:0;display:grid}.preview-score-columns b{color:#6f604b;font-size:.56rem}.preview-score-columns .make-score-drawing{justify-content:center;align-items:center;width:100%;min-height:66px;display:flex}.preview-score-columns .make-traditional-block{width:min(100%,66px);height:62px;display:block}.preview-score-columns .make-traditional-block svg{width:100%;height:100%;display:block}.preview-score-columns .make-traditional-block path{fill:none;stroke:var(--make-player-color);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.game-preview-titato{background:radial-gradient(circle at 50% 46%,#b7824e,#7a4c29)}.game-preview-titato:before{content:"";border:1px solid #ffe1ae38;border-radius:12px;position:absolute;inset:7%}.game-preview-titato svg{width:100%;height:100%;position:absolute;inset:0}.game-preview-titato line{stroke:#3a1e0dd1;stroke-width:2.1px;stroke-linecap:round}.preview-titato-point{z-index:1;background:#4d301d;border-radius:50%;width:7px;height:7px;position:absolute;transform:translate(-50%,-50%)}.preview-titato-point i{border:1px solid #ffffff73;border-radius:48% 52% 43% 57%;width:clamp(13px,4.5vw,20px);height:clamp(13px,4.5vw,20px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset -3px -4px 5px #0000004d,inset 2px 2px 4px #ffffff38,0 3px 5px #00000040}.preview-titato-point.player-1 i{background:radial-gradient(circle at 32% 28%,#605f58,#252824 67%,#151713)}.preview-titato-point.player-2 i{background:radial-gradient(circle at 32% 28%,#f1ecdf,#b4a99a 67%,#7c7369)}.game-preview-mopyon{background:#f6edda}.preview-mopyon-grid{background-image:linear-gradient(#275b8929 1px,#0000 1px),linear-gradient(90deg,#275b8929 1px,#0000 1px);background-size:16.666% 16.666%;position:absolute;inset:0}.preview-mopyon-x{z-index:2;color:#205b9a;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%)rotate(-2deg)}.preview-mopyon-x.player-2{color:#a9433f}.preview-mopyon-x.historical{opacity:.42}.preview-mopyon-x i{background:currentColor;border-radius:3px;width:100%;height:2.5px;position:absolute;top:50%;left:0;transform:rotate(45deg)}.preview-mopyon-x i+i{transform:rotate(-45deg)}.preview-mopyon-win-ring{z-index:3;border:2px solid #205b9acc;border-radius:50%;width:74%;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-1deg)}.preview-mopyon-win-ring:after{content:"";border:1px solid #205b9a6b;border-radius:48% 52% 46% 54%;position:absolute;inset:-4px -2px -3px -4px;transform:rotate(1deg)}.game-preview-pi-gwo{background:radial-gradient(circle at 28% 30%,#ffffff1a,#0000 45%),linear-gradient(140deg,#173f36,#2c6455)}.preview-domino-chain{transform-origin:50%;width:228px;height:84px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.82)}.preview-domino-chain .pgg-domino-tile{position:absolute;box-shadow:2px 4px 7px #00000047,inset 0 0 0 1px #ffffffb8}.preview-domino-one{top:27px;left:0}.preview-domino-two{top:16px;left:52px}.preview-domino-three{top:27px;left:82px}.preview-domino-four{top:27px;left:134px}.game-copy{grid-column:1/-1;min-width:0}.game-copy h2{font-family:var(--ayi-font-display);letter-spacing:-.035em;margin:0 0 5px;font-size:clamp(1.4rem,2.4vw,2rem);font-weight:600}.game-copy p{color:var(--ayi-ink-soft);margin:0;font-size:.88rem;line-height:1.4}.game-status{min-width:54px;min-height:36px;color:var(--ayi-ink-soft);background:var(--ayi-paper-deep);border-radius:999px;grid-column:1/-1;justify-content:center;place-self:end;align-items:center;padding:8px 11px;font-size:.8rem;font-weight:780;display:inline-flex}@media (width<=980px){.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.game-status.available{color:var(--ayi-ivory-50);background:var(--ayi-navy-900)}.site-footer{width:min(1320px, calc(100% - (2 * var(--ayi-space-page))));padding:34px env(safe-area-inset-right) max(34px, env(safe-area-inset-bottom)) env(safe-area-inset-left);border-top:1px solid var(--ayi-border-on-dark);color:#f8f1e3b3;grid-template-columns:auto 1fr auto;align-items:center;gap:18px 28px;margin:0 auto;display:grid}.site-footer p{margin:0}.site-footer>p:not(.footer-note){font-family:var(--ayi-font-display);font-style:italic}.footer-note{text-align:right;justify-self:end;max-width:430px;font-size:.82rem;line-height:1.5}.coming-soon,.not-found{text-align:center;place-content:center;justify-items:center;min-height:calc(100vh - 76px);padding:64px 24px;display:grid}.coming-soon h1,.not-found h1{max-width:850px;font-size:clamp(2.8rem,9vw,6rem)}.coming-soon>p:last-child{color:var(--ayi-ink-soft);margin:22px 0 0;font-size:1.15rem}.not-found .text-link{margin-top:30px}.mopyon-page{padding:0 0 32px}.mopyon-host{display:block}@media (width<=720px){.site-header{min-height:68px;padding:max(7px, env(safe-area-inset-top)) 0 7px;flex-wrap:wrap}.header-actions{flex-wrap:wrap;gap:8px 12px;min-width:0}.brand-slogan{display:none}.brand-logo-image{width:120px}.home-hero{min-height:auto;padding:38px 0 42px}.home-intro h1{font-size:clamp(2.45rem,11vw,4.4rem);line-height:.96}.home-slogan{margin-top:12px;font-size:1rem}.home-lede{margin-top:14px;line-height:1.5}.home-collection-link{min-height:42px;margin-top:18px}.home-collection{padding-top:30px}.collection-heading{grid-template-columns:1fr;gap:14px;margin-bottom:20px}.collection-heading h2{font-size:clamp(2rem,9vw,3.2rem)}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-card{border-radius:18px;grid-template-rows:108px minmax(0,1fr) auto;gap:9px 7px;min-height:260px;padding:11px}.game-card-art{border-radius:13px}.game-copy h2{margin-bottom:3px;font-size:clamp(1.18rem,5.7vw,1.5rem)}.game-copy p{font-size:clamp(.7rem,2.8vw,.82rem);line-height:1.34}.game-status{min-height:34px;padding:6px 9px;font-size:.69rem}.preview-domino-chain{transform:translate(-50%,-50%)scale(.66)}.back-link{font-size:.86rem}.site-footer{grid-template-columns:1fr;gap:10px}.footer-note{text-align:left;justify-self:start}.home-page{padding-bottom:48px}}@media (width<=420px){.site-header{align-items:center}.header-actions{justify-content:space-between;width:100%}.site-shell-home .site-header{flex-wrap:nowrap;gap:7px}.site-shell-home .header-actions{flex:0 auto;justify-content:flex-end;width:auto}.site-shell-home .brand-logo-image{width:104px}.home-hero{padding-top:30px}.home-lede{font-size:.98rem}.game-card{min-height:252px}}@media (width<=340px){.games-grid{grid-template-columns:1fr}.game-card{grid-template-rows:110px minmax(0,1fr) auto;min-height:240px}.game-copy p{font-size:.8rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}a.ayi-button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}:is(.mopyon-online-page,.make-page){--ayi-control-bg:var(--ayi-notebook-blue);--ayi-control-surface:var(--ayi-ivory-50);--ayi-control-text:var(--ayi-navy-900)}.pgg-page{--ayi-control-bg:#f1d59a;--ayi-control-ink:#142d25;--ayi-control-surface:#123f35;--ayi-control-text:#fff8e8}.titato-page{--ayi-control-bg:var(--ayi-wood);--ayi-control-surface:var(--ayi-ivory-50);--ayi-control-text:#392719}.ayi-button,:is(.mopyon-lobby-card,.pgg-card,.titato-lobby,.titato-card,.make-panel) button:not(.ayi-option-card),:is(.mopyon-solo-actions,.pgg-actions,.titato-actions,.titato-game-actions,.make-actions,.solo-resume-card,.solo-replace-confirm)>button{min-height:var(--ayi-control-height);min-width:var(--ayi-control-min);max-width:100%;padding:var(--ayi-space-3) var(--ayi-space-6);border-radius:var(--ayi-radius-pill);color:var(--ayi-control-text);background:var(--ayi-control-surface);font-family:var(--ayi-font-body);font-size:var(--ayi-text-sm);cursor:pointer;white-space:normal;overflow-wrap:anywhere;border:1px solid;font-weight:750;line-height:1.35}.ayi-button.ayi-button-primary,:is(.pgg-card,.titato-card,.titato-lobby,.make-panel) button:is(.primary,.pgg-primary,.make-primary),.mopyon-lobby-card button.mopyon-lobby-primary{color:var(--ayi-control-ink,#fffdf7);background:var(--ayi-control-bg);border-color:var(--ayi-control-bg)}.ayi-button.ayi-button-danger{color:#fff;background:var(--ayi-danger);border-color:var(--ayi-danger)}.ayi-button:disabled{opacity:.5;cursor:not-allowed}.mopyon-lobby-card .mopyon-symbol-picker .ayi-button{white-space:nowrap;overflow-wrap:normal;width:48px;height:48px;padding:0}.ayi-button:hover:not(:disabled){filter:brightness(.96)}.ayi-button[aria-pressed=true]{outline:2px solid var(--ayi-control-bg);outline-offset:2px}.pgg-page .pgg-choice-row button.selected{color:var(--ayi-control-ink);background:var(--ayi-control-bg);border-color:var(--ayi-control-bg);box-shadow:0 0 0 3px color-mix(in srgb, var(--ayi-control-bg) 25%, transparent)}.ayi-button:focus-visible,.ayi-option-card:focus-visible{outline:3px solid var(--ayi-gold-500);outline-offset:3px}.ayi-chip{align-items:center;gap:var(--ayi-space-1);min-height:28px;padding:var(--ayi-space-1) var(--ayi-space-3);border-radius:var(--ayi-radius-pill);font-size:var(--ayi-text-xs);border:1px solid;font-weight:750;display:inline-flex}.ayi-option-card,:is(.mopyon-difficulty,.pgg-solo-options,.titato-difficulty) label{min-width:0;min-height:var(--ayi-control-height);gap:var(--ayi-space-2);padding:var(--ayi-space-4);border:2px solid color-mix(in srgb, var(--ayi-control-text) 45%, transparent);border-radius:var(--ayi-radius-md);color:var(--ayi-control-text);background:var(--ayi-control-surface);font:inherit;text-align:start;cursor:pointer;display:grid}.site-shell .ayi-option-card{min-height:96px}.ayi-option-card[aria-pressed=true],.mopyon-difficulty label.active,.pgg-solo-options label.selected,.titato-difficulty label.active{border-color:var(--ayi-control-bg);box-shadow:0 0 0 3px color-mix(in srgb, var(--ayi-control-bg) 25%, transparent);background:color-mix(in srgb, var(--ayi-control-surface) 90%, var(--ayi-control-bg))}.ayi-option-card :is(span,small),:is(.mopyon-difficulty,.pgg-solo-options,.titato-difficulty) small{color:inherit;opacity:1;font-size:var(--ayi-text-sm);line-height:1.45}.ayi-confirm-card,.ayi-modal{padding:var(--ayi-space-6);border:1px solid var(--ayi-border);border-radius:var(--ayi-radius-md);color:var(--ayi-control-text);background:var(--ayi-control-surface);box-shadow:var(--ayi-shadow-soft)}.ayi-modal{max-width:min(32rem,100% - 2rem)}.ayi-modal::backdrop{background:#061525b3}.site-shell .site-header{width:100%;padding:max(8px, env(safe-area-inset-top)) max(var(--ayi-space-page), env(safe-area-inset-right), calc((100% - 1320px) / 2)) 8px max(var(--ayi-space-page), env(safe-area-inset-left), calc((100% - 1320px) / 2));color:var(--ayi-ivory-50);background:var(--ayi-navy-900);border-bottom-color:var(--ayi-border-on-dark);margin-inline:0}.site-header .back-link{color:var(--ayi-ivory-50)}.site-shell .language-selector{background:var(--ayi-navy-900);border-color:var(--ayi-gold-500);flex-shrink:0}.language-selector{border-radius:var(--ayi-radius-pill);border:1px solid;align-items:center;padding:3px;display:inline-flex}.language-option{border-radius:var(--ayi-radius-pill);cursor:pointer;font:inherit;background:0 0;border:0;font-weight:780}.site-shell .language-option{min-height:var(--ayi-control-min);color:var(--ayi-ivory-50);font-size:var(--ayi-text-xs);padding:8px}.site-shell .language-option[aria-pressed=true]{color:var(--ayi-navy-950);background:var(--ayi-gold-400)}.site-shell .brand-logo-image{box-shadow:none;background:0 0;border-radius:0;padding:0}.site-header .back-link{min-height:var(--ayi-control-min)}@media (width<=600px){.site-shell .site-header{gap:var(--ayi-space-2)}.site-header .header-actions{justify-content:space-between;gap:var(--ayi-space-2);flex-wrap:wrap;flex:100%}.site-shell-home .site-header .header-actions{flex:0 auto}.site-shell-home .language-option{padding:6px;font-size:.6875rem}}.site-shell .ayi-option-card.mode-friends-primary{background:var(--ayi-control-primary-bg,#0a2038);color:var(--ayi-ivory-50,#fffdf7);border:2px solid}.site-shell .ayi-option-card.mode-computer-secondary{background:var(--ayi-ivory-50,#fffdf7);color:var(--ayi-navy-900,#0a2038);border:2px solid #718394}:root{--ayi-disabled-ink:#3e4a56;--ayi-disabled-surface:#e1e6eb}.site-header a{min-width:44px;min-height:44px}.ayi-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}:is(.site-header,.home-page,.lakou-preview,.make-page,.titato-page,.mopyon-online-page,.pgg-page) :is(button,summary,a.ayi-button,input:not([type=radio]):not([type=checkbox]),select):not(.pgg-chain-drop):not(.pgg-chain-slot),:is(.mopyon-text-button,.mopyon-strip-leave,.mopyon-strip-options,.mopyon-strip-toggle,.pgg-solo-back,.pgg-seat-order button,.titato-room-strip button){min-width:44px;min-height:44px}:is(.ayi-button,.make-page button,.mopyon-lobby-card button,.mopyon-solo-header button,.titato-actions button,.titato-game-actions button,.solo-replace-confirm button):disabled,.pgg-page button:disabled:not(.pgg-hand-tiles button):not(.pgg-chain-drop){opacity:1;color:var(--ayi-disabled-ink);background:var(--ayi-disabled-surface);box-shadow:none;cursor:not-allowed;border:1px dashed #687889}.pgg-page .pgg-pass-button:disabled{color:#d1ddd8;opacity:1;background:#24473f;border:1px dashed #a1b7ac}.mopyon-lobby-separator{color:#514c43}.pgg-card :is(.pgg-separator,.pgg-note,.pgg-config>small,.pgg-seat-order small){color:#405953}.pgg-solo-options label small{color:inherit}.pgg-seat :is(small,.pgg-player-stats>span){color:#d3e4de}:is(button,a,summary,input,select):focus-visible,.ayi-button:focus-visible,.ayi-option-card:focus-visible{outline-offset:3px;outline:3px solid #1659ad}:is(.site-header,.pgg-game-page) :is(button,a,summary):focus-visible{outline-color:#ffe9a7}:is(.mopyon-difficulty,.titato-difficulty,.pgg-solo-options) label:focus-within{outline-offset:3px;outline:3px solid #1659ad}.game-state-notice{color:#20384b;overflow-wrap:anywhere;background:#fffdf7;border:1px solid #536a7d;border-left:5px solid #1659ad;border-radius:12px;align-items:flex-start;gap:12px;margin:12px 0;padding:14px 16px;display:flex}.game-state-notice strong{display:block}.game-state-notice p{margin:4px 0 0;line-height:1.5;color:inherit!important}.game-state-notice[data-state=unexpected],.game-state-notice[data-state=invalidInvite]{border-left-color:#a72c39}.game-state-icon{text-align:center;flex:0 0 24px;font-size:20px;font-weight:800}.ayi-confirm-dialog{max-height:calc(100dvh - 32px);overflow:auto}.ayi-confirm-dialog .ayi-confirm-card{box-shadow:none;border:0;padding:0}.ayi-confirm-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.ayi-confirm-dialog h2{margin-top:0}:is(.mopyon-difficulty,.titato-difficulty,.pgg-solo-options) label{position:relative}:is(.mopyon-difficulty,.titato-difficulty,.pgg-solo-options) :is(label.active,label.selected):after{content:"✓";color:currentColor;font-weight:900;position:absolute;top:8px;right:8px}:is(.mopyon-symbol-picker,.titato-theme-picker) button[aria-pressed=true]{border-style:double;border-width:4px}input::placeholder{color:#516370;opacity:1}.pgg-chain-board,.pgg-chain-viewport,.pgg-hand-tiles,.pgg-hand-tiles>button{touch-action:pan-x pan-y pinch-zoom}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (orientation:landscape) and (height<=500px){.site-shell .site-header{flex-wrap:wrap;position:static}.pgg-page.pgg-game-page{height:auto;min-height:100svh;overflow:visible}.pgg-game-shell{min-height:520px}}