body{font-family:sans-serif;margin:0;padding:0}.dark-mode{background:#000}.dark-mode #root{color:#fff}button.big{margin:10px;padding:10px}button.big,button.normal{cursor:pointer;line-height:1em}button.normal{margin:2px;padding:2px}.dark-mode .icon-button{color:#fff}.header-message{background-color:rgba(255,255,0,.7);border-bottom:1px solid #000;cursor:pointer;left:0;position:fixed;text-align:center;top:0;width:100%}.emoji-picker-react button{margin:0}.players button{margin:0 5px;padding:2.5px}.player{border:1px solid #000;line-height:1em;padding:10px}.dark-mode .player{border-color:#fff}.errors{background:red;color:#fff;padding:0 10px;position:fixed;z-index:100}.trick{padding:10px}.card{background:transparent;cursor:pointer;display:inline-block;font-family:Apple Symbols,Segoe UI Symbol,Symbola,DejaVu Sans,system;margin-top:20px;position:relative;user-select:none}.card.highlighted{border-bottom:1px solid;margin-bottom:-1px}.card>svg{background:#fff;margin-left:1px}.dark-mode .card>svg{background:#000}.card:first-child>svg{padding:0}.card.unknown,.unknown{color:#aaa;cursor:default}.card .card-label{background:#fff;display:none;font-size:medium;left:.35em;position:absolute;width:1.5em;z-index:1}.dark-mode .card .card-label{background:#000}.hand .unselected-cards.unclickable .card{cursor:default}.hand .unselected-cards .card{margin-top:30px}.hand .unselected-cards .card:hover .card-label,.hand .unselected-cards .card:hover svg{transform:translateY(-20px)}.card .card-icon{font-size:medium;left:.35em;position:absolute;z-index:1}.hand .unselected-cards .card:hover .card-icon{transform:translateY(-20px)}.kitty{margin-bottom:20px;margin-top:20px}.always-show-labels .card .card-label,.card:hover .card-label{display:inline-block}.ReactModal__Overlay{z-index:2}.card.notify,.notify .card{animation:blinkingText 1.5s 1;color:#000}@keyframes blinkingText{0%{color:#000}50%{color:#aaa}to{color:#000}}@keyframes blinkingTextDark{0%{color:#fff}50%{color:#555}to{color:#fff}}.dark-mode .card.notify,.dark-mode .notify .card{animation:blinkingTextDark 1.5s 1;color:#fff}.♡,.♢{color:#bb0313}.♤,.♧,.🃟{color:#000}.🃏{color:#bb0313}.points .card{cursor:default}.four-color .♢,.four-color.♢{color:#1933f9}.four-color .♡,.four-color.♡{color:#bb0313}.four-color .♤,.four-color.♤{color:#000}.four-color .♧,.four-color.♧{color:#477e1b}.four-color .🃟,.four-color.🃟{color:#000}.four-color .🃏,.four-color.🃏{color:#bb0313}.dark-mode .four-color .♤,.dark-mode .four-color .🃟,.dark-mode .four-color.♤,.dark-mode .four-color.🃟,.dark-mode .♤,.dark-mode .♧,.dark-mode .🃟,.dark-mode.♤,.dark-mode.♧,.dark-mode.🃟,.darkmode.four-color.🃟{color:#fff}.hand p{margin:0;text-align:center}.hand .selected-cards,.hand .unselected-cards{padding:0 10px}.next{color:#1933f9;font-weight:700}.dark-mode .next{color:#96a2fa}.landlord,.landlord .card svg{background:#ddd}.dark-mode .landlord,.dark-mode .landlord .card svg{background:#333}.observer{border:1px dashed #222;color:#222}.chat{border:1px solid #eee;float:right;margin-top:20px;min-width:225px;width:20%}.dark-mode .chat{border:#222}.game{display:inline-block;min-height:660px;min-width:690px;padding:0 20px;width:70%}.hide-chat-box .game{width:95%}.messages{height:400px;overflow-anchor:none;overflow-y:auto;padding-left:10px;padding-top:10px}.chat-anchor{height:1px;overflow-anchor:auto}.message{margin:0}.game-message{color:#00f}.labeled-play{border:1px solid #000;display:inline-block;margin-bottom:20px;padding:10px}.dark-mode .labeled-play{border-color:#fff}.labeled-play .label{line-height:1em;text-align:center}.labeled-play .card-group{display:inline-block}.labeled-play .card{cursor:default}.labeled-play.clickable .card{cursor:pointer}.labeled-play.winning{box-shadow:inset 0 0 0 2px #bb0313}.always-show-labels .more .card.svg .card-label,.more .card.svg:hover .card-label{bottom:1.8em}.labeled-play .play{display:inline-block;padding-bottom:20px}.labeled-play .play+.play{margin-left:10px}.trump{margin:10px 0}.pending-friends p{margin:0}.pending-friends{margin:10px}.reset-block{float:right;text-align:center;width:200px}.reset-block p{margin-block:0}.red{color:#bb0313}.join-room div{padding:5px}.join-room span{cursor:pointer}.join-room h2 input{font-size:24px}.kicker button{margin:3px;padding:3px}label{line-height:25px}.rules .card{font-size:8em;margin-right:-.4em}.rules .card:last-child{margin-right:0}body.qsf-shengji-app{background:radial-gradient(circle at 12% 8%,rgba(171,255,201,.62),transparent 34%),linear-gradient(135deg,#effff6,#e7f7ff 55%,#f8fbff);color:#183445;min-height:100vh;overflow-x:hidden}.qsf-page{min-height:100vh}.qsf-loading{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;text-align:center}.qsf-loading strong{font-size:30px}.qsf-loading span{color:#55737c;font-size:16px}body.qsf-shengji-app .game{box-sizing:border-box;display:block;min-height:0;min-width:0;padding:22px;width:100%}.qsf-lobby-game{margin:0 auto;max-width:1040px}.qsf-lobby-game>h1{color:#183445;font-size:30px;margin:0 0 18px}.qsf-lobby{align-items:stretch;display:grid;gap:16px;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}.qsf-lobby-card{backdrop-filter:blur(12px);background:hsla(0,0%,100%,.82);border:1px solid rgba(158,226,199,.86);border-radius:18px;box-shadow:0 12px 32px rgba(41,105,105,.12);box-sizing:border-box}.qsf-lobby-hero{display:grid;gap:18px;grid-row:span 2;grid-template-columns:minmax(280px,1fr) 320px;min-height:250px;overflow:hidden;padding:26px}.qsf-lobby-kicker{background:#dff8e9;border-radius:999px;color:#1d7650;display:inline-flex;font-size:13px;font-weight:700;padding:6px 12px;width:fit-content}.qsf-lobby-copy h2{color:#173445;font-size:38px;line-height:1.1;margin:18px 0 8px}.qsf-lobby-copy p{color:#526f78;font-size:17px;line-height:1.65;margin:0;max-width:430px}.qsf-lobby-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.qsf-lobby-tags span{background:#edf9ff;border-radius:999px;color:#24627a;font-size:13px;font-weight:700;padding:8px 12px}.qsf-card-preview{align-items:center;display:flex;justify-content:center;min-height:190px;position:relative}.qsf-poker{align-items:flex-start;background:linear-gradient(180deg,#fff,#f7f9f4);border:2px solid rgba(34,71,66,.16);border-radius:13px;box-shadow:0 13px 22px rgba(31,74,69,.14);box-sizing:border-box;display:flex;font-size:28px;font-weight:900;height:138px;justify-content:flex-start;margin-left:-28px;padding:12px;width:96px}.qsf-poker:first-child{margin-left:0}.qsf-poker.black{color:#182f35}.qsf-poker.red{color:#bb0313}.join-room.qsf-lobby-card{padding:18px}.qsf-field-row{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;padding:0}.qsf-field-row+.qsf-field-row{margin-top:14px}.qsf-field-row label{color:#526f78;display:grid;font-size:13px;font-weight:700;gap:7px;line-height:1}.qsf-field-row input[type=text],.qsf-room-code{background:rgba(248,255,251,.96);border:1px solid #bae9d2;border-radius:14px;box-sizing:border-box;color:#183445;font-size:19px;font-weight:800;height:48px;padding:0 14px;text-align:left;width:100%}.qsf-room-code{cursor:pointer}.qsf-primary,.qsf-secondary{border:0;border-radius:14px;cursor:pointer;font-size:16px;font-weight:900;height:48px;white-space:nowrap}.qsf-primary{background:linear-gradient(135deg,#9ff6b5,#89e8ff);box-shadow:0 8px 18px rgba(52,182,149,.23);color:#123845;min-width:124px;padding:0 22px}.qsf-primary:disabled{box-shadow:none;cursor:default;opacity:.46}.qsf-secondary{background:#fff;border:1px solid #c8e8da;color:#25555c;padding:0 16px}.qsf-lobby-note{align-items:center;color:#45636c;display:flex;font-size:14px;gap:10px;padding:15px 18px}.qsf-lobby-note strong{color:#16764f;white-space:nowrap}.qsf-public-room-shell{grid-column:1/-1;padding:18px}.qsf-section-head{align-items:center;display:flex;gap:14px;justify-content:space-between}.qsf-section-head strong{color:#173445;display:block;font-size:18px}.qsf-empty-room,.qsf-section-head span{color:#6c858b;font-size:13px}.qsf-room-list{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:14px}.qsf-room-row{align-items:center;background:#fafffc;border:1px solid #d1eadf;border-radius:12px;color:#183445;cursor:pointer;display:flex;gap:10px;height:48px;justify-content:space-between;padding:0 12px}.qsf-room-row span{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qsf-room-row em{color:#2f9170;font-style:normal;font-weight:800;white-space:nowrap}.qsf-table-page{background:radial-gradient(circle at 14% 8%,rgba(185,255,217,.58),transparent 34%),linear-gradient(135deg,#f6fff9,#edfaff)}.qsf-table-page .chat{background:hsla(0,0%,100%,.74);border-color:#d7eee4;border-radius:14px;box-sizing:border-box;margin:18px 18px 0 0;overflow:hidden}body.qsf-shengji-app hr{display:none}@media (max-width:860px){.qsf-lobby,.qsf-lobby-hero{grid-template-columns:1fr}.qsf-card-preview{display:none}}