.ink-page{position:relative;min-height:var(--stage-h);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-x:clip;background:#f8f6f2;color:#302719;color-scheme:light}.ink-screen{position:relative;flex:0 0 auto;width:min(100%,941px,calc(var(--stage-h) * 941 / 1672));aspect-ratio:941 / 1672;container-type:inline-size;isolation:isolate}.ink-art{display:block;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none}.ink-hotspot{position:absolute;z-index:2;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer;touch-action:manipulation}.ink-hotspot:focus-visible{outline:2px solid #9d733e;outline-offset:3px}.ink-hotspot:disabled{cursor:wait;background:#f8f6f259}.home-create{left:20.7%;top:50.05%;width:58.6%;height:9.4%}.home-join{left:20.7%;top:64%;width:58.6%;height:9.4%}.home-mini-patch{position:absolute;z-index:1;left:calc(412 / 941 * 100%);top:calc(1474 / 1672 * 100%);width:calc(114 / 941 * 100%);height:calc(48 / 1672 * 100%);overflow:hidden;pointer-events:none}.home-mini-patch img{position:absolute;max-width:none;width:calc(941 / 114 * 100%);height:auto;left:calc(-412 / 114 * 100%);top:calc(-1424 / 48 * 100%)}.home-mini{left:34%;top:87.6%;width:32%;height:4.6%;display:grid;place-items:center}.home-mini span{font-family:var(--font-display);font-weight:700;font-size:3.55cqw;line-height:1;letter-spacing:.08em;padding-left:.08em;translate:0 -.45cqw;background:linear-gradient(180deg,#8a6c45,#6b5332 60%,#8d7049);-webkit-background-clip:text;background-clip:text;color:transparent}.ink-back{left:5%;top:3%;width:10%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:#92713e;border:1px solid #c9b48a;background:#fffaf0aa}.ink-back svg{width:48%;height:48%}.ink-code{position:absolute;left:16.35%;top:53.53%;width:66.63%;height:9.15%}.ink-code input{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;outline:0;background:transparent;color:transparent;caret-color:transparent;font-size:16px;cursor:text}.ink-code input::selection{background:transparent}.ink-code input:focus-visible{outline:none;box-shadow:none}.ink-digits{display:grid;grid-template-columns:repeat(4,1fr);gap:4.8%;height:100%}.ink-digits span{position:relative;display:grid;place-items:center;border-radius:1.3cqw;font-size:6.4cqw;line-height:1;color:#332719}.ink-code:focus-within .is-current{background:linear-gradient(180deg,transparent 55%,#c7a56d12)}.ink-code:focus-within .is-current:after{content:"";position:absolute;left:32%;right:32%;bottom:16%;height:1px;background:linear-gradient(90deg,transparent,#b48a4b,transparent)}.ink-name{position:absolute;z-index:2;left:30%;top:67.3%;width:48%;height:4.9%;padding:0 2%;border:0;border-radius:4px;outline:0;background:transparent;color:#332719;font-family:var(--font-display);font-size:clamp(16px,4.1cqw,22px);letter-spacing:.035em;text-align:center}.ink-name:focus,.ink-name:focus-visible{outline:none;border:0;box-shadow:none;caret-color:#a27b43}.ink-name::placeholder{color:#a79372;opacity:.8;font-size:clamp(14px,3.5cqw,18px);letter-spacing:.02em}.ink-random{left:18.5%;top:66.6%;width:10%;height:6.4%;border-radius:50%}.ink-submit{left:27.3%;top:77.75%;width:45.6%;height:7.5%;border-radius:999px}.ink-submit:disabled{background:transparent}.ink-submit-status{position:absolute;left:8%;top:50%;translate:0 -50%;display:grid;place-items:center;width:4cqw;height:4cqw}.ink-submit-status i{width:100%;height:100%;border:1px solid #c8ac7a45;border-top-color:#aa813d;border-right-color:#cfb579;border-radius:50%;animation:ink-connection-turn 1.2s linear infinite}.ink-submit-status i:after{content:"";display:block;width:3px;height:3px;margin:-1px auto 0;border-radius:50%;background:#b78f4c}@keyframes ink-connection-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ink-submit-status i{animation:none}}.ink-error{position:absolute;left:19%;top:86%;width:62%;text-align:center;color:#9b3027;font-size:var(--type-caption);line-height:1.6}.ink-screen--create .ink-code{left:13.5%;top:45.87%;width:72.9%;height:10%}.ink-screen--create .ink-name{left:29.3%;top:62%;width:53%;height:5%;transform:translate(calc(-3.0410927785954005 * var(--sw)),calc(.3688630603608631 * var(--stage-h) / 100))}.ink-screen--create .ink-random{left:15.5%;top:61%;width:10.5%;height:6.8%}.ink-screen--create .ink-submit{left:26.1%;top:73.55%;width:47.85%;height:7.8%}.ink-screen--create .ink-error{top:83%}.ink-page--form{justify-content:flex-start}.entry-copyright{flex:0 0 auto;width:min(calc(100% - 32px),480px);margin:0;padding:16px 0 max(16px,env(safe-area-inset-bottom));border-top:1px solid #d9cbb5;color:#62503a;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:400;line-height:1.7;letter-spacing:normal;text-align:center;overflow-wrap:break-word}.entry-copyright p{margin:0}.entry-copyright-brand{color:#503b24;font-size:15px;font-weight:600}.entry-copyright .entry-copyright-notice{margin-top:6px;text-wrap:balance}.entry-copyright-details{margin-top:6px}.entry-copyright-details>summary{width:fit-content;max-width:100%;min-height:44px;margin:0 auto;padding:10px 12px;border:1px solid #b99a66;border-radius:6px;background:#fffaf0;color:#765325;cursor:pointer;touch-action:manipulation;text-decoration:underline;text-underline-offset:4px}.entry-copyright-collapse,.entry-copyright-details[open]>summary .entry-copyright-expand{display:none}.entry-copyright-details[open]>summary .entry-copyright-collapse{display:inline}.entry-copyright-details>summary:focus-visible{outline:2px solid #9d733e;outline-offset:2px}.entry-copyright-body{padding:14px 0 18px;font-size:14px;line-height:1.85;text-align:start}.entry-copyright-body p+p{margin-top:16px}.entry-copyright-motto,.entry-copyright-closing{text-align:center}.entry-copyright-motto{color:#765325}.entry-copyright-closing{font-size:13px}.entry-copyright>.entry-teaching-notice{width:100%;margin:14px 0 0;padding:14px 0;border-top:0;border-bottom:0;color:#aaa6a0;font-family:Tahoma,Arial,sans-serif;font-size:17px;font-weight:400;line-height:1.65;letter-spacing:normal;text-align:start;overflow-wrap:break-word}.entry-teaching-notice--create{transform:translate(calc(-.31007751937983974 * var(--sw)),calc(-37.341513292433504 * var(--stage-h) / 100))}.entry-teaching-notice--join{transform:translate(calc(-7.984496124031017 * var(--sw)),calc(-37.54601226993865 * var(--stage-h) / 100))}.game-frame{position:absolute;left:0;top:0;width:430px;height:var(--stage-h);border:0;display:block;background:#f8f6f2}.game-frame.is-hidden{visibility:hidden;pointer-events:none}*,:before,:after{box-sizing:border-box;border:0 solid rgb(255 255 255 / 10%);-webkit-tap-highlight-color:transparent}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:pan-x pan-y;background:#f8f6f2}body{line-height:inherit;font-family:var(--font-display);font-synthesis:none;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,hr,pre{margin:0}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}ol,ul{list-style:none;margin:0;padding:0}button,input,select,textarea{font:inherit;font-feature-settings:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button{text-transform:none;-webkit-appearance:button;background-color:transparent;background-image:none;cursor:pointer}input,textarea,[contenteditable]{-webkit-user-select:text;-moz-user-select:text;user-select:text}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}summary{display:list-item}img,svg,video,canvas{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{--font-display: "Songti SC", STSong, SimSun, "Noto Serif SC", serif;--sw: 4.3px;--type-caption: clamp(12px, calc(3.1 * var(--sw)), 13px)}.stage{position:fixed;left:0;top:0;transform-origin:0 0;overflow:hidden;background:#f8f6f2}.page{position:absolute;top:0;right:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.page::-webkit-scrollbar{display:none}