@font-face{font-family:"Qingning Fangsong";src:url(/fonts/zhuque-fangsong/regular-v0.212-metrics-v1.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--body-font: "Qingning Fangsong", "FangSong", "STFangsong", "Songti SC", "SimSun", serif}:root:lang(en){--body-font: Georgia, "Times New Roman", "Qingning Fangsong", serif}@font-face{font-family:Qingning Ink;src:url(/fonts/ma-shan-zheng/regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--ui-font-body: var(--body-font);--ui-font-title: "Qingning Ink", "KaiTi", "STKaiti", serif;--ui-font-display: var(--ui-font-title);--ui-text-min: 32px;--ui-text-body: 34px;--ui-text-title: 38px;--ui-text-small: var(--ui-text-min);--ui-dialog-padding: 24px;--ui-dialog-radius: 14px;--ui-ink: #38382e;--ui-muted: #665f50;--ui-line: #b39b74;--ui-accent: #806438;--ui-cinnabar: #984737;--ui-paper: #eee4cf;--ui-control-paper-wash: radial-gradient( ellipse at center, color-mix(in srgb, var(--ui-paper) 92%, white) 20%, color-mix(in srgb, var(--ui-paper) 78%, transparent) 56%, transparent 76% );--ui-control-paper-wash-opacity: .8;--ui-paper-texture: url(/art/shuimo-play-v1/paper-fibres-v2.webp);--ui-entry-background: var(--ui-paper) url(/art/shuimo-lobby-v1/preview-composite.webp) center / cover no-repeat;--ui-paper-background: var(--ui-paper) var(--ui-paper-texture) center / 512px 512px;--ui-frame-wing: 192px;--ui-frame-center: 21.76px;--ui-frame-top: 55.04px;--ui-frame-bottom: 126.72px;--ui-card-frame: url(/art/shuimo-lobby-v1/card-frame.webp);--ui-ready-frame: url(/art/shuimo-play-v1/ready-frame.svg);--ui-field: #fff8e7;--ui-placeholder: #7b7364;--ui-inset: #e3d5b994;--ui-inset-line: #b59e7777;--ui-selected: #d9c49b;--ui-selected-line: #9b7b48;--ui-welcome-background: url(/art/welcome-entry-v1/landscape.webp);--ui-field-art-ornate: url(/art/welcome-entry-v1/field.webp);--ui-field-art-focus: url(/art/welcome-entry-v1/field-focus.webp);--ui-button-art-brush: url(/art/entry-button-v1/cinnabar-cloud.webp);--ui-motion-ambient: 18s;--ui-motion-bird-wing: 1.4s;--ui-welcome-birds: url(/art/welcome-entry-v1/birds.webp);--ui-button-art-primary: url(/art/ink-buttons-v1/primary.webp);--ui-button-art-secondary: url(/art/ink-buttons-v1/secondary.webp);--ui-button-art-slice: 100 180 fill;--ui-button-art-width: 18px 32px;--ui-button: linear-gradient(#fbf4e4, #e1d1b2);--ui-button-primary: linear-gradient(#a45240, #853c31);--ui-button-primary-ink: #fff3df;--ui-button-primary-line: #914331;--ui-button-danger: var(--ui-paper-background);--ui-button-danger-ink: #853c31;--ui-button-danger-line: #914331;--ui-button-quiet: linear-gradient(90deg, transparent, #d4bc9044, transparent);--ui-button-shadow: inset 0 0 0 2px #fff9ec80, 0 2px 5px #57442c22;--ui-button-pressed-shadow: inset 0 2px 5px #68513744;--ui-button-radius: 12px 4px;--ui-hover-line: #91523b;--ui-hover-filter: brightness(1.04);--ui-pressed-filter: brightness(.96);--ui-disabled-opacity: .45;--ui-panel-shadow: inset 0 0 0 4px #fff6e366, 0 15px 50px #30261955;--ui-backdrop: #302b225e;--ui-scroll-thumb: #ad9670;--ui-scroll-track: #e9ddc5;--ui-switch-track: #d5c9b2;--ui-switch-line: #9e8c6b;--ui-switch-thumb: linear-gradient(#fff7e8, #cab897);--ui-switch-active: #9b7950;--ui-switch-active-line: #85643d;--ui-switch-active-thumb: #fff2d8;--ui-motion-feedback: .16s;--ui-motion-enter: .26s;--ui-motion-exit: .18s;--ui-motion-ease: ease}#root .app-shell{--ink-ui-text: var(--ui-ink);--ink-ui-muted: var(--ui-muted);--ink-ui-line: var(--ui-line);--ink-ui-paper: var(--ui-paper);--ink-ui-red: var(--ui-cinnabar);--ink-ui-surface: var(--ui-paper-texture)}:root{--ui-hint-left: 300px;--ui-hint-top: 100px;--ui-hint-width: 1320px;--ui-hint-height: 612px;--ui-hint-padding: 36px;--ui-hint-header-height: 84px;--ui-hint-header-inset: 79px;--ui-hint-title-gap: 65px;--ui-hint-clock-gap: 95px;--ui-hint-title-size: 48px;--ui-hint-entry-size: 40px;--ui-hint-close-size: 64px;--ui-hint-dot-size: 18px;--ui-hint-dot-top: 4px;--ui-hint-dot-right: 14px;--ui-hint-radius: 8px;--ui-hint-gap: 16px;--ui-hint-route-gap: 8px;--ui-hint-route-inset: 8px 16px;--ui-hint-route-height: 144px;--ui-hint-route-heading-height: 44px;--ui-hint-route-label-width: 160px;--ui-hint-route-stats-width: 360px;--ui-hint-route-text-size: 36px;--ui-hint-route-label-size: 44px;--ui-hint-route-tile-width: 53px;--ui-hint-route-discard-width: 34px;--ui-hint-route-dim-opacity: .3;--ui-hint-hand-height: 84px;--ui-hint-tile-width: 53px;--ui-hint-tile-height: 77px;--ui-hint-wait-height: 120px;--ui-hint-breakdown-size: 34px;--ui-hint-card-total-size: 48px;--ui-hint-card-fill: color-mix(in srgb, var(--ui-field) 55%, transparent);--ui-hint-fan-gap: 12px}:where(.ui-button){position:relative;font:400 var(--ui-text-body) / 1.4 var(--ui-font-body);padding:10px 18px;border:1px solid var(--ui-line);border-radius:var(--ui-button-radius);color:var(--ui-ink);background:var(--ui-button);box-shadow:var(--ui-button-shadow);text-shadow:none;cursor:pointer;transition:filter var(--ui-motion-feedback) var(--ui-motion-ease),border-color var(--ui-motion-feedback) var(--ui-motion-ease)}:where(.ui-button[data-ui-variant=primary]){color:var(--ui-button-primary-ink);background:var(--ui-button-primary);border-color:var(--ui-button-primary-line)}:where(.ui-button[data-ui-variant=danger]){color:var(--ui-button-danger-ink);background:var(--ui-button-danger);border-color:var(--ui-button-danger-line)}:where(.ui-button[data-ui-variant=quiet]){background:var(--ui-button-quiet);box-shadow:none}:where(.ui-button:hover:not(:disabled),.ui-button:focus-visible:not(:disabled)){filter:var(--ui-hover-filter);border-color:var(--ui-hover-line)}:where(.ui-button:focus-visible){outline:3px solid var(--ui-cinnabar);outline-offset:4px}:where(.ui-button:active:not(:disabled)){filter:var(--ui-pressed-filter);box-shadow:var(--ui-button-pressed-shadow)}:where(.ui-button:disabled){opacity:var(--ui-disabled-opacity);cursor:not-allowed}#root .app-shell :is(button,a).ui-button:is([data-ui-variant=primary],[data-ui-variant=secondary]):not(.friend-create-button){position:relative}#root .app-shell :is(button,a).ui-button:is([data-ui-variant=primary],[data-ui-variant=secondary]){isolation:isolate;border-color:transparent;border-radius:0;background:none;box-shadow:none;text-shadow:none}#root .app-shell :is(button,a).ui-button:is([data-ui-variant=primary],[data-ui-variant=secondary]):after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-image-source:var(--ui-button-art-secondary);border-image-slice:var(--ui-button-art-slice);border-image-width:var(--ui-button-art-width);border-image-repeat:stretch}#root .app-shell :is(button,a).ui-button[data-ui-variant=primary]:after{border-image-source:var(--ui-button-art-primary)}#root .app-shell :is(button,a).ui-button[data-ui-variant=secondary]{color:var(--ui-ink)}#root .app-shell :is(button,a).ui-button[aria-pressed=true]{outline:2px solid var(--ui-cinnabar);outline-offset:2px}#root .app-shell :is(button,a).ui-button[data-ui-treatment=brush][data-ui-variant=primary]:after{border-image:none;background:var(--ui-button-art-brush) center / 100% 100% no-repeat;transition:filter var(--ui-motion-feedback) var(--ui-motion-ease)}#root .app-shell :is(button,a).ui-button.ui-button[data-ui-treatment=plain]{border:1px solid var(--ui-line);border-radius:5px;background:var(--ui-button);box-shadow:none}#root .app-shell :is(button,a).ui-button.ui-button[data-ui-treatment=plain][data-ui-variant=primary]{border-color:var(--ui-button-primary-line);background:var(--ui-button-primary);color:var(--ui-button-primary-ink)}#root .app-shell :is(button,a).ui-button.ui-button[data-ui-treatment=plain]:after{content:none}#root .app-shell :is(button,a).ui-button.ui-button[data-ui-treatment=plain]:hover:not(:disabled){border-color:var(--ui-hover-line)}#root .app-shell :is(button,a).ui-button.ui-button[data-ui-treatment=plain]:active:not(:disabled){box-shadow:var(--ui-button-pressed-shadow)}.ui-field-frame{position:relative;isolation:isolate;width:100%}.ui-field-frame:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-image:var(--ui-field-art-ornate) 26 70 28 26 fill / 30px 80px 32px 30px stretch}#root .app-shell .ui-field-frame input{display:block;margin:0;width:100%;min-height:82px;padding:14px 28px;border:0;border-radius:0;background:transparent;color:var(--ui-ink);font:400 var(--ui-text-body) / 1.5 var(--ui-font-body)}.ui-field-frame:focus-within:before{border-image-source:var(--ui-field-art-focus)}.ui-field-frame:focus-within:after{content:"";position:absolute;left:28px;right:80px;bottom:6px;height:2px;background:var(--ui-cinnabar);opacity:.65;pointer-events:none}@media(forced-colors:active){.ui-field-frame:focus-within{outline:2px solid Highlight}}#root .app-shell .ui-field-frame input:focus-visible{outline:none}#root .app-shell .game-dialog form.ui-labeled-form{display:grid;grid-template-columns:var(--ui-field-label-width, 152px) minmax(0,1fr);align-items:center;gap:20px 24px;margin:0}#root .app-shell .game-dialog form.ui-labeled-form>label,#root .app-shell label.ui-field-label{position:relative;margin:0;padding-left:28px;grid-column:auto;font:var(--ui-field-label-weight, 700) var(--ui-field-label-size, var(--ui-text-body)) / 1.5 var(--ui-font-body);font-synthesis:weight;color:color-mix(in srgb,var(--ui-ink),black 30%)}#root .app-shell :is(.ui-labeled-form>label,.ui-field-label):before,#root .app-shell :is(.ui-labeled-form>label,.ui-field-label):after{content:"";position:absolute;left:6px;top:50%;pointer-events:none}#root .app-shell :is(.ui-labeled-form>label,.ui-field-label):before{width:1.25px;height:40px;transform:translate(-50%,-50%);background:linear-gradient(to bottom,transparent,var(--ui-line) 18%,var(--ui-line) 34%,transparent 34%,transparent 66%,var(--ui-line) 66%,var(--ui-line) 82%,transparent)}#root .app-shell :is(.ui-labeled-form>label,.ui-field-label):after{box-sizing:border-box;width:6px;height:6px;border:1.25px solid var(--ui-line);transform:translate(-50%,-50%) rotate(45deg)}#root .app-shell .game-dialog form.ui-labeled-form>input{width:100%;min-width:0;height:72px;font:400 var(--ui-text-body) / 1.5 var(--ui-font-body);padding:12px 22px;margin:0}#root .app-shell .game-dialog form.ui-labeled-form>input,#root .app-shell :is(.game-dialog,.entry-choice) :is(input.ui-input-material:not([type=checkbox]),textarea.ui-input-material,select.ui-input-material){border:1px solid var(--ui-inset-line);border-radius:5px;background:color-mix(in srgb,var(--ui-field) 70%,transparent);box-shadow:inset 0 1px 3px color-mix(in srgb,var(--ui-accent) 6%,transparent)}#root .app-shell .game-dialog form.ui-labeled-form>input:focus-visible,#root .app-shell :is(.game-dialog,.entry-choice) :is(input,textarea,select).ui-input-material:focus-visible{border-color:var(--ui-cinnabar);outline:2px solid color-mix(in srgb,var(--ui-cinnabar) 65%,transparent);outline-offset:3px}#root .app-shell .game-dialog form.ui-labeled-form>.ui-form-error{grid-column:1 / -1;margin:0}.ui-labeled-form>.ui-form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;margin-top:4px}#root .app-shell p.ui-form-error,#root .app-shell .game-dialog p.ui-form-error{font:400 var(--ui-text-body) / 1.5 var(--ui-font-body);color:var(--ui-cinnabar);margin:12px 0;overflow-wrap:anywhere}#root .app-shell .ui-small-dialog{padding:var(--ui-dialog-padding);border-radius:var(--ui-dialog-radius);font:400 var(--ui-text-body) / 1.5 var(--ui-font-body)}#root .app-shell .ui-small-dialog h2{font:400 var(--ui-text-title) / 1.2 var(--ui-font-title);margin:0 0 16px}#root .app-shell .ui-small-dialog :is(p,label,input,button){font:400 var(--ui-text-body) / 1.5 var(--ui-font-body)}#root .app-shell .ui-small-dialog p{margin:16px 0}#root .app-shell .ui-small-dialog button{padding:10px 18px;border:1px solid var(--ui-line);border-radius:var(--ui-button-radius)}#root .app-shell .ui-small-dialog .button-row{gap:12px}.ui-dialog-header{position:relative;padding-bottom:28px;margin-bottom:24px;text-align:center}.ui-dialog-header:before{content:"";position:absolute;bottom:5px;left:50%;width:320px;height:1px;transform:translate(-50%);background:linear-gradient(to right,transparent,var(--ui-cinnabar) 44%,transparent 44%,transparent 56%,var(--ui-cinnabar) 56%,transparent)}.ui-dialog-header:after{content:"";position:absolute;bottom:1px;left:50%;width:9px;height:9px;border:2px solid var(--ui-cinnabar);transform:translate(-50%) rotate(45deg)}#root .app-shell .ui-small-dialog header.ui-dialog-header h2{margin:0;color:color-mix(in srgb,var(--ui-ink),black 55%);font:400 52px / 1.25 var(--ui-font-title);letter-spacing:1px}#root .ui-paper-frame{position:absolute;inset:0;z-index:-1;display:grid;grid-template-columns:var(--ui-frame-wing) minmax(0,1fr) var(--ui-frame-center) minmax(0,1fr) var(--ui-frame-wing);grid-template-rows:var(--ui-frame-top) minmax(0,1fr) var(--ui-frame-bottom);gap:0;pointer-events:none;background:none;border:0;padding:0}#root .ui-paper-frame:before{content:"";position:absolute;inset:12px 8px;z-index:-1;border-radius:16px;background:var(--ui-paper-background);pointer-events:none}#root .ui-paper-frame>.ui-frame-piece{display:block;min-width:0;min-height:0;pointer-events:none;background-position:center;background-size:100% 100%;background-repeat:no-repeat;opacity:var(--ui-frame-opacity, 1)}#root .ui-paper-frame>.ui-frame-piece:nth-child(n+6):nth-child(-n+10){background-size:100% 19.2px;background-repeat:repeat-y;background-position:center top}#root .ui-paper-frame>.ui-paper-canvas[data-canvas=serene]{position:absolute;inset:14px;display:grid;grid-template-columns:calc(800px * var(--ui-canvas-scale, .48)) minmax(0,1fr) calc(448px * var(--ui-canvas-scale, .48));grid-template-rows:calc(460px * var(--ui-canvas-scale, .48)) minmax(0,1fr) calc(436px * var(--ui-canvas-scale, .48));overflow:hidden;border-radius:28px;pointer-events:none}#root .app-shell :is(.game-dialog,.leave-dialog).ui-small-dialog.ui-serene-dialog{width:860px;padding:56px 60px;min-height:400px}#root .app-shell .ui-small-dialog.ui-serene-dialog .ui-dialog-header{margin-bottom:32px}#root .app-shell :is(.game-dialog,.leave-dialog).ui-small-dialog.ui-serene-dialog>p:not(.ui-form-error){margin:24px 0;line-height:1.65}#root .ui-serene-dialog .ui-paper-frame>.ui-paper-canvas[data-canvas=serene]{--ui-canvas-scale: .25}#root .app-shell :is(.game-dialog,.leave-dialog).ui-small-dialog.ui-serene-dialog .button-row{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:20px;margin-top:36px}#root .ui-paper-canvas>div{min-width:0;min-height:0;background-size:100% 100%;background-repeat:no-repeat}:where([data-ui-motion=false] .ui-button){transition:none}.ui-external-link{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-decoration:none}