:root{--x-ink: #1a0d0a;--x-paper: #f4e9d4;--x-red: #a4140f;--x-mute: #5b3f26}#xLoading{position:fixed;inset:0;z-index:300;background:#0b0310;display:grid;place-items:center;padding:16px;transition:opacity .4s}#xLoading.out{opacity:0;pointer-events:none}.xl-card{width:min(380px,100%);color:#f4e9d4;text-align:center;font-family:Be Vietnam Pro,Segoe UI,system-ui,sans-serif}.xl-logo{font-family:Phudu,Be Vietnam Pro,sans-serif;font-weight:900;font-size:clamp(42px,13vw,62px);color:#e22b2b;letter-spacing:-.015em;line-height:1}.xl-sub{font:800 13px var(--body, sans-serif);letter-spacing:.32em;color:#e8d5b0;margin-top:6px}.xl-sub:empty{display:none}.xl-title{font-size:15px;margin:8px 0 18px;color:#e8d5b0}.xl-bar{height:8px;background:#f4e9d424;border-radius:1px;overflow:hidden}.xl-bar i{display:block;height:100%;width:0;background:#e22b2b}.xl-row{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:13px;color:#cdb892}.xl-note{min-height:20px;margin-top:12px;font-size:13.5px;color:#cdb892;line-height:1.4}.xl-note.bad{color:#ff9a8a}.xl-retry{display:none;margin-top:12px;font:800 15px Be Vietnam Pro,sans-serif;color:#f8e8c4;background:#b4201a;border:0;padding:9px 16px;cursor:pointer}.xl-retry.show{display:inline-block}.x-overlay{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:#08020cb8;overflow:hidden;touch-action:none}.x-sheet{width:min(520px,100%);max-height:calc(100dvh - 20px);overflow:hidden;display:flex;flex-direction:column;gap:8px;color:var(--x-ink);background:var(--tx-paper, none) center / 256px,var(--x-paper);padding:clamp(10px,2.2vh,18px) clamp(12px,3vw,20px);box-shadow:8px 12px 26px #000000a6;transform:rotate(-.35deg);font-family:var(--body, "Be Vietnam Pro", sans-serif)}.x-narrow{width:min(420px,100%)}.x-sheet h3{margin:0;font:900 clamp(19px,3.4vh,24px)/1.05 var(--display, "Phudu", sans-serif);color:var(--x-red)}.x-sheet p{margin:0;font-size:clamp(13px,2.1vh,15px);line-height:1.4}.x-sheet .x-big{font:900 clamp(22px,5vh,30px)/1.1 var(--display, "Phudu", sans-serif)}.x-sub{font-weight:800;font-size:clamp(12.5px,1.9vh,14px);color:var(--x-ink);margin-top:2px}.x-fine{font:400 clamp(13.5px,2.1vh,15.5px)/1.22 var(--hand, "Patrick Hand", sans-serif);color:var(--x-mute)}.x-bad{color:var(--x-red)}.x-row{display:flex;gap:8px;align-items:center}.x-row .btn{flex:none}.x-end{justify-content:flex-end;flex-wrap:wrap;margin-top:2px}.x-close{align-self:flex-end}.x-sheet .btn.small{width:auto}.x-chip{font:700 12.5px var(--body, sans-serif);color:#3a1a0e;background:transparent;border:1.5px solid rgba(58,26,14,.55);border-radius:2px;padding:3px 8px;cursor:pointer;white-space:nowrap}.x-chip:hover{background:#3a1a0e1a}.x-chip.x-danger{color:var(--x-red);border-color:var(--x-red)}.x-chip.x-hot{color:#f8e8c4;background:#b4201a;border-color:#b4201a}body.x-no-voice #btnVoice,body.x-quick-only #chatBox{display:none!important}.x-menu-bar{display:flex;flex-wrap:wrap;gap:6px}.x-soul-line{font:400 16px/1.1 var(--hand, sans-serif);color:var(--x-mute)}#xGear{pointer-events:auto;padding:3px 8px;font-size:16px;line-height:1.2;color:#f8e8c4;border-color:#f8e8c499;background:#14060e8c}.x-people-btn{width:100%}.x-seg-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:600;font-size:clamp(12.5px,1.9vh,14px)}.x-seg{display:flex;flex-wrap:wrap;gap:0;border:2px solid #3a1a0e}.x-seg button{font:700 clamp(12px,1.9vh,13.5px) var(--body, sans-serif);background:none;border:0;color:#3a1a0e;padding:clamp(3px,.8vh,6px) 9px;cursor:pointer;white-space:nowrap}.x-seg button.on{background:#3a1a0e;color:#f4e9d4}.x-sheet>.x-seg-row:first-of-type{justify-content:flex-start}.x-tab{display:flex;flex-direction:column;gap:clamp(5px,1.2vh,10px);min-height:0}.x-slider{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:10px;font-weight:600;font-size:clamp(12.5px,1.9vh,14px)}.x-slider input{width:100%;accent-color:#a4140f;height:22px;margin:0;touch-action:none}.x-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:6px}.x-link-grid .btn.small{width:100%}.x-stars{display:flex;gap:2px}.x-stars button{font-size:clamp(26px,5.4vh,34px);line-height:1;background:none;border:0;padding:0 2px;cursor:pointer;color:#3a1a0e47}.x-stars button.on{color:#c4111a}.x-fb-text{width:100%;resize:none;min-height:clamp(54px,13vh,96px);font:400 clamp(14px,2.2vh,16px)/1.3 var(--hand, "Patrick Hand", sans-serif);color:var(--x-ink);background:#fffaee8c;border:2px solid #3a1a0e;padding:6px 8px;outline:0;user-select:text;-webkit-user-select:text}.x-gop-y .x-row .x-fine{margin-right:auto}.x-people{display:flex;flex-direction:column;gap:clamp(3px,.8vh,6px);min-height:0}.x-person{display:flex;align-items:center;gap:6px;font-weight:600;font-size:13.5px;min-height:24px}.x-person .dot{width:10px;height:10px;border-radius:50%;flex:none;display:inline-block}.x-person-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-person em{font-size:12px;color:var(--x-mute)}.x-acts{display:flex;gap:3px;flex:none}.x-acts .x-chip{padding:2px 5px;font-size:11.5px}.x-soul-no{font:900 clamp(24px,5vh,34px)/1 var(--display, sans-serif);color:var(--x-ink)}.x-page-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:3px}.x-page-cell{aspect-ratio:1 / 1.2;font:700 12px var(--body, sans-serif);color:#3a1a0e4d;background:#3a1a0e12;border:1px dashed rgba(58,26,14,.3);padding:0;cursor:default}.x-page-cell.got{color:#f4e9d4;background:#6d2a18;border-style:solid;border-color:#3a1a0e;cursor:pointer}.x-code{flex:1;min-width:0;font:700 14px/1.2 Consolas,Courier New,monospace;letter-spacing:.03em;color:#1a2a6c;background:transparent;border:0;border-bottom:2px dotted #4a2f19;padding:3px 2px;outline:0;user-select:text;-webkit-user-select:text}.x-code::placeholder{color:#4a2f1973;font-weight:400}.x-page{display:flex;flex-direction:column;gap:clamp(5px,1.3vh,9px)}.x-page .btn{align-self:flex-end}.x-page-no{font:600 11px var(--body, sans-serif);letter-spacing:.1em;color:var(--x-mute);text-transform:uppercase;border-bottom:1px solid var(--x-mute);padding-bottom:3px}.x-page-title{font:900 clamp(20px,4vh,26px)/1.05 var(--display, sans-serif);color:var(--x-red);margin:0}.x-page p{font:500 clamp(13px,2.2vh,15px)/1.42 var(--body, sans-serif)}.x-page-hand p,.x-page-reveal{font:400 clamp(15px,2.6vh,18px)/1.25 var(--hand, sans-serif)!important}.x-page-ad .x-page-title{text-align:center}.x-page-ad p:first-of-type{font-weight:800;text-align:center}.x-page-reveal{color:var(--x-red);font-size:clamp(18px,3.4vh,23px)!important}.x-page-margin{font:400 clamp(14px,2.4vh,17px)/1.22 var(--hand, sans-serif)!important;color:#1a2a6c;border-left:2px solid rgba(26,42,108,.35);padding-left:8px;transform:rotate(-.6deg)}.x-page-margin.other{color:#6d0f0a;border-left-color:#6d0f0a;font-family:"Mansalva",var(--hand, sans-serif)!important;transform:rotate(-2deg)}.x-page-drop{position:fixed;z-index:110;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%) rotate(-1deg);width:min(330px,calc(100vw - 24px));display:grid;grid-template-columns:1fr auto;column-gap:10px;align-items:center;background:#f4e9d4;color:var(--x-ink);padding:8px 12px;box-shadow:6px 8px 20px #0009;animation:x-drop .7s cubic-bezier(.2,1.3,.5,1)}.x-page-drop b{font:800 13.5px/1.2 var(--body, sans-serif);grid-column:1}.x-page-drop small{font:400 15px var(--hand, sans-serif);color:var(--x-mute);grid-column:1}.x-page-drop .btn{grid-column:2;grid-row:1 / span 2;width:auto}@keyframes x-drop{0%{transform:translate(-50%) translateY(-60vh) rotate(14deg);opacity:0}to{transform:translate(-50%) rotate(-1deg);opacity:1}}.x-tut{background:#08020cdb;z-index:125}.x-tut-card{align-items:stretch;width:min(460px,100%);user-select:none;-webkit-user-select:none}.x-tut-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.x-tut-dots{display:flex;gap:2px}.x-tut-dots button{width:26px;height:26px;padding:0;border:0;background:none;display:grid;place-items:center;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.x-tut-dots button:after{content:"";width:10px;height:10px;border:2px solid #3a1a0e;border-radius:50%;box-sizing:border-box}.x-tut-dots button.seen:after{background:#a4140f59;border-color:#a4140f}.x-tut-dots button.on:after{width:14px;height:14px;background:#a4140f;border-color:#a4140f}.x-tut-skip{flex:none}.x-tut-pic{display:block;width:100%;aspect-ratio:480 / 260;max-height:40dvh;object-fit:contain;box-shadow:3px 4px 10px #0006;transform:rotate(.6deg);pointer-events:none}.x-tut-pic.from-right{animation:x-tut-in-r .28s ease-out}.x-tut-pic.from-left{animation:x-tut-in-l .28s ease-out}@keyframes x-tut-in-r{0%{transform:translate(24px) rotate(2deg);opacity:0}}@keyframes x-tut-in-l{0%{transform:translate(-24px) rotate(-1deg);opacity:0}}.x-tut-words{display:flex;flex-direction:column;gap:4px}.x-tut-card p{font-size:clamp(15px,2.6vh,18px);line-height:1.35;min-height:2.7em}.x-tut-nav{align-self:stretch;justify-content:space-between}.x-tut-nav .btn{min-width:108px}.x-tut-nav .btn:disabled{opacity:.35}.x-cert .x-sheet{width:min(420px,100%);align-items:center}.x-cert img{display:block;max-height:calc(100dvh - 130px);max-width:100%;box-shadow:3px 4px 10px #00000073}.x-cert .x-row{justify-content:center;flex-wrap:wrap}@media(max-height:480px){.x-sheet{width:min(640px,100%);gap:5px}.x-narrow{width:min(560px,100%)}.x-tut-card{width:min(680px,100%);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:14px;row-gap:6px}.x-tut-top{grid-column:2;grid-row:1}.x-tut-pic{grid-column:1;grid-row:1 / span 3;max-height:calc(100dvh - 44px);align-self:center}.x-tut-words{grid-column:2;grid-row:2;align-self:center}.x-tut-card p{min-height:0}.x-tut-nav{grid-column:2;grid-row:3}.x-tut-nav .btn{min-width:0;flex:1}.x-cert .x-sheet{width:auto;flex-direction:row}.x-cert img{max-height:calc(100dvh - 40px)}.x-cert .x-row{flex-direction:column;flex:none}.x-page p{line-height:1.3}#lobby .pp-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:12px;row-gap:4px;padding:9px 12px;align-content:start}#lobby .pp-title{grid-column:1;grid-row:1}#lobby .lobby-head{grid-column:1;grid-row:2}#lobby .room-code{font-size:26px}#lobby #btnCopy{font-size:12px;padding:4px 6px}#lobby #lobbyList{grid-column:1;grid-row:3;max-height:34dvh;overflow-y:auto;touch-action:pan-y}#lobby .lobby-list div{font-size:17px;padding:2px 0}#lobby #xLobbyRow{grid-column:1;grid-row:4}#lobby #lobbyHostOpts{grid-column:2;grid-row:1 / span 3;gap:4px}#lobby #lobbyHostOpts .btn,#lobby #lobbyHostOpts button{padding-top:3px;padding-bottom:3px}#lobby #btnStart{grid-column:2;grid-row:4;font-size:15px;padding:6px 8px;box-shadow:2px 3px #2a0b08}#lobby #lobbyWait{grid-column:1 / -1;grid-row:5;font-size:13px}}.x-fl-entry{justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 8px}.x-fl-entry .x-fl-open{margin-left:auto}.x-fl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.x-fl-cell{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1px;min-height:48px;padding:4px 5px 5px;text-align:left;background:#3a1a0e0d;border:1px dashed rgba(58,26,14,.35);border-radius:0;color:var(--x-mute);cursor:pointer;-webkit-tap-highlight-color:transparent}.x-fl-no{font:800 10px/1 var(--body, sans-serif);opacity:.7}.x-fl-name{font:800 11.5px/1.15 var(--body, sans-serif);color:inherit;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.x-fl-sin{font:400 12px/1.12 var(--hand, sans-serif);color:var(--x-ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}.x-fl-cell.passed{background:#a4140f12;border:1px solid rgba(164,20,15,.55);color:var(--x-ink)}.x-fl-top{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;min-height:13px}.x-fl-stamp{font:900 9px/1 var(--display, sans-serif);letter-spacing:.04em;color:var(--x-red);border:1.5px solid var(--x-red);border-radius:3px;padding:2px 3px 1px;transform:rotate(-8deg);opacity:.85;white-space:nowrap}.x-fl-cell.island{border-color:#b08020b3}.x-fl-cell.island.passed{background:#b080201f}.x-fl-cell.sel{box-shadow:inset 0 0 0 2px var(--x-ink)}.x-fl-cell.sealed{opacity:.45;cursor:default}.x-fl-detail{display:flex;flex-direction:column;gap:1px;min-height:2.5em}.x-fl-detail b{font:800 13px/1.2 var(--body, sans-serif);color:var(--x-red)}.x-fl-detail span{font:400 clamp(13.5px,2.1vh,15.5px)/1.2 var(--hand, sans-serif);color:var(--x-ink)}.x-fl-sheet>*{flex-shrink:0}.x-fl-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px}.x-fl-bottom>.x-row{margin-left:auto}.x-fl-titles{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}.x-fl-titles-label{font:800 12px var(--body, sans-serif);color:var(--x-mute)}.x-fl-title{font:800 11.5px/1.2 var(--body, sans-serif);color:#f4e9d4;background:var(--x-red);padding:3px 7px;border-radius:2px}.x-over-news{display:flex;flex-direction:column;gap:2px;width:100%;margin:10px 0 0;padding:6px 9px;background:#a4140f14;border:1px solid rgba(164,20,15,.45);border-radius:0;color:inherit;font:700 13.5px/1.25 var(--body, sans-serif);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}@media(min-width:560px)and (min-height:481px){.x-fl-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-height:719px){.x-fl-sin{display:none}}@media(max-height:480px){.x-fl-sheet{width:min(760px,100%)}.x-fl-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.x-fl-cell{min-height:0;padding:3px 4px 4px}.x-fl-name{font-size:11px}.x-fl-detail{min-height:0}.x-over-news{margin-top:6px;padding:4px 8px;font-size:12.5px}}