.game-tools{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;flex-shrink:0;padding:3px 0 7px}.play-tool{border:1px solid #a8c7b4;border-radius:12px;padding:7px 12px;background:#f7fbf5;color:#315b49;font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;cursor:pointer;min-height:32px}.play-tool:disabled{opacity:.45}.host-stage{position:relative}.play-panel{position:absolute;inset:0;z-index:90;background:#183c37b8;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px}.play-panel-card{background:#fffcf3;border:1px solid #fff;border-radius:24px;box-shadow:0 16px 64px #102c3340;padding:24px;max-width:420px;width:100%;max-height:100%;overflow:auto;color:#294b3e}.play-panel-card h2{font-size:24px;margin:0 0 16px}.play-panel-card p{font-size:14px;line-height:1.7;margin:10px 0}.play-panel-card button{display:block;width:100%;margin-top:16px}.play-paused .game-wrap *{animation-play-state:paused!important}.play-feedback{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:80;background:#234f42ed;color:#fff;border-radius:14px;padding:10px 16px;font-size:13px;max-width:90%;width:max-content;pointer-events:none;box-shadow:0 4px 20px #18382b30}.play-highlight{outline:3px solid #dfaa37!important;outline-offset:-3px;filter:brightness(1.2)}.m3-cell{position:relative;touch-action:none}.m3-special:after{content:attr(data-special);position:absolute;color:#fff;text-shadow:0 1px 4px #553459;font-size:24px;font-weight:900;pointer-events:none}.su-cell.su-notes{font-size:10px!important;line-height:1.25;white-space:normal;word-spacing:3px;padding:3px;font-weight:500}.su-cell.su-peer:not(.sel):not(.err){box-shadow:inset 0 0 0 999px #65ae9a16}.ng-cell{color:#476a60;font-size:18px}.host-bar{gap:5px}.host-bar .host-btn{white-space:nowrap}@media(max-width:380px){.host-bar .host-btn{padding:7px;font-size:12px}.host-title small{display:none}.play-tool{padding:5px 8px;font-size:11px;min-height:29px}.play-panel-card{padding:18px}.play-panel-card h2{font-size:21px}}.host .jg-tile.jg-correct{box-shadow:inset 0 0 0 2px #6cb39aa8}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{font-family:Segoe UI,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;color:#263e38;background:#f7f8f2;font-synthesis:none}html,body,#app{height:100%}body{overflow:hidden;user-select:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #dfa541;outline-offset:4px}button{-webkit-touch-callout:none}button:disabled{cursor:default}[hidden]{display:none!important}#app{display:flex}.lobby{width:100%;height:100%;background:#f8f9f4}.lobby-sidebar{width:218px;flex:0 0 218px;border-right:1px solid #e6ebe1;background:#fcfcf8;padding:36px 24px 24px;display:flex;flex-direction:column}.lobby-logo{display:flex;align-items:center;text-decoration:none;font-size:25px;font-weight:850;letter-spacing:-1.3px;color:#244e42}.brand-mark{width:31px;height:33px;margin-right:7px;border-radius:11px;background:#2e6553;color:#f6d882;display:grid;place-items:center;font-size:24px}.brand-dot{color:#cc9752}.sidebar-caption{color:#8a9388;font-size:11px;letter-spacing:1px;margin:12px 0 46px}.sidebar-label{color:#9a9f92;font-size:10px;letter-spacing:2px;padding:0 12px 15px}.sidebar-categories{display:flex;flex-direction:column;gap:6px}.category-tab{background:transparent;border:0;color:#7b867d;padding:11px 16px;border-radius:12px;text-align:left;font-size:13px;white-space:nowrap;transition:background .15s,color .15s}.category-tab.active{color:#2a624e;background:#eaf0e6;font-weight:750}.sidebar-categories .category-tab.active:after{content:"↗";float:right;color:#73946d}.sidebar-note{margin-top:auto;padding:24px 12px 0;color:#8a9689}.sidebar-note span{font-size:9px;letter-spacing:2.5px}.sidebar-note strong{display:block;margin:10px 0;font-size:13px;font-weight:600;color:#56745b}.sidebar-note p{font-size:11px;line-height:1.9}.lobby-content{flex:1;min-width:0;display:flex;flex-direction:column}.lobby-header{flex:none;display:flex;align-items:center;justify-content:space-between;padding:32px 44px 25px;gap:20px}.eyebrow{font-size:9px;letter-spacing:2px;color:#97a28c;font-weight:650}.lobby-heading h1{font-size:26px;font-weight:750;letter-spacing:-.8px;margin-top:6px}.mobile-brand{display:none}.lobby-search{width:276px;height:43px;display:flex;align-items:center;gap:8px;background:#eef1e9;border:1px solid #e8ece2;border-radius:13px;padding:0 14px}.lobby-search>span{font-size:26px;color:#84917c;line-height:1}.lobby-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#395747;font-size:12px;user-select:text}.lobby-search input::placeholder{color:#95a18e}.lobby-scroll{flex:1;overflow-y:auto;padding:0 44px 24px;scrollbar-width:thin;scrollbar-color:#cbd7c6 transparent}.lobby-feature{min-height:265px;border-radius:23px;background:#e4ede4;position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;margin:0 0 28px}.feature-copy{padding:28px 36px;position:relative;z-index:2;width:48%}.feature-kicker{display:inline-block;font-size:10px;color:#5d7d64;letter-spacing:2px;margin-bottom:12px}.feature-copy h2{font-size:clamp(25px,2.6vw,36px);line-height:1.4;font-weight:780;letter-spacing:-1px;color:#305843}.feature-copy p{color:#7f947d;font-size:11px;line-height:1.8;margin-top:12px}.feature-play{border:0;background:#345f49;color:#fff8e9;border-radius:10px;padding:11px 16px;font-size:12px;font-weight:600;margin-top:18px;box-shadow:0 5px 12px #345f4918}.feature-play span{margin-left:18px}.feature-art{position:absolute;right:0;width:65%;height:100%;object-fit:cover;object-position:center;z-index:0;mask-image:linear-gradient(90deg,transparent,#000 25%)}.feature-stamp{position:absolute;right:22px;bottom:18px;font-size:8px;letter-spacing:2.5px;color:#456347;z-index:1}.recent-section{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:25px}.recent-section:empty{display:none}.recent-label{font-size:11px;color:#8b9784;margin-right:4px}.recent-game{border:1px solid #e4e9de;padding:7px 11px;border-radius:9px;background:#fff;color:#60795f;font-size:11px}.collection-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.collection-heading h2{font-size:21px;font-weight:750;margin-top:5px}.game-count{font-size:10px;color:#8d9b81;font-weight:500;padding:4px 8px;border:1px solid #e5e9dc;border-radius:7px;margin-left:7px;vertical-align:middle}.collection-note{font-size:10px;color:#9aab90}.category-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:0 0 19px}.category-tabs .category-tab{padding:8px 13px;font-size:11px;background:#f0f2ea;border:1px solid transparent}.category-tabs .active{background:#355e49;color:#fffbea}.banner-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 19px}.banner{display:block;min-width:0;border:1px solid #e9ecdf;border-radius:18px;padding:0;background:#fffefa;text-align:left;color:#2f4538;overflow:hidden;box-shadow:0 4px 14px #29422d04;transition:transform .18s,box-shadow .18s,border-color .18s}.banner-img{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:2.1 / 1;background:#eef0e6}.banner-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.banner-art-category{position:absolute;left:0;top:4%;min-width:34%;height:14%;padding:0 5%;display:flex;align-items:center;background:#fffbea;color:#315647;border-radius:0 12px 12px 0;font-size:clamp(7px,.75vw,11px);font-weight:700;white-space:nowrap}.banner-art-title{position:absolute;inset:auto 0 0;height:21%;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:0 4%;background:#315647;color:#fffbea;font-size:clamp(9px,1vw,16px);font-weight:750;white-space:nowrap}.banner-art-title>span{font-size:.8em;flex-shrink:0}.feature-art{top:-22.5%;height:145%;clip-path:inset(15.52% 0)}.banner-category{position:absolute;top:11px;left:12px;background:#ffffffd9;backdrop-filter:blur(8px);color:#526c58;padding:4px 8px;font-size:9px;border-radius:6px;border:1px solid #ffffffab}.banner-play{position:absolute;bottom:12px;right:12px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#ffffffdc;color:#496d55;box-shadow:0 2px 10px #0000000a;font-size:16px}.banner-body{display:block;padding:15px 17px 12px}.banner-title{display:block;font-size:16px;font-weight:730;letter-spacing:-.3px}.banner-sub{display:block;color:#969d8e;font-size:10px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner-meta{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#97a28b;margin-top:15px;border-top:1px solid #f1f2ea;padding-top:9px;gap:5px}.banner-meta>span:first-child{color:#72916e}.banner-meta span span{margin:0 3px}.lobby-footer{font-size:10px;color:#a7ae9b;display:flex;justify-content:space-between;padding:35px 0 10px}.lobby-empty{padding:50px 10px;text-align:center;line-height:2;color:#839278}.clear-search{border:0;background:transparent;color:#356c50;text-decoration:underline;padding:10px;font-size:13px}.host{flex-direction:column;width:100%;height:100%;background:var(--game-soft, #f3f5ed)}.host-bar{display:flex;align-items:center;justify-content:space-between;padding:max(12px,env(safe-area-inset-top)) 20px 12px;background:#fffef9e8;border-bottom:1px solid #254f3710;flex-shrink:0;gap:12px;z-index:2}.host-title{flex:1;min-width:0;text-align:center;color:var(--game-ink, #345347)}.host-title strong{display:block;font-size:15px;font-weight:750}.host-title small{display:block;font-size:10px;color:#869287;font-weight:400;margin-top:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:320px}.host-btn{border:1px solid #dae3d5;background:#fffdf5;color:var(--game-accent, #42765b);padding:9px 13px;border-radius:11px;font-size:12px;white-space:nowrap}.host-btn:active{background:var(--game-soft)}.host-stage{flex:1;min-height:0;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#ffffffa8,transparent 75%)}.loading{display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;height:100%;color:#839077;font-size:13px}.game-wrap{height:100%;width:min(100%,760px);margin:0 auto;display:flex;flex-direction:column;align-items:center;padding:16px 16px max(12px,env(safe-area-inset-bottom));color:var(--game-ink)}.score-row{display:flex;gap:9px;width:100%;max-width:540px;margin-bottom:15px;flex-shrink:0}.score-box{flex:1;min-width:0;background:#fffefa;border:1px solid #ffffff;border-radius:15px;padding:10px 7px;text-align:center;box-shadow:0 3px #36503b07,0 4px 16px #34533a04}.score-box .label{font-size:10px;color:#8a9684;letter-spacing:.4px}.score-box .value{font-size:21px;line-height:1.35;font-weight:760;color:var(--game-ink);font-variant-numeric:tabular-nums;margin-top:2px}.game-canvas{touch-action:none;border-radius:19px;box-shadow:0 10px 25px #1b403414,0 0 0 1px #ffffffcf;flex-shrink:0;max-width:100%}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:25px;background:#153d36e8;backdrop-filter:blur(12px);z-index:10;color:#fffbee;text-align:center;animation:overlay-in .24s ease-out}.overlay-title{font-size:30px;line-height:1.35;font-weight:800;letter-spacing:-.7px}.overlay-sub{font-size:14px;color:#d1ddc7;line-height:1.7}.btn-primary{border:1px solid #ffffff30;background:linear-gradient(160deg,#ebc96e,#d9ad50);color:#4b432a;font-size:15px;font-weight:750;padding:13px 30px;border-radius:13px;box-shadow:0 4px #9d7d36,0 8px 20px #0000001a}.btn-primary:active{transform:translateY(2px);box-shadow:0 2px #9d7d36}.btn-ghost{border:1px solid #d5dfce;background:#fffdf5;color:var(--game-accent, #477153);font-size:13px;padding:10px 22px;border-radius:11px}.overlay .btn-ghost{color:#fff8e5;background:#ffffff10;border-color:#ffffff40}@keyframes overlay-in{0%{opacity:0}}@media(hover:hover){.banner:hover{transform:translateY(-4px);box-shadow:0 12px 26px #36533210;border-color:#d4dfc6}.banner:hover img{transform:scale(1.035)}.category-tab:hover:not(.active),.recent-game:hover{background:#eaf0e4}}@media(min-width:1500px){.lobby-content{max-width:1450px}.banner-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.lobby-sidebar{width:185px;flex-basis:185px;padding:30px 17px}.lobby-header{padding:28px}.lobby-scroll{padding:0 28px 24px}.banner-list{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-copy{padding:25px;width:55%}.lobby-search{width:225px}}@media(max-width:740px){.lobby-sidebar{display:none}.lobby-header{padding:max(18px,env(safe-area-inset-top)) 20px 16px;flex-wrap:wrap;gap:14px}.mobile-brand{display:block;font-size:24px;font-weight:850;letter-spacing:-1px}.mobile-brand span{color:#bf9349}.lobby-heading{margin-left:auto}.lobby-heading .eyebrow{display:none}.lobby-heading h1{font-size:12px;font-weight:500;color:#8c9b82;margin:0;letter-spacing:0}.lobby-search{width:100%;height:42px;border-radius:12px}.lobby-search input{font-size:13px}.lobby-scroll{padding:0 20px 24px}.lobby-feature{min-height:225px;border-radius:19px;margin-bottom:24px}.feature-copy{padding:24px 20px;width:65%}.feature-copy h2{font-size:27px}.feature-kicker{font-size:9px;letter-spacing:1px}.feature-copy p{font-size:10px;margin-top:8px}.feature-art{width:70%;right:-15%;opacity:.75}.feature-play{padding:10px 12px;font-size:11px;margin-top:14px}.feature-stamp{font-size:6px;right:13px;bottom:13px}.collection-heading h2{font-size:20px}.collection-note{display:none}.category-tabs{gap:6px;margin-right:-20px;padding-right:20px}.banner-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.banner{border-radius:14px}.banner-img{aspect-ratio:1.4}.banner-body{padding:12px 12px 10px}.banner-title{font-size:14px}.banner-sub{font-size:10px}.banner-category{top:8px;left:8px;font-size:8px;padding:3px 5px}.banner-play{right:8px;bottom:8px;width:24px;height:24px;font-size:14px}.banner-meta{display:block;font-size:9px;margin-top:10px;padding-top:8px}.banner-meta>span:last-child{display:none}.recent-label{width:100%}.recent-section{gap:7px;margin-bottom:21px}.recent-game{font-size:10px;padding:7px 9px}.lobby-footer{display:block;text-align:center;font-size:9px;line-height:2}.lobby-footer span{display:block}.host-bar{padding-left:12px;padding-right:12px;gap:7px}.host-title small{max-width:175px;font-size:9px}.host-title strong{font-size:14px}.host-btn{padding:9px 10px;font-size:11px}.game-wrap{padding:12px 12px max(10px,env(safe-area-inset-bottom))}.score-row{gap:7px;margin-bottom:12px}.score-box{padding:8px 5px;border-radius:12px}.score-box .value{font-size:20px}}@media(max-width:355px){.lobby-scroll{padding-left:14px;padding-right:14px}.banner-list{gap:12px 9px}.banner-title{font-size:13px}.host-title small{max-width:130px}}@media(max-height:650px){.host-title small{display:none}.host-bar{padding-top:8px;padding-bottom:8px}.score-box{padding:4px}.score-row{margin-bottom:8px}.game-wrap{padding-top:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.banner-new{position:absolute;right:13px;top:12px;padding:5px 8px;border-radius:8px;background:#fdf4d7ed;color:#846336;font-weight:800;letter-spacing:.09em;font-size:9px;box-shadow:0 2px 7px #78613d15}.host .kt-board{width:100%;gap:24px 18px;align-content:center}.host .kt-tube{position:relative;width:51px;height:clamp(138px,25vh,200px);border:2px solid #accdc6;border-top:5px solid #d4e7e2;border-radius:9px 9px 25px 25px;background:linear-gradient(90deg,#ffffffb8,#ffffff20 50%,#ffffff8c);box-shadow:0 8px 0 -3px #699c8610,inset 3px 0 6px #ffffffa0}.host .kt-tube:after{content:"";position:absolute;inset:8px auto 14px 6px;width:5px;border-radius:8px;background:#ffffff75;pointer-events:none}.host .kt-tube.sel{border-color:#d4aa54;box-shadow:0 10px 22px #639b7030}.host .kt-layer{box-shadow:inset 0 3px #ffffff35,inset -5px 0 7px #0000000d}.host .fp-board{width:100%}.host .fp-tile{background:linear-gradient(155deg,#fff8e9,#ecd7ab);color:#775935;border:1px solid #fff7e4;box-shadow:0 4px #c7ad7e,0 6px 9px #70572c13;border-radius:14px}.host .fp-tile.right{background:linear-gradient(155deg,#d6eacf,#a9c8a0);color:#476341;box-shadow:0 4px #8eae7e}.host .fp-tile.blank{background:#e4d7bd55;box-shadow:inset 0 2px 8px #725a2810;border-color:transparent}.host .ss-shelf{width:100%;max-width:540px;flex-direction:column;flex-wrap:nowrap;gap:30px;background:none;border-radius:16px}.host .ss-row{display:flex;align-items:flex-end;justify-content:center;gap:5px;padding:0 7px;border-bottom:8px solid #c4a070;box-shadow:0 5px 0 -2px #b28c5b35;border-radius:4px}.host .ss-row .ss-book{width:clamp(21px,6.6vw,40px);height:110px}.host .ss-book{border:1px solid #ffffff40;border-radius:6px 8px 3px 3px;box-shadow:inset 5px 0 #ffffff35,inset -4px 0 #00000012,0 6px 8px #6e4b2918;position:relative;font-size:18px;color:#fff9e8}.host .ss-book:before,.host .ss-book:after{content:"";position:absolute;left:7px;right:5px;height:2px;background:#ffffff65}.host .ss-book:before{top:13px}.host .ss-book:after{bottom:12px}.host .hn-board{width:100%;max-width:540px;padding:20px 8px 40px;align-items:center;gap:10px}.host .hn-rod{flex:1;height:52%;min-height:160px;max-height:300px;border-bottom:10px solid #bb9565;border-radius:7px}.host .hn-rod:before{width:9px;background:linear-gradient(90deg,#c5a274,#e2c6a0,#af8b5e);border-radius:9px 9px 0 0}.host .hn-rod.sel{background:#e5c88629}.host .hn-disk{height:28px;border:1px solid #ffffff40;box-shadow:inset 0 3px #ffffff65,inset 0 -4px #00000010,0 4px 8px #80613212}.host .dl-cell{background:linear-gradient(145deg,#fffdf7,#f4e4d8);border:1px solid #fffdf8;border-radius:11px;box-shadow:0 3px #d4bcb0,0 4px 8px #9b6d6510}.host .dl-cell.sel{background:#f7d4df;outline:3px solid #c87d95}.host .dl-cell.empty{background:transparent;box-shadow:none;border-color:transparent}.host .dl-cell.flash{background:#ffe9a4}.host .mm-card{background:repeating-linear-gradient(45deg,#589a8918 0 5px,transparent 5px 11px),linear-gradient(145deg,#89bda7,#477f70);border:3px solid #f9f7e7;box-shadow:0 4px #b6caba,0 5px 12px #2c635320;border-radius:12px}.host .mm-card span{font-size:28px;color:#fff5cd;text-shadow:0 2px 2px #335f4520}.host .mm-card.open{background:#fffdf6}.host .mm-card.done{opacity:.55;box-shadow:0 0 0 2px #95b786}.host .np-cell,.host .sc-cell{border:1px solid #fffef8;color:#456651;background:linear-gradient(150deg,#fffffa,#e7efdf);border-radius:12px;box-shadow:0 3px #bcccba;font-variant-numeric:tabular-nums}.host .np-cell.next{background:#e7c36b;color:#5e4c2c;box-shadow:0 3px #c1a056}.host .np-cell.done,.host .sc-cell.done{background:#c8d8bf;color:#7b9472;box-shadow:inset 0 2px 4px #476d4915}.host .sc-cell.err{background:#f7c4b8;color:#a74d43}.host .pc-cell{background:linear-gradient(140deg,#f8fcf8,#dfebe3);box-shadow:inset 0 -3px #9cbcaf35,0 2px 4px #36564110;border-radius:10px}.host .pc-cell svg .pipe{stroke:#9aafa6}.host .pc-cell.wet{background:#c5e5e6}.host .pc-cell.wet svg .pipe{stroke:#368fa1;filter:drop-shadow(0 2px 1px #1d6d7c25)}.host .tm-board{background:#f4f8ec;border-radius:15px;outline:7px solid #e0ead4;box-shadow:0 9px 24px #355b2810}.host .tm-cell{background:#dfead4;border-radius:10px;box-shadow:inset 0 2px 4px #4c723914}.host .tm-next{color:#638055;padding-top:10px}.host .ns-board{max-height:610px;background:#f2e9d9;border-radius:19px;border:1px solid #fffaf0;box-shadow:0 8px 20px #875f2310}.host .ns-col{background:linear-gradient(0deg,#e3d5bb,#f8f0e3);box-shadow:inset 0 2px 6px #71542410}.host .ns-col:hover{background:#f4dfb2}.host .ns-ball{box-shadow:inset 0 3px #ffffff70,inset 0 -3px #00000018,0 3px 5px #47361415}.host .ps-panels{gap:16px}.host .ps-panel{border-radius:15px;box-shadow:0 0 0 5px #fffdf4,0 9px 20px #39482a18}.host .ps-ring,.host .kh-ring{border-color:#eac968;box-shadow:0 0 0 2px #fff7d5}.host .kh-scene{box-shadow:0 0 0 5px #fffdf2,0 8px 25px #35432618}.host .kh-targets{display:flex;justify-content:center;gap:7px;padding:0 0 12px;flex-wrap:wrap;flex-shrink:0}.host .kh-target{width:34px;height:34px;display:grid;place-items:center;font-size:22px;background:#fffdf1;border-radius:10px;border:1px solid #e4e8d1;box-shadow:0 3px #dde4ca;position:relative}.host .kh-target.found{opacity:.4;box-shadow:none;background:#b9cfaa}.host .kh-target.found:after{content:"✓";position:absolute;right:-4px;bottom:-4px;font-size:13px;font-weight:800;color:#48693a;background:#fffceb;border-radius:50%;width:17px;height:17px;text-align:center}.host .ps-panel:after{content:"Original";position:absolute;top:9px;left:9px;font-size:10px;color:#536751;background:#fffdf2dd;border-radius:6px;padding:4px 8px;pointer-events:none}.host .ps-panel:nth-child(2):after{content:"Find the Differences"}.host .kh-item{filter:drop-shadow(0 2px 2px #483e3244)}.host .kh-hint,.host .ps-hint{background:#fffff9b8;border-radius:9px;padding:7px 12px;margin-top:6px;font-size:11px;color:#70845c}.host .oe-cell{background:linear-gradient(155deg,#fff8df,#f4e5b8);box-shadow:0 3px #d8c797;border:1px solid #fffaf0;border-radius:11px}.host .pi-board{background:linear-gradient(135deg,#f4d5e3,#dccbdf);border:5px solid #e9d5e3;box-shadow:inset 0 3px 2px #fff6,inset 0 -5px 6px #b392b342,0 10px 25px #8d698c1a;border-radius:30px}.host .pi-bub{box-shadow:inset -3px -4px 6px #64346a30,inset 3px 4px 7px #ffffff8c,0 0 0 3px #ffffff25,0 3px 5px #74437218}.host .pi-bub.pressed{box-shadow:inset 3px 4px 9px #623d6b65,inset -2px -2px 4px #fff9;filter:saturate(.8) brightness(.94)}.host .br-stage{background:radial-gradient(ellipse at 25% 15%,#d2eff2,#72b8ce 65%,#4f8ea7);box-shadow:inset 0 0 30px #ffffff30;border:1px solid #fff9}.host .br-bub{border:1px solid #ffffff80;box-shadow:inset 0 2px 10px #fff8,inset 0 -4px 8px #5277a733,0 5px 12px #37648018}.host .m3-board{outline:7px solid #e3dad1;background:#e3dad1;border-radius:12px;box-shadow:0 9px 20px #614b3118}.host .m3-cell{background:linear-gradient(155deg,#fffcf4,#eddfcf);border:1px solid #fff7e9;box-shadow:inset 0 -2px #c8b9a740;border-radius:10px;position:relative}.host .m3-cell.sel{background:#ffe6a8;outline:3px solid #dda449;z-index:1}.candy{display:block;width:66%;height:66%;position:relative;background:var(--candy-color);box-shadow:inset -3px -4px 3px #00000018,inset 2px 2px 2px #ffffffb0,0 3px 3px #513a411f}.candy:after{content:"";position:absolute;width:38%;height:18%;top:15%;left:17%;border-radius:50%;background:#ffffff9c;transform:rotate(-25deg)}.candy-0{--candy-color: #ed6f83;border-radius:45% 45% 50% 50%;transform:rotate(-15deg)}.candy-1{--candy-color: #eac04c;border-radius:48% 15%;transform:rotate(-25deg)}.candy-2{--candy-color: #a181c6;border-radius:24%;transform:rotate(45deg) scale(.86)}.candy-3{--candy-color: #5ba9d1;border-radius:50%;background-image:repeating-linear-gradient(45deg,transparent 0 5px,#ffffff3b 5px 8px)}.candy-4{--candy-color: #e58f5f;border-radius:25%;background-image:linear-gradient(90deg,transparent 38%,#fff8 38% 58%,transparent 58%)}.candy-5{--candy-color: #71b489;border-radius:25% 25% 44% 44%}.host .b10-board{background:#d6e3d9;border:1px solid #fafff3;box-shadow:0 7px #becfbe,0 13px 20px #42573a10;border-radius:15px}.host .b10-cell{background:#edf3e8;border-radius:4px;box-shadow:inset 0 1px 3px #3b6c3910}.host .b10-cell[style*=background],.host .b10-px{box-shadow:inset 0 2px #ffffff70,inset 0 -3px #00000014}.host .b10-cell.preview-ok{outline:2px solid #589272;outline-offset:-2px}.host .nm-cell{border:1px solid #ffffff50;box-shadow:inset 0 3px #ffffff70,inset 0 -4px #00000014,0 4px 6px #3b5b4710;border-radius:13px}.host .ps-board{border-radius:12px;outline:5px solid #e9dcd5;background:#e9dcd5}.host .ps-cell:not(:empty){box-shadow:inset 0 3px #ffffff70,inset 0 -3px #00000015,0 2px 3px #583e3215;border:1px solid #ffffff30;color:#ffffffe0;text-shadow:0 2px 0 #00000018;border-radius:7px}.host .su-board{background:#bccfd6;border-color:#708e9b;border-radius:3px;box-shadow:0 8px 20px #38536010}.host .su-cell{color:#3a819b;background:#fffef9;font-weight:550}.host .su-cell.given{background:#eef3f2;color:#395764}.host .su-cell.sel{background:#c4dfe6;outline:2px solid #6196a9;outline-offset:-2px}.host .su-cell.err{background:#f9d8cb;color:#ab5342}.host .su-cell.b3{border-right-color:#708e9b}.host .su-cell.b3b{border-bottom-color:#708e9b}.host .su-key{background:#e0eced;color:#49778a;box-shadow:0 3px #bbced2;border:1px solid #fafff8;font-size:16px}.host .su-key:active{background:#bad7df}.host .ms-cell{background:linear-gradient(145deg,#edf4df,#c5d6b5);border-radius:5px;box-shadow:inset 0 2px #fff9,inset 0 -3px #80977030}.host .ms-cell.open{background:#f6f8ef;box-shadow:inset 0 0 0 1px #e3e9d8}.host .ms-cell.mine{background:#f3b3a3}.host .sk-cell{background:#f2e9d6;box-shadow:inset 0 0 0 1px #d8c9ad50}.host .sk-cell.wall{background:linear-gradient(140deg,#abbd9e,#7f9b7c);box-shadow:inset 0 3px #d4e0c5,inset 0 -5px #668669;border-radius:5px}.host :is(.sk-pad,.kl-pad,.tt-pad) button{background:#e5ecd9;color:#507354;box-shadow:0 3px #b7c8ad;border:1px solid #fffdf4;border-radius:11px;min-height:40px}.host .kl-board{background:#d8bf9a;border-color:#b89769;box-shadow:inset 0 0 0 3px #efdabe,0 8px 20px #6f4b2615;border-radius:15px}.host .kl-piece{border:1px solid #fff4ca50;border-radius:10px;box-shadow:inset 0 4px #fff5,inset 0 -5px #0002,0 4px 5px #68471d1c}.host .kl-cell-bg{background:#bea68266}.host .kl-piece.sel{outline:3px solid #fff3b7;outline-offset:-4px}.host .jg-board{flex:0 0 auto;margin:auto 0;box-shadow:0 0 0 7px #fffcef,0 12px 22px #4c593921;border-radius:7px}.host .jg-tile{box-shadow:inset 0 0 0 1px #ffffff60;border-radius:4px}.host .jg-tile.sel{outline-color:#ebbd65;box-shadow:0 5px 12px #302e2450}.host .ng-cell{background:#fffdf6;box-shadow:inset 0 0 0 1px #c8d7cb;border-radius:3px}.host .ng-cell.fill{background:#5a9387;box-shadow:inset 0 2px #a5c6b1}.host .ng-cell.bad{background:#e49182}.host .ng-clue{color:#547568;font-size:12px}.host .ng-clue.ok{color:#9cac91}.host .rt-stage{position:relative;isolation:isolate;background:linear-gradient(140deg,#7aabb0,#467b89);color:#fffbea;box-shadow:inset 0 0 0 1px #fff5,0 10px 25px #2a63731c}.host .rt-stage:before{content:"";position:absolute;width:170px;height:170px;border:1px solid #ffffff25;box-shadow:0 0 0 22px #ffffff08,0 0 0 44px #ffffff05;border-radius:50%;z-index:-1}.host .rt-text{font-size:29px;line-height:1.4}.host .rt-sub{font-size:12px;line-height:1.7;max-width:230px}.host .wm-board{background:radial-gradient(ellipse at 50% 55%,#e4edca 10%,transparent 72%);gap:16px 12px}.host .wm-hole{border-radius:50%;background:radial-gradient(ellipse at 50% 60%,#67513d 15%,#8f7450 46%,#b8a57b 64%,#bfd09c 65%,#d9e5b9 80%);box-shadow:0 5px #97af7830}.host .t3-board{width:100%;grid-template-columns:repeat(3,minmax(0,100px))}.host .t3-cell{width:100%;height:auto;aspect-ratio:1;background:linear-gradient(145deg,#fffdf4,#e9e2d0);border:1px solid #fffdf8;box-shadow:0 5px #cfc3a8;border-radius:18px}.host .t3-cell.x{color:#4c978a;text-shadow:0 3px 0 #aac6b7}.host .t3-cell.o{color:#d68078;text-shadow:0 3px 0 #e9c4b3}.host .t3-cell.win{background:#eed491;outline:2px solid #c7a251}.host .rv-board{background:#568269;border:5px solid #bbaa81;border-radius:13px;box-shadow:0 5px #958861,0 12px 20px #33513d15}.host .rv-cell{background:#639b79;border-radius:4px;box-shadow:inset 0 0 0 1px #426d5040}.host .rv-cell.hint{background:#79b18a;outline-color:#fff1b3}.rv-stone{display:block;width:74%;aspect-ratio:1;border-radius:50%;margin:auto;box-shadow:1px 3px 4px #24473040}.rv-stone.black{background:radial-gradient(circle at 33% 25%,#708078,#253e34 68%,#1a2c26)}.rv-stone.white{background:radial-gradient(circle at 33% 25%,#fffef5,#e0dcc4 75%,#b4b59c)}.host[data-game=solitaire] .host-stage,.host[data-game=blackjack] .host-stage{background:radial-gradient(ellipse at 50% 15%,#477d65,#255643)}.host[data-game=solitaire] .game-wrap,.host[data-game=blackjack] .game-wrap{color:#fff5d6}.host .so-slot{border-color:#c7d7ad55;background:#214e3e20;color:#c3d1a3}.host .so-card,.host .bj-card{background:#fffdf2;color:#34493e;border:1px solid #efe4c4;box-shadow:0 3px #172f3325,0 5px 9px #193c3625}.host .so-card.red,.host .bj-card.red{color:#c26362}.host .so-card.down,.host .bj-card.back{background:repeating-linear-gradient(45deg,#719985 0 3px,#467562 3px 7px);border:3px solid #f4edcf;color:transparent}.host .so-card.sel{outline-color:#f3d882}.host .so-hint,.host .bj-vs{color:#c6d8b6}.host .bj-msg{color:#f1d28a}.host .bj-table{position:relative;border-radius:50%/18%;border:1px solid #d5d1a326;margin:12px 0;background:radial-gradient(ellipse,#78a08020,transparent 75%)}.host .bj-actions .btn-primary{padding:10px 18px;font-size:13px}.host :is(.np-hint,.pc-hint,.dl-hint,.ss-hint,.nm-hint,.ns-hint,.ng-hint,.ms-hint,.kl-hint,.jg-hint,.tm-hint){font-size:11px;color:#819178;text-align:center;line-height:1.5}@media(max-height:650px){.host .hn-rod{min-height:130px}.host .kt-board{gap:14px}.host .kt-tube{height:130px}.host .b10-tray{min-height:85px}.host .bj-table{margin:3px 0}.host .bj-card{width:45px;height:64px}.host .bj-hand{min-height:65px}}.lobby .platform-tools{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:0 20px 24px;font-size:13px;color:#58775f}.lobby .platform-shortcut{padding:10px 16px;border:1px solid #d8e2d5;border-radius:12px;background:#f8f9f4;color:#244e42;font:inherit;cursor:pointer}.lobby .platform-shortcut[hidden]{display:none}.lobby .platform-shortcut:disabled{opacity:.6;cursor:wait}.lobby .profile-launch,.host .profile-launch{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:8px;min-width:40px;min-height:40px;padding:6px 10px;border:1px solid #d8e2d5;border-radius:12px;background:#fffdf5;color:#244e42;font-size:13px}.lobby .profile-launch>span:first-child,.host .profile-launch{font-size:23px}.host .profile-launch:disabled{opacity:.5}.lobby .profile-launch-label{white-space:nowrap}.lobby .profile-dialog{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:18px;background:#173b36c9}.lobby .profile-dialog-card,.host .profile-play-panel .play-panel-card{width:min(100%,420px);max-height:100%;overflow:auto;padding:24px;border-radius:22px;background:#fffef9;color:#244e42;text-align:left}.lobby .profile-dialog-card h2,.host .profile-play-panel h2{font-size:22px;margin:0 0 16px}.lobby .player-profile,.host .player-profile{color:#244e42;width:100%}.lobby .profile-identity,.host .profile-identity{display:flex;align-items:center;gap:14px;margin-bottom:14px}.lobby .profile-picture,.host .profile-picture{position:relative;width:64px;height:64px;flex:0 0 64px;border-radius:50%;background:#e5eedf;overflow:hidden}.lobby .profile-picture-fallback,.host .profile-picture-fallback{display:grid;place-items:center;height:100%;font-size:38px;color:#4c795e}.lobby .profile-picture-view,.host .profile-picture-view{position:absolute;inset:0}.lobby .profile-name,.host .profile-name{position:relative;flex:1;min-width:0;height:64px;display:flex;align-items:center}.lobby .profile-name-fallback,.host .profile-name-fallback{font-size:18px;font-weight:700}.lobby .profile-name-view,.host .profile-name-view{position:absolute;inset:16px 0}.lobby .profile-picture-ready .profile-picture-fallback,.host .profile-picture-ready .profile-picture-fallback,.lobby .profile-name-ready .profile-name-fallback,.host .profile-name-ready .profile-name-fallback{visibility:hidden}.lobby .player-profile p,.host .player-profile p{font-size:13px;line-height:1.6;margin:0 0 12px;color:#446353}.lobby .player-profile .profile-privacy,.host .player-profile .profile-privacy{font-size:12px}.lobby .profile-actions,.host .profile-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.lobby .profile-actions button,.host .profile-actions button,.lobby .profile-close{min-height:44px;padding:9px 13px;border:1px solid #cedcca;border-radius:11px;background:#edf3e7;color:#244e42;font-size:13px}.lobby .profile-close{width:100%;background:#315f49;color:#fff}.host .profile-play-panel .btn-primary{width:100%}@media(max-width:1100px){.lobby .profile-launch-label{display:none}}@media(max-width:780px){.lobby .lobby-heading{flex:1;min-width:0}.lobby .lobby-heading h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host .host-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(max-width:480px){.host .host-bar{gap:5px;padding-left:8px;padding-right:8px}.host .host-btn{padding-left:7px;padding-right:7px}.lobby .profile-dialog-card,.host .profile-play-panel .play-panel-card{padding:18px}}.host{--toy-edge: #acbea8;--toy-paper: #fffbee;--toy-shadow: #51665226;--toy-highlight: #ffffffb5}.host[data-category=sort]{--toy-edge:#baa17d;--toy-shadow:#85623b25}.host[data-category=link]{--toy-edge:#9fbdbe}.host[data-category=merge]{--toy-edge:#c4a986;--toy-shadow:#98643f24}.host[data-category=spot]{--toy-edge:#aec2a1}.host[data-category=bubble]{--toy-edge:#97bcc9}.host[data-category=match]{--toy-edge:#cfabb3;--toy-shadow:#9e627c26}.host[data-category=arcade]{--toy-edge:#9fafc1;--toy-shadow:#3e587726}.host[data-game=water-sort]{--game-soft:#e0efed;--game-accent:#277c7d}.host[data-game=shelf-sort],.host[data-game=hanoi]{--game-soft:#f0e1c9}.host[data-game=dessert-link],.host[data-game=dessert-merge],.host[data-game=match3]{--game-soft:#f8e0e5;--game-accent:#a95473}.host[data-game=bubble-shooter],.host[data-game=bubble-dodge],.host[data-game=bubble-rush]{--game-soft:#daedf1;--game-accent:#2b7189}.host[data-game=triple-merge],.host[data-game=snake],.host[data-game=whack-a-mole]{--game-soft:#e8edcd;--game-accent:#587e4c}.host[data-game=tetris],.host[data-game=piano-tiles],.host[data-game=breakout]{--game-soft:#e2e7f1;--game-accent:#51668e}.host .host-stage{background:radial-gradient(ellipse at 12% 4%,#fffdf0b8,transparent 55%),radial-gradient(ellipse at 100% 100%,#d4b89726,transparent 45%),var(--game-soft)}.host .host-bar{background:linear-gradient(#fffdf7,#f5f3e9);border-bottom:1px solid #b8bda75c;box-shadow:0 3px 12px #5763460c}.host .host-title strong{color:var(--game-ink);letter-spacing:.02em}.host .host-btn{background:linear-gradient(#fffef7,#eeeede);border:1px solid #fffdf4;box-shadow:0 2px #a2b2a840,0 3px 6px #3e584609}.host .score-box{position:relative;background:linear-gradient(145deg,#fffefb,#faf5e9);border:1px solid #ffffff;border-bottom-color:var(--toy-edge);box-shadow:0 3px 0 var(--toy-shadow),inset 0 -2px #d0c8ae13}.host .score-box .label{color:#65705f;letter-spacing:.04em;font-size:10px}.host .score-box .value{color:var(--game-accent);font-variant-numeric:tabular-nums;text-shadow:0 1px 0 #fff}.host .game-tools{gap:7px;padding:2px 0 5px}.host .play-tool{background:linear-gradient(#fffef6,#f0eddb);color:var(--game-ink);border:1px solid #fffcf3;border-bottom-color:var(--toy-edge);box-shadow:0 2px 0 var(--toy-shadow);border-radius:10px;padding:6px 10px;font-size:11px;min-height:29px}.host .play-tool:active{transform:translateY(1px);box-shadow:none}.host .game-canvas{border-radius:20px;box-shadow:0 0 0 1px #fffaf39c,0 6px 0 var(--toy-shadow),0 12px 24px var(--toy-shadow)}.host .play-panel{background:radial-gradient(ellipse at 50% 25%,#344b48e8,#172e3aee)}.host .play-panel-card{border:1px solid #fff4d179;box-shadow:0 20px 70px #17333245;border-radius:25px;background:linear-gradient(145deg,#fffef5,#eee9d9)}.host .play-rules li{border-bottom:1px dashed #a8b99d66;padding-bottom:8px}.host .overlay{background:radial-gradient(ellipse at 50% 25%,#355c56eb,#1c3445f5);backdrop-filter:blur(8px)}.host .overlay-title{text-shadow:0 3px 0 #18393255}.host .overlay-sub{color:#e0e6cf}.host .play-feedback{border:1px solid #fff7d980;box-shadow:0 5px 16px #243f4930}.toy-sprite{display:inline-block;position:relative;flex-shrink:0;width:1.35em;height:1.35em;vertical-align:middle;background-image:var(--toy-image);background-size:contain;background-position:center;background-repeat:no-repeat;pointer-events:none}.toy-sprite-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.host :is(.dl-cell,.tm-cell,.sk-cell)>.toy-sprite{width:90%;height:90%}.host .kl-piece .toy-sprite{width:1.8em;height:1.8em}.host .kh-item .toy-sprite{width:1.2em;height:1.2em}.host .kh-target .toy-sprite{width:1.7em;height:1.7em}.host .kt-board{background:radial-gradient(ellipse at 50% 72%,#619d9123,transparent 54%)}.host .kt-tube{border-color:#93b7b7;border-top-color:#d9ece9;box-shadow:inset 4px 0 5px #fff9,inset -5px 0 7px #356e7620,0 7px 0 -1px #638f8820,0 13px 13px -7px #346c6238;background:linear-gradient(90deg,#ffffff96,#f8ffff26 46%,#fcfff9bf)}.host .kt-layer{position:relative;background-image:linear-gradient(90deg,#fff4,transparent 25%,transparent 70%,#073c4518);box-shadow:inset 0 3px #ffffff65,inset 0 -3px #124a4522}.host .kt-tube.sel{outline:2px solid #dfa956;outline-offset:3px;border-color:#c09141}.host .fp-tile{background:linear-gradient(140deg,#fff8d9,#ecd199 60%,#d5b37b);color:#654725;border-radius:16px;box-shadow:inset 0 2px #fff9,0 5px #b28d5e,0 8px 10px #644a2526}.host .fp-tile.right{background:linear-gradient(145deg,#bedea8,#88b18a);color:#2e5a48;box-shadow:inset 0 2px #ebf6d2,0 5px #63886e}.host .fp-tile.blank{background:#b5967040;box-shadow:inset 0 3px 6px #70532925;border:none}.host .ss-shelf{background:radial-gradient(ellipse at 50% 75%,#a7764020,transparent 68%)}.host .ss-row{border-bottom:10px solid #b18152;box-shadow:0 5px #8e634126,0 16px 16px -12px #674a3566;background:linear-gradient(0deg,#b7905830,transparent 60%)}.host .ss-book{border-radius:5px 8px 4px 3px;box-shadow:inset 5px 0 #fff4,inset -5px 0 #40334026,inset 0 3px #fff3,1px 5px 4px #4a352525;text-shadow:0 1px 0 #0002}.host .ss-book:after{height:5px;border-top:1px solid #fff5;border-bottom:1px solid #fff5;background:transparent}.host .hn-board{background:radial-gradient(ellipse at 50% 70%,#cbb18730,transparent 65%)}.host .hn-rod{border-bottom-color:#bc8e5f;box-shadow:0 6px 0 -2px #875e4333}.host .hn-disk{box-shadow:inset 0 3px #fff9,inset 0 -5px #3e2f4b29,0 3px 3px #694e2833;background-image:linear-gradient(90deg,#fff4,transparent 40%,#0001);border-radius:12px}.host .dl-cell{background:linear-gradient(140deg,#fffdf0,#f6e9d5);border:1px solid #fffdf8;box-shadow:inset 0 -2px #e1c7b7,0 4px #d0ac9e,0 6px 7px #9a6b6220}.host .dl-cell.empty{box-shadow:none;background:none;border-color:transparent}.host .dl-cell.sel{outline-color:#ba6688;background:#ffe3bc}.host .mm-card{position:relative;background:repeating-linear-gradient(45deg,#fff1c91c 0 2px,transparent 2px 10px),linear-gradient(145deg,#83bdb1,#467a80);border:3px solid #fff5db;box-shadow:0 4px #8da49a,0 7px 12px #2c5c4b24}.host .mm-card:before{content:"";position:absolute;inset:5px;border:1px solid #fff0cb7a;border-radius:7px;pointer-events:none}.host .mm-card.open{background:radial-gradient(circle at 50% 25%,#fffbee,#e9dcc6)}.host .mm-card.open .toy-sprite{width:85%;height:85%}.host .mm-card.done{opacity:.68;box-shadow:0 0 0 2px #6a9f81}.host .np-cell,.host .sc-cell{background:linear-gradient(145deg,#fffdee,#e5e6cc);border-radius:12px;color:#3a655a;box-shadow:inset 0 2px #fff,0 4px #a5b79a,0 6px 7px #49674016}.host .np-cell.next{background:linear-gradient(#f9dd91,#e8b95f);color:#745226;box-shadow:0 4px #b38c4b}.host .np-cell.done,.host .sc-cell.done{background:#9fbf9c;color:#36594c;box-shadow:inset 0 2px 4px #42633c2b}.host .pc-cell{background:linear-gradient(145deg,#eff5e9,#c4d8cb);box-shadow:inset 0 2px #fff9,0 4px #a0b9ad;border:1px solid #effaed}.host .pc-cell svg .pipe{stroke:#8b9b99;stroke-linecap:round;filter:drop-shadow(0 2px 0 #596f6a40)}.host .pc-cell.wet{background:linear-gradient(135deg,#d5f2e8,#90c6cd)}.host .pc-cell.wet svg .pipe{stroke:#267d95}.host .tm-board{background:#9eb98a;outline:6px solid #b6c69e;box-shadow:0 6px #7c9770,0 12px 17px #4e6c3b22}.host .tm-cell{background:linear-gradient(145deg,#d8e5bc,#c5d7aa);border-radius:9px;box-shadow:inset 0 2px 5px #6682502b}.host .tm-next{color:#42673e;font-weight:700}.host .ns-board{background:linear-gradient(145deg,#d6bc92,#b39776);border:1px solid #fff2d9;box-shadow:inset 0 3px #efdbb9,0 5px #8e7354}.host .ns-col{background:linear-gradient(#92775921,#725a4138);box-shadow:inset 0 2px 5px #69503733}.host .ns-ball{color:#fffdf0;background-image:linear-gradient(145deg,#ffffff35,transparent 55%,#26395e22)!important;box-shadow:inset 0 3px #fff7,inset 0 -4px #1b354e30,0 3px 3px #4939232c;text-shadow:0 2px 1px #18394e40;border:1px solid #fff5}.host .ps-panel{border:3px solid #fffcf0;box-shadow:0 5px #adc19d,0 8px 14px #3e5f3926}.host .ps-ring,.host .kh-ring{border-color:#f4c968;box-shadow:0 0 0 2px #527d6a,0 0 0 5px #ffffff6b}.host .kh-scene{border:4px solid #fff8df;box-shadow:0 6px #92a783,0 13px 20px #3e58332b}.host .kh-target{border:1px solid #fff7de;background:linear-gradient(#fffcef,#dfd9bc);box-shadow:0 3px #9dab86;border-radius:10px}.host .kh-target.found{background:#b1cf9e}.host .kh-hint,.host .ps-hint{color:#456345;background:#fff9e5a8}.host .oe-cell{background:linear-gradient(135deg,#fff5d2,#ecc980);border:1px solid #fffbdf;box-shadow:inset 0 2px #fff8,0 4px #c5a061}.host .pi-board{background:linear-gradient(125deg,#f0c1dc,#b79bca);border-color:#dab0d3;box-shadow:inset 0 4px 3px #fff7,inset 0 -6px 8px #90649159,0 7px #aa85b0,0 14px 22px #744b7826}.host .pi-bub{border:1px solid #ffebf051;background-image:radial-gradient(circle at 32% 25%,#fff6,transparent 45%)!important;box-shadow:inset -4px -5px 7px #68417148,inset 3px 4px 8px #fff8,0 0 0 3px #ffffff24,0 4px 5px #734e732e}.host .pi-bub.pressed{filter:saturate(.8) brightness(.89);box-shadow:inset 3px 4px 9px #6745738a,inset -2px -2px 4px #fff9}.host .br-stage{background:radial-gradient(ellipse at 20% 0,#e2f3e2a8,transparent 60%),linear-gradient(155deg,#86c6d4,#528aab);box-shadow:inset 0 0 0 2px #ffffff38,0 5px #8eacb6}.host .br-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(112deg,#ffffff06 0 30px,transparent 30px 105px)}.host .br-bub{background-image:radial-gradient(circle at 30% 24%,#fff9,transparent 35%)!important;box-shadow:inset 0 -6px 8px #25537632,inset 3px 3px 8px #ffffff7d,0 5px 8px #2352742a}.host .m3-board{outline:6px solid #bfa7b0;background:#bfa7b0;box-shadow:0 6px #9e8191,0 12px 18px #79536728}.host .m3-cell{background:linear-gradient(145deg,#fff4da,#e9d7c4);box-shadow:inset 0 1px #fff,inset 0 -3px #c5a4a329}.host .m3-cell:nth-child(16n+2),.host .m3-cell:nth-child(16n+4),.host .m3-cell:nth-child(16n+6),.host .m3-cell:nth-child(16n+8),.host .m3-cell:nth-child(16n+9),.host .m3-cell:nth-child(16n+11),.host .m3-cell:nth-child(16n+13),.host .m3-cell:nth-child(16n+15){background:linear-gradient(#f4e4d8,#e5cfc5)}.host .candy{width:72%;height:72%;box-shadow:inset 2px 3px 2px #ffffff9e,inset -3px -5px 2px #5c314030,0 4px 3px #643f4340;border:1px solid #ffffff4d}.host .candy-0{--candy-color:#e86982;border-radius:45% 45% 48% 48%}.host .candy-1{--candy-color:#e7b747}.host .candy-2{--candy-color:#9877c5}.host .candy-3{--candy-color:#58abd1}.host .candy-4{--candy-color:#e59657}.host .candy-5{--candy-color:#6bad83}.host .m3-special{outline:2px solid #ffdf85;outline-offset:1px}.host .b10-board{background:#879f9d;border:2px solid #cfdbcb;box-shadow:0 5px #637d77,0 12px 16px #30544b24}.host .b10-cell{background:#b1c7be;box-shadow:inset 0 2px 4px #3c615237}.host .b10-cell[style*=background],.host .b10-px{background-image:linear-gradient(145deg,#fff5,transparent 55%,#233c4526)!important;border:1px solid #ffffff3b;box-shadow:inset 0 2px #fff6,inset 0 -3px #31424835}.host .b10-tray{background:linear-gradient(0deg,#93b09b21,transparent 85%);border-radius:16px}.host .nm-cell{background-image:linear-gradient(145deg,#fff5,transparent 55%,#1b354322)!important;box-shadow:inset 0 3px #fff7,inset 0 -4px #173e4933,0 4px 3px #33544822;text-shadow:0 2px 0 #254a4d33}.host .ps-board{background:#ad94a5;outline-color:#ad94a5;box-shadow:0 5px #896e88}.host .ps-cell:not(:empty){background-image:radial-gradient(circle at 30% 20%,#fff4,transparent 65%)!important;box-shadow:inset 0 2px #fff7,inset 0 -3px #4a35553d,0 2px 3px #49334830}.host .su-board{border:2px solid #6b9097;box-shadow:0 5px #94afa7,0 12px 18px #385f6020}.host .su-cell{background:#fffdf3;color:#276c80}.host .su-cell.given{background:#e7eee7;color:#2a4e57;font-weight:750}.host .su-cell.su-peer{background:#e4eee5}.host .su-cell.sel{background:#9fcbd1;outline:2px solid #3c7d8c}.host .su-key{background:linear-gradient(#f3f7eb,#c4d9d5);box-shadow:0 3px #8faeab}.host .ms-cell{background:linear-gradient(145deg,#e0ecbf,#a8c48f);box-shadow:inset 2px 2px #f7f8d2,inset -2px -3px #72976a;border-radius:6px}.host .ms-cell.open{background:#eceddc;box-shadow:inset 0 0 0 1px #c4ccb2}.host .ms-cell.mine{background:#e9a99c}.host .sk-cell{background:repeating-linear-gradient(0deg,#b1956620 0 1px,transparent 1px 12px),#e9d6ad}.host .sk-cell.wall{background:linear-gradient(145deg,#91b19b,#588176);box-shadow:inset 0 3px #c6d5ac,inset 0 -5px #3b665f;border:1px solid #8eae90;border-radius:6px}.host .sk-cell .toy-sprite{filter:drop-shadow(0 3px 1px #61452a25)}.host .kl-board{border-color:#a67b50;background:repeating-linear-gradient(0deg,#a1754110 0 1px,transparent 1px 18px),#cfb286;box-shadow:inset 0 2px 6px #72553947,0 6px #a57d51,0 12px 20px #734d2821}.host .kl-piece{background-image:linear-gradient(135deg,#fff4,transparent 55%,#3e304c26)!important;box-shadow:inset 0 2px #fffb,inset 0 -5px #56405126,0 3px 4px #674e4435;border:1px solid #fff5;color:#fffdf0;text-shadow:0 1px 1px #32483d44}.host .jg-board{box-shadow:0 0 0 6px #fff3d6,0 6px 0 6px #b6aa86,0 15px 20px #63543924}.host .jg-tile{box-shadow:inset 0 0 0 1px #fff9,inset 0 -2px #172f3a35}.host .jg-tile.jg-correct{box-shadow:inset 0 0 0 3px #8bbd80}.host .ng-board{padding:5px;background:#d8ddc7;border-radius:8px;box-shadow:0 4px #b1bea5}.host .ng-cell{background:#fff9e9;box-shadow:inset 0 0 0 1px #b3c4aa}.host .ng-cell.fill{background:linear-gradient(#80b69e,#568878);box-shadow:inset 0 2px #afd4ae,inset 0 -2px #3f7065}.host .ng-clue{color:#385d50;font-weight:700}.host .ng-clue.ok{color:#718e68}.host .rt-stage{background:radial-gradient(circle at 40% 32%,#84b4bd,#467386 72%);border:1px solid #a3c4c3;box-shadow:inset 0 0 0 8px #ffffff14,0 6px #557c86}.host .rt-stage:before{border-width:3px;border-color:#e6ecd238;box-shadow:0 0 0 16px #ffffff09,0 0 0 34px #ffffff05,inset 0 0 24px #fff1}.host .wm-board{background:radial-gradient(ellipse,#cbdc9e99,transparent 75%)}.host .wm-hole{box-shadow:0 5px #8aa46770,0 8px 8px #62814a21;border:3px solid #d4e4a9;background:radial-gradient(ellipse at 50% 65%,#4b3c36 20%,#856747 63%,#a58559 64%,#c3ce90 78%)}.host .wm-hole>span{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.host .wm-hole .toy-sprite{width:94%;height:94%;transform:translateY(-6%)}.host .t3-cell{background:linear-gradient(135deg,#fff8e2,#e4cfaa);box-shadow:inset 0 2px #fff9,0 6px #b7a181,0 9px 9px #6a503028}.host .t3-cell.x{color:#408c89;text-shadow:0 3px 0 #246968,0 5px 4px #47857635}.host .t3-cell.o{color:#db8286;text-shadow:0 3px 0 #ad6069,0 5px 4px #a15c6c30}.host .rv-board{border-color:#ba9867;box-shadow:inset 0 0 0 2px #e4cfa2,0 6px #8e7454,0 13px 20px #3b4e2c25}.host .rv-cell{background:radial-gradient(ellipse at 30% 20%,#7faa8a,#568467);box-shadow:inset 0 0 0 1px #274e3d38}.host .rv-stone.black{background:radial-gradient(circle at 30% 22%,#9dada7,#35494a 40%,#142d32 82%)}.host .rv-stone.white{background:radial-gradient(circle at 30% 22%,#fffdf5,#e7dfbd 65%,#bdb392)}.host .rv-stone{box-shadow:inset 0 1px 1px #fff8,0 3px #153c3c33,1px 5px 5px #173b3c4d}.host[data-game=solitaire] .host-stage,.host[data-game=blackjack] .host-stage{background:repeating-linear-gradient(45deg,#fff1 0 .5px,transparent .5px 4px),radial-gradient(ellipse at 50% 25%,#4c8075,#234f4a)}.host .so-slot{border:1px dashed #dbd0a37a;box-shadow:inset 0 1px 5px #173e3a38;background:#163d3717;border-radius:8px}.host .so-card,.host .bj-card{background:linear-gradient(135deg,#fffdf1,#ece3c7);border:1px solid #fff4d4;box-shadow:0 3px #bec2a275,0 6px 7px #0d303242;border-radius:6px}.host .so-card.down,.host .bj-card.back{background:repeating-linear-gradient(45deg,#ffe4a22b 0 1px,transparent 1px 7px),repeating-linear-gradient(-45deg,#ffe4a22b 0 1px,transparent 1px 7px),linear-gradient(#749d98,#416e71);border:3px solid #f6e8bd}.host .so-card.red,.host .bj-card.red{color:#b94657}.host .bj-table{background:radial-gradient(ellipse,#ffffff08,transparent 70%);border:2px solid #e1cc9245;box-shadow:inset 0 0 0 6px #e1cc9209}.host .bj-vs,.host .so-hint{color:#e3e4c9}.host :is(.sk-pad,.kl-pad,.tt-pad) button{background:linear-gradient(#fff7de,#cfdcc4);box-shadow:0 3px #8aa78c;color:#355e53}.host :is(.np-hint,.pc-hint,.dl-hint,.ss-hint,.nm-hint,.ns-hint,.ng-hint,.ms-hint,.kl-hint,.jg-hint,.tm-hint){color:#5c715c}@media(max-height:650px){.host .play-tool{min-height:25px;padding:4px 8px;font-size:10px}.host .game-tools{padding-bottom:3px;gap:5px}.host .game-canvas{border-radius:14px}}@media(prefers-reduced-motion:no-preference){.host :is(.dl-cell,.fp-tile,.su-key,.t3-cell,.play-tool){transition:box-shadow .16s,transform .16s,background-color .16s}.host .mm-card.open .toy-sprite{animation:toy-reveal .2s ease-out}@keyframes toy-reveal{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1)}}}.host .oe-cell>.toy-sprite{width:86%;height:86%}.host .so-card.down,.host .bj-card.back{color:transparent;text-shadow:none}