:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sassi-ad-bottom-h:0px;font-family:Noto Serif JP,Hiragino Mincho ProN,Yu Mincho,serif}*{box-sizing:border-box}html,body{color:#1a1612;height:calc(100dvh - var(--sassi-ad-bottom-h,0px));min-height:calc(100dvh - var(--sassi-ad-bottom-h,0px));overscroll-behavior:contain;background:#ede1c5;margin:0;overflow:hidden}#root{height:calc(100dvh - var(--sassi-ad-bottom-h,0px));min-height:calc(100dvh - var(--sassi-ad-bottom-h,0px));flex-direction:column;display:flex;overflow:hidden}h1,h2,h3{margin:0}button{font-family:inherit}.audio-settings-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);background:#1a16128c;justify-content:center;align-items:center;animation:.18s ease-out asm-fade;display:flex;position:fixed;inset:0}@keyframes asm-fade{0%{opacity:0}to{opacity:1}}.audio-settings-modal{color:#1a1612;background:radial-gradient(80% 60% at 50% 30%,#fffaeb99 0%,#0000 75%),#f5ecd9;border:1.5px solid #1a1612;width:calc(100% - 36px);max-width:360px;padding:18px 20px 22px;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;animation:.25s cubic-bezier(.18,.89,.32,1.28) asm-pop;box-shadow:inset 0 0 0 3px #ede1c5,inset 0 0 0 4px #1a161238,0 12px 32px #1a161266}@keyframes asm-pop{0%{opacity:0;transform:scale(.9)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}.asm-header{border-bottom:1.5px solid #1a161280;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:8px;display:flex}.asm-title{letter-spacing:.32em;padding-left:.32em;font-size:16px;font-weight:900}.asm-close{color:#1a1612;cursor:pointer;background:#ede1c5;border:1.5px solid #1a1612;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:flex}.asm-close:hover{color:#ede1c5;background:#b8201a}.asm-row{justify-content:center;margin:8px 0 14px;display:flex}.asm-mute-btn{color:#ede1c5;letter-spacing:.18em;cursor:pointer;background:#2f5a35;border:1.5px solid #1a1612;align-items:center;gap:10px;padding:10px 18px 10px calc(18px + .18em);font-family:Noto Serif JP,serif;font-size:13px;font-weight:800;transition:background .15s;display:inline-flex;box-shadow:inset 0 0 0 2px #ede1c559,0 3px #1a161259}.asm-mute-btn.is-muted{background:#4a4138}.asm-mute-btn:hover{filter:brightness(1.05)}.asm-mute-icon{font-size:18px}.asm-slider-row{margin:10px 0 14px}.asm-slider-head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.asm-slider-label{letter-spacing:.24em;color:#1a1612;padding-left:.24em;font-size:12px;font-weight:800}.asm-slider-value{color:#b8201a;text-align:right;min-width:28px;font-family:Noto Serif JP,serif;font-size:14px;font-weight:900}.asm-slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:24px}.asm-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#b8201a 0%,#2f5a35 100%);border:1px solid #1a1612;border-radius:0;height:6px}.asm-slider::-moz-range-track{background:linear-gradient(90deg,#b8201a 0%,#2f5a35 100%);border:1px solid #1a1612;height:6px}.asm-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#ede1c5;border:2px solid #1a1612;width:18px;height:18px;margin-top:-7px;box-shadow:0 2px 4px #0000004d}.asm-slider::-moz-range-thumb{cursor:pointer;background:#ede1c5;border:2px solid #1a1612;width:18px;height:18px;box-shadow:0 2px 4px #0000004d}.asm-slider:disabled{opacity:.45;cursor:not-allowed}.asm-note{text-align:center;letter-spacing:.16em;color:#5a4a36;margin:14px 0 0;font-size:11px;line-height:1.7}.asm-section{margin:14px 0 10px}.asm-section-title{letter-spacing:.32em;color:#1a1612;margin-bottom:8px;padding-left:.32em;font-size:12px;font-weight:800}.asm-mode-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.asm-mode-card{cursor:pointer;background:#fbf5e6d9;border:1.5px solid #1a1612;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:10px 6px;font-family:Noto Serif JP,serif;transition:background .12s,transform 80ms,box-shadow .15s;display:flex;box-shadow:inset 0 0 0 1px #fffaebb3,0 2px #1a16124d}.asm-mode-card:hover{background:#ede1c5;transform:translateY(-1px)}.asm-mode-card.is-active{color:#ede1c5;background:#b8201a;border-color:#1a1612;box-shadow:inset 0 0 0 1px #ffe6d24d,inset 0 0 0 2px #1a161266,0 3px #1a161280}.asm-mode-title{letter-spacing:.18em;padding-left:.18em;font-size:15px;font-weight:900}.asm-mode-sub{letter-spacing:.08em;color:#5a4a36;font-size:10px;font-weight:700}.asm-mode-card.is-active .asm-mode-sub{color:#ede1c5cc}.avatar-picker-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);background:#0e0c0ac7;justify-content:center;align-items:center;padding:16px;animation:.18s ease-out avatar-picker-fade;display:flex;position:fixed;inset:0}@keyframes avatar-picker-fade{0%{opacity:0}to{opacity:1}}.avatar-picker-modal{background:radial-gradient(80% 60% at 50% 20%,#fffaebf0 0%,#0000 70%),#f5ecd9;border:1.5px solid #1a1612;flex-direction:column;width:100%;max-width:460px;max-height:88vh;font-family:Noto Serif JP,Hiragino Mincho ProN,Yu Mincho,serif;display:flex;position:relative;box-shadow:inset 0 0 0 2px #fffaeb99,0 12px 32px #0e0c0a99}.avatar-picker-header{border-bottom:1.5px solid #1a161266;justify-content:space-between;align-items:center;padding:14px 18px 10px;display:flex}.avatar-picker-title{letter-spacing:.24em;color:#1a1612;margin:0;padding-left:.24em;font-size:18px;font-weight:800}.avatar-picker-close{color:#1a1612;cursor:pointer;background:0 0;border:1.5px solid #1a1612;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-family:inherit;font-size:20px;font-weight:800;display:inline-flex}.avatar-picker-close:hover{color:#ede1c5;background:#1a1612}.avatar-picker-grid{-webkit-overflow-scrolling:touch;flex:1;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px 16px;display:grid;overflow-y:auto}.avatar-tile{aspect-ratio:1;cursor:pointer;background:#fbf5e6b3;border:1.5px solid #1a1612;width:100%;padding:0;font-family:inherit;transition:transform 80ms,box-shadow .15s;display:block;position:relative;overflow:hidden}.avatar-tile img{object-fit:cover;width:100%;height:100%;display:block}.avatar-tile:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px #b8201a73}.avatar-tile.is-current{border-width:3px;border-color:#b8201a;box-shadow:inset 0 0 0 1.5px #fffaeb80,0 3px #b8201a80}.avatar-tile.is-current:after{content:"選択中";letter-spacing:.16em;color:#ede1c5;text-align:center;background:#b8201a;padding:2px 0 3px .16em;font-size:9px;font-weight:800;position:absolute;bottom:0;left:0;right:0}.avatar-picker-footer{border-top:1.5px solid #1a161266;justify-content:center;padding:12px 16px 16px;display:flex}.avatar-picker-reset{color:#1a1612;letter-spacing:.16em;cursor:pointer;background:0 0;border:1.5px solid #1a1612;padding:10px 18px 10px calc(18px + .16em);font-family:inherit;font-size:13px;font-weight:700}.avatar-picker-reset:hover{color:#ede1c5;background:#1a1612}@media (width<=380px){.avatar-picker-grid{grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 12px}}.support-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);background:#0e0c0ac7;justify-content:center;align-items:center;padding:16px;animation:.18s ease-out support-fade;display:flex;position:fixed;inset:0}@keyframes support-fade{0%{opacity:0}to{opacity:1}}.support-modal{background:radial-gradient(80% 60% at 50% 20%,#fffaebf0 0%,#0000 70%),#f5ecd9;border:1.5px solid #1a1612;width:100%;max-width:460px;max-height:90vh;padding:16px 18px 18px;font-family:Noto Serif JP,Hiragino Mincho ProN,Yu Mincho,serif;position:relative;overflow-y:auto;box-shadow:inset 0 0 0 2px #fffaeb99,0 12px 32px #0e0c0a99}.support-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.support-title{letter-spacing:.24em;color:#1a1612;margin:0;padding-left:.24em;font-size:20px;font-weight:800}.support-close{color:#1a1612;cursor:pointer;background:0 0;border:1.5px solid #1a1612;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-family:inherit;font-size:20px;font-weight:800;display:inline-flex}.support-close:hover{color:#ede1c5;background:#1a1612}.support-close:disabled{opacity:.5;cursor:not-allowed}.support-lead{color:#5a4a36;letter-spacing:.1em;margin:0 0 10px;font-size:12px}.support-kind-grid{grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:14px;display:grid}.support-kind{color:#1a1612;cursor:pointer;background:#fbf5e68c;border:1.5px solid #1a1612;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;font-family:inherit;display:flex}.support-kind:hover:not(.is-active){background:#fbf5e6d9}.support-kind.is-active{color:#1a1612;background:#c08a14;box-shadow:0 2px #1a161259}.support-kind-label{letter-spacing:.12em;padding-left:.12em;font-size:14px;font-weight:800}.support-kind-desc{color:#5a4a36;letter-spacing:.04em;font-size:10px}.support-kind.is-active .support-kind-desc{color:#4a3f30}.support-label{color:#b8201a;letter-spacing:.24em;margin-top:8px;margin-bottom:4px;padding-left:.24em;font-size:11px;font-weight:800;display:block}.support-input,.support-textarea{box-sizing:border-box;color:#1a1612;background:#fffaebd9;border:1.5px solid #1a1612;border-radius:0;width:100%;padding:8px 10px;font-family:inherit;font-size:14px}.support-input:focus,.support-textarea:focus{outline-offset:1px;outline:2px solid #c08a14}.support-textarea{resize:vertical;min-height:120px;line-height:1.5}.support-counter{color:#7a6850;text-align:right;letter-spacing:.06em;margin-top:3px;font-size:10px}.support-error{color:#b8201a;background:#b8201a1f;border:1px solid #b8201a99;margin:10px 0 0;padding:6px 10px;font-size:12px;font-weight:700}.support-actions{gap:10px;margin-top:14px;display:flex}.support-btn{letter-spacing:.18em;cursor:pointer;border:1.5px solid #1a1612;flex:1;padding:10px 12px 10px calc(12px + .18em);font-family:inherit;font-size:14px;font-weight:800}.support-btn-primary{color:#ede1c5;background:#b8201a}.support-btn-primary:hover:not(:disabled){background:#8e1612}.support-btn-primary:disabled{opacity:.4;cursor:not-allowed}.support-btn-ghost{color:#1a1612;background:0 0}.support-btn-ghost:hover:not(:disabled){background:#1a16121a}.support-btn-ghost:disabled{opacity:.4;cursor:not-allowed}.support-thanks{text-align:center;padding:20px 8px}.support-thanks-line{color:#2f5a35;letter-spacing:.28em;margin:0 0 8px;padding-left:.28em;font-size:20px;font-weight:800}.support-thanks-sub{color:#5a4a36;letter-spacing:.06em;margin:0 0 16px;font-size:12px;line-height:1.7}@media (width<=380px){.support-kind-grid{grid-template-columns:1fr}.support-kind{flex-direction:row;justify-content:flex-start;gap:10px}}.howto-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);background:#0e0c0ac7;justify-content:center;align-items:center;padding:16px;animation:.18s ease-out howto-fade;display:flex;position:fixed;inset:0}@keyframes howto-fade{0%{opacity:0}to{opacity:1}}.howto-modal{background:radial-gradient(80% 60% at 50% 12%,#fffaebf0 0%,#0000 70%),#f5ecd9;border:1.5px solid #1a1612;width:100%;max-width:480px;max-height:88vh;padding:18px 18px 22px;font-family:Noto Serif JP,Hiragino Mincho ProN,Yu Mincho,serif;position:relative;overflow-y:auto;box-shadow:inset 0 0 0 2px #fffaeb99,0 12px 32px #0e0c0a99}.howto-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.howto-title{letter-spacing:.28em;color:#1a1612;margin:0;padding-left:.28em;font-size:22px;font-weight:800}.howto-close{color:#1a1612;cursor:pointer;background:0 0;border:1.5px solid #1a1612;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-family:inherit;font-size:20px;font-weight:800;display:inline-flex}.howto-close:hover{color:#ede1c5;background:#1a1612}.howto-lead{text-align:center;color:#7a5a2e;letter-spacing:.18em;margin:0 0 14px;padding-left:.18em;font-size:12px}.howto-section{background:#fffaeb8c;border-left:3px solid #b8201a;margin:14px 0;padding:12px 12px 10px}.howto-h3{letter-spacing:.32em;color:#b8201a;margin:0 0 8px;padding-left:.32em;font-size:14px;font-weight:800}.howto-section p{color:#1a1612;margin:6px 0;font-size:13px;line-height:1.75}.howto-section strong{color:#1a1612;font-weight:800}.howto-note{color:#5a4a36!important;margin-top:8px!important;font-size:12px!important}.howto-list{color:#1a1612;margin:6px 0 0;padding-left:20px;font-size:13px;line-height:1.8}.howto-list li{margin:2px 0}.howto-dl{color:#1a1612;margin:6px 0 0;font-size:13px;line-height:1.7}.howto-dl dt{letter-spacing:.12em;color:#1a1612;margin-top:10px;padding-left:.12em;font-weight:800}.howto-dl dt:first-child{margin-top:0}.howto-dl dd{color:#3a3128;margin:4px 0 0 12px;font-size:12.5px}.howto-legend{color:#3a3128;grid-template-columns:auto 1fr auto 1fr auto 1fr;align-items:center;gap:6px 10px;margin:10px 0 6px;font-size:12px;display:grid}.howto-chip{color:#1a1612;border:1.5px solid #1a1612;border-radius:3px;justify-content:center;align-items:center;width:28px;height:22px;font-size:12px;font-weight:800;display:inline-flex}.howto-chip.is-green{background:#94b27a}.howto-chip.is-yellow{background:#e1c46c}.howto-chip.is-gray{background:#c9c2b1}.howto-actions{justify-content:center;margin-top:18px;display:flex}.howto-btn{letter-spacing:.32em;cursor:pointer;border:1.5px solid #1a1612;min-width:160px;padding:12px 18px 12px calc(18px + .32em);font-family:inherit;font-size:15px;font-weight:800}.howto-btn-primary{color:#ede1c5;background:#b8201a}.howto-btn-primary:hover{background:#8e1612}@media (width<=380px){.howto-legend{grid-template-columns:auto 1fr}}.lobby{z-index:2;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;flex:auto;align-items:center;width:100%;max-width:480px;min-height:0;max-height:100%;margin:0 auto;padding:28px 28px 24px;display:flex;position:relative;overflow:hidden auto}@media (width<=480px){.lobby{padding:18px 18px 20px}}@media (height<=700px){.lobby{padding-top:14px;padding-bottom:18px}}.lobby-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:8px;display:flex}.lobby-brand{align-items:center;gap:14px;display:inline-flex}.lobby-brand-kanji{letter-spacing:-.04em;text-shadow:0 0 1px #1a161299,1px 2px #1a161226,0 4px 8px #1a161214;font-size:54px;font-weight:900;line-height:1}.lobby-romaji{color:#6a5a44;letter-spacing:.5em;margin-top:6px;padding-left:.5em;font-size:15px;font-weight:600}.lobby-brush{opacity:.85;width:180px;height:9px;margin:4px auto 2px;display:block}.lobby-tagline{color:#3a2f24;letter-spacing:.16em;margin:2px 0 0;font-size:11px}.lobby-romaji{margin-top:2px!important;font-size:12px!important}.lobby-menu{flex-direction:column;gap:12px;width:100%;padding:0 4px;display:flex}.lobby-card{cursor:pointer;text-align:left;color:#1a1612;filter:drop-shadow(0 6px 14px #1a16122e);background:0 0;border:none;border-radius:0;flex-direction:column;align-items:stretch;padding:0;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;transition:transform .15s,filter .18s;display:flex;position:relative}.lobby-card:hover:not(:disabled){filter:drop-shadow(0 10px 22px #1a161247);transform:translateY(-2px)}.lobby-card:active:not(:disabled){filter:drop-shadow(0 4px 10px #1a16122e);transform:translateY(0)}.lobby-card:disabled{opacity:.5;cursor:not-allowed;filter:none}.card-rod{z-index:3;background:repeating-linear-gradient(90deg,#00000014 0 2px,#0000 2px 7px),linear-gradient(#3a2a1c 0%,#2a1c12 45%,#1a120a 65%,#2a1c12 100%);border:1.2px solid #0e0805;height:12px;position:relative}.card-rod-top{box-shadow:inset 0 1px #ffdcb42e,inset 0 -1.5px #0006,0 2px 3px -1.5px #0006}.card-rod-bottom{box-shadow:inset 0 1px #ffdcb42e,inset 0 -1.5px #0006,0 -2px 3px -1.5px #0006}.card-rod-cap{background:radial-gradient(circle at 30% 35%,#5a3a22 0%,#2a1c12 65%,#100804 100%);border:1.2px solid #0e0805;border-radius:4px;width:10px;height:20px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:inset 0 1px #ffdcb433,0 2px 4px #0000004d}.card-rod-cap-l{left:-5px}.card-rod-cap-r{right:-5px}.card-paper{z-index:2;background:radial-gradient(90% 70% at 50% 40%,#fffaebd9 0%,#0000 75%),repeating-linear-gradient(90deg,#785a3c06 0 1px,#0000 1px 4px),#f5ecd9;border-left:1.5px solid #1a161273;border-right:1.5px solid #1a161273;grid-template-columns:52px 1fr;align-items:center;column-gap:10px;padding:14px 12px 14px 18px;display:grid;position:relative;overflow:hidden}.card-paper:before,.card-paper:after{content:"";pointer-events:none;z-index:5;height:8px;position:absolute;left:0;right:0}.card-paper:before{background:linear-gradient(#1a161252,#0000);top:0}.card-paper:after{background:linear-gradient(#0000,#1a161252);bottom:0}.lobby-card:before{content:"";opacity:.92;z-index:6;background:currentColor;width:5px;position:absolute;top:12px;bottom:12px;left:0;box-shadow:1px 0 #1a161240}.card-kanji{text-align:center;letter-spacing:-.04em;color:currentColor;text-shadow:0 0 1px #1a161280,1px 2px #1a16121f,0 4px 8px #1a161214;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:44px;font-weight:900;line-height:1}.card-text{color:#1a1612;flex-direction:column;gap:1px;min-width:0;display:flex}.card-title{letter-spacing:.1em;color:#1a1612;font-size:14px;font-weight:800;line-height:1.3}.card-desc{color:#5a4a36;letter-spacing:.06em;margin-top:1px;font-size:10.5px;font-weight:600;line-height:1.35}.lobby-card-solo{color:#1a1612}.lobby-card-random{color:#c08a14}.lobby-card-host{color:#b8201a}.lobby-card-join{color:#2f5a35}.lobby-card-friend{color:#b8201a}.lobby-menu-grid{grid-template-columns:1fr;grid-template-areas:"random""friend""solo";gap:8px;width:100%;padding:0 2px;display:grid}.lobby-card-random{grid-area:random}.lobby-card-friend{grid-area:friend}.lobby-card-solo{grid-area:solo}.lobby-card-random .card-paper{padding-top:22px;padding-bottom:22px}.lobby-card-random .card-kanji{font-size:56px}.lobby-card-random .card-title{letter-spacing:.1em;font-size:17px}.lobby-card-solo .card-paper{padding-top:14px;padding-bottom:14px}.lobby-card-solo .card-kanji{font-size:32px}.lobby-card-solo .card-title{font-size:12px}.lobby-card-solo .card-desc{font-size:10px}@media (width<=380px){.lobby-menu-grid{gap:10px}.card-paper{grid-template-columns:44px 1fr;column-gap:8px;padding:12px 10px 12px 14px}.card-kanji{font-size:38px}.card-title{letter-spacing:.06em;font-size:13px}.card-desc{font-size:10px}.card-rod{height:10px}.card-rod-cap{width:8px;height:16px}.card-rod-cap-l{left:-4px}.card-rod-cap-r{right:-4px}}.profile-pill{background:radial-gradient(80% 60% at 50% 35%,#fffaebd9 0%,#0000 75%),repeating-linear-gradient(90deg,#785a3c06 0 1px,#0000 1px 4px),#fbf5e6;border:1.5px solid #1a1612;border-left:none;border-right:none;border-radius:0;grid-template-columns:64px 1fr;align-self:center;align-items:stretch;gap:12px;width:100%;max-width:380px;margin:4px auto 22px;padding:10px 28px 12px;transition:opacity .35s,transform .18s;display:grid;position:relative;box-shadow:inset 0 1px #fffaebb3,0 4px #1a16122e,0 10px 22px #1a161238}.profile-pill>.pp-paper-veil-top,.profile-pill>.pp-paper-veil-bot{display:none}.profile-pill:before,.profile-pill:after{content:"";z-index:4;pointer-events:none;background:repeating-linear-gradient(#00000014 0 2px,#0000 2px 7px),linear-gradient(90deg,#1a120a 0%,#3a2a1c 35%,#2a1c12 65%,#1a120a 100%);border:1.5px solid #0e0805;border-radius:4px;width:16px;position:absolute;top:-5px;bottom:-5px;box-shadow:inset 0 1px #ffdcb42e,inset 0 -2px #0006,0 3px 6px #1a161259}.profile-pill:before{left:-3px}.profile-pill:after{right:-3px}.profile-pill.is-placeholder{opacity:.55}.profile-pill.is-ready{opacity:1}.profile-pill.is-editing{transform:translateY(-1px);box-shadow:inset 0 1px #fffaebb3,0 4px #b8201a52,0 10px 26px #b8201a42}.profile-pill.is-editing:before,.profile-pill.is-editing:after{box-shadow:inset 0 1px #ffdcb438,inset 0 -2px #0006,0 3px 6px #b8201a66}.pp-seal{background:radial-gradient(circle at 35% 30%,#ffdcc866 0%,#0000 55%),linear-gradient(#c92a22 0%,#b8201a 55%,#8e1612 100%);border:2px solid #1a1612;border-radius:12px;justify-content:center;align-self:center;align-items:center;width:56px;height:56px;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;display:flex;transform:rotate(-3deg);box-shadow:inset 0 0 0 2px #ffdcc859,inset 0 -2px #0000004d,0 2px #1a161266,0 4px 10px #b8201a66}.pp-seal-char{color:#ede1c5;letter-spacing:0;text-shadow:0 1px #00000059,0 0 6px #ffdcc84d;font-size:28px;font-weight:900;line-height:1}.pp-seal-btn{cursor:pointer;padding:0;font-family:inherit;transition:transform .1s,box-shadow .15s}.pp-seal-btn:hover:not(:disabled){transform:rotate(-3deg)translateY(-1px);box-shadow:inset 0 0 0 2px #ffdcc873,inset 0 -2px #0000004d,0 3px #1a161280,0 6px 14px #b8201a80}.pp-seal-btn:active:not(:disabled){transform:rotate(-3deg)translateY(0)}.pp-seal-btn:disabled{cursor:not-allowed;opacity:.7}.pp-seal-img{object-fit:cover;border-radius:10px;width:100%;height:100%;display:block}.pp-body{flex-direction:column;justify-content:center;gap:4px;min-width:0;display:flex}.pp-name-row{cursor:pointer;color:inherit;text-align:left;background:0 0;border:none;align-items:baseline;gap:8px;min-width:0;padding:0;font-family:inherit;display:inline-flex}.pp-name-row:disabled{cursor:default}.pp-name{color:#1a1612;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:17px;font-weight:800;overflow:hidden}.pp-edit-mark{color:#7a6850;opacity:.65;font-size:13px;transition:opacity .15s,color .15s}.pp-name-row:hover:not(:disabled) .pp-edit-mark{opacity:1;color:#b8201a}.profile-pill.is-readonly .pp-edit-mark,.profile-pill.is-placeholder .pp-edit-mark{display:none}.profile-pill.is-placeholder .pp-name-row{cursor:default}.profile-pill.is-readonly .pp-name-row,.profile-pill.is-readonly .pp-name-row-static{cursor:default;pointer-events:none}.lobby-form>.profile-pill{max-width:100%;margin:0 auto 14px}.pp-name-edit{grid-template-columns:1fr auto auto;align-items:center;gap:6px;display:grid}.pp-name-input{letter-spacing:.06em;color:#1a1612;background:#fff;border:1.5px solid #b8201a;border-radius:6px;outline:none;width:100%;min-width:0;padding:4px 8px;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:16px;font-weight:800}.pp-edit-action{cursor:pointer;border:1.5px solid #1a1612;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:13px;font-weight:900;line-height:1;transition:transform .1s,background .15s;display:inline-flex}.pp-edit-action:hover{transform:translateY(-1px)}.pp-edit-ok{color:#ede1c5;background:#2f5a35;box-shadow:0 2px #0000004d}.pp-edit-cancel{color:#1a1612;background:#f5ecd9;box-shadow:0 2px #0003}.pp-stats{letter-spacing:.06em;color:#5a4a36;flex-wrap:wrap;align-items:baseline;gap:4px 6px;font-size:11px;line-height:1.4;display:flex}.pp-stat{align-items:baseline;gap:4px;display:inline-flex}.pp-stat-label{letter-spacing:.2em;color:#7a6850;font-size:9px;font-weight:700}.pp-stat-value{color:#1a1612;letter-spacing:.04em;font-size:12px;font-weight:800}.pp-stat-rating .pp-stat-value{color:#b8201a;font-family:Noto Serif JP,serif;font-size:15px}.pp-divider{color:#b8a890;padding:0 1px;font-size:9px}.pp-delta{border-radius:2px;margin-left:4px;padding:1px 5px;font-size:10px;font-weight:800;animation:.5s ease-out lp-delta-pop;display:inline-block}.pp-delta.is-up{color:#ede1c5;background:#2f5a35}.pp-delta.is-down{color:#b8a890;background:#4a4138}@media (width<=380px){.profile-pill{border-radius:12px;grid-template-columns:52px 1fr;gap:10px;padding:9px 12px 11px}.pp-seal{width:48px;height:48px}.pp-seal-char{font-size:24px}.pp-name{font-size:15px}.pp-stat-rating .pp-stat-value{font-size:14px}}@keyframes lp-delta-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.lobby-bottom-nav{width:calc(100% + 36px);margin:22px -18px 0;position:relative}@media (width>=481px){.lobby-bottom-nav{width:calc(100% + 56px);margin-left:-28px;margin-right:-28px}}.lbn-ridge{width:100%;height:14px;margin-bottom:-1px;display:block}.lbn-ridge svg{width:100%;height:100%;display:block}.lbn-ridge polyline{fill:none;stroke:#2f5a35;stroke-width:2px}.lbn-list{background:linear-gradient(#2f5a352e 0%,#2f5a350d 14px,#0000 100%),radial-gradient(80% 60% at 50% 100%,#1a16122e 0%,#0000 70%),#ede1c5;border-top:2px solid #2f5a35;grid-template-columns:repeat(5,1fr);gap:6px;margin:0;padding:12px 10px 16px;list-style:none;display:grid}.lbn-list>li{display:flex}.lbn-btn{color:#1a1612;cursor:pointer;background:radial-gradient(90% 60% at 50% 30%,#fffaebb3 0%,#0000 70%),#fbf5e6;border:1.5px solid #1a1612;border-radius:10px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;min-width:0;padding:10px 4px 8px;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;transition:transform .1s,box-shadow .15s,background .2s;display:flex;position:relative;box-shadow:inset 0 1px #fffaebb3,0 2px #1a161240,0 3px 6px #1a16121f}.lbn-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px #fffaebb3,0 3px #1a16124d,0 5px 12px #1a16122e}.lbn-btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px #fffaebb3,0 0 #1a161200}.lbn-icon{color:#ede1c5;letter-spacing:0;text-shadow:0 1px #0000004d;background:linear-gradient(#c92a22 0%,#8e1612 100%);border:1.5px solid #1a1612;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:18px;font-weight:900;display:inline-flex;transform:rotate(-3deg);box-shadow:inset 0 0 0 1.5px #ffdcc84d,0 1px #1a16124d}.lbn-label{letter-spacing:.22em;white-space:nowrap;padding-left:.22em;font-size:11px;font-weight:800;line-height:1.2}.lbn-btn.lbn-disabled{color:#7a6850;cursor:not-allowed;background:#ede1c5;box-shadow:inset 0 1px #fffaeb80,0 1px #1a16122e}.lbn-btn.lbn-disabled .lbn-icon{background:linear-gradient(#b8a890 0%,#7a6850 100%)}.lbn-coming{letter-spacing:.16em;color:#7a6850;background:#1a161214;border-radius:2px;padding:1px 4px 1px calc(4px + .16em);font-size:8px;font-weight:800;position:absolute;top:4px;right:4px}.lbn-btn.lbn-active .lbn-icon{box-shadow:inset 0 0 0 1.5px #ffdcc859,0 1px #1a16124d,0 0 10px #b8201a66}@media (width<=380px){.lbn-list{gap:6px;padding:10px 8px 14px}.lbn-btn{border-radius:8px;padding:8px 2px 6px}.lbn-icon{width:28px;height:28px;font-size:16px}.lbn-label{letter-spacing:.18em;padding-left:.18em;font-size:10px}}.lobby-form{background:#f5ecd9;border:1px solid #1a1612;flex-direction:column;gap:10px;width:100%;padding:22px 24px 24px;display:flex;box-shadow:inset 0 0 0 4px #ede1c5,inset 0 0 0 5px #1a161233,0 6px 18px #1a16121f}.lobby-label{color:#3a2f24;letter-spacing:.3em;margin-top:6px;font-size:13px;font-weight:700}.lobby-input{color:#1a1612;letter-spacing:.08em;background:#fbf5e6;border:1px solid #1a1612;border-radius:0;outline:none;padding:11px 14px;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:16px;transition:border-color .15s,box-shadow .15s}.lobby-input:focus{border-color:#b8201a;box-shadow:0 0 0 2px #b8201a40}.lobby-input-code{letter-spacing:.4em;text-align:center;font-size:24px;font-weight:700}.lobby-input-passcode{letter-spacing:.16em;text-align:center;text-transform:uppercase;font-size:22px;font-weight:700}.lobby-label-sub{letter-spacing:.06em;color:#6a5a44d9;margin-left:6px;font-size:11px;font-weight:400}.lobby-passcode-row{align-items:stretch;gap:6px;display:flex}.lobby-passcode-row .lobby-input-passcode{flex:1;min-width:0}.lobby-share-row{gap:6px;display:flex}.lobby-share-btn{cursor:pointer;border:1.5px solid #1a1612;border-radius:999px;justify-content:center;align-items:center;width:36px;height:100%;min-height:40px;padding:0;font-family:inherit;display:inline-flex}.lobby-share-btn:disabled{opacity:.35;cursor:not-allowed}.lobby-share-line{color:#fff;background:#06c755}.lobby-share-line:hover:not(:disabled){background:#05a648}.lobby-share-x{color:#fff;background:#1a1612}.lobby-share-x:hover:not(:disabled){background:#2a221a}.lobby-history{margin:6px 0 4px}.lobby-history-label{letter-spacing:.18em;color:#6a5a44;margin-bottom:4px;font-size:11px;display:block}.lobby-history-row{flex-wrap:wrap;gap:6px;display:flex}.lobby-history-chip{letter-spacing:.12em;color:#1a1612;cursor:pointer;background:#c08a142e;border:1.5px solid #1a1612;border-radius:0;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:700}.lobby-history-chip:hover:not(:disabled){background:#c08a146b}.lobby-history-chip:disabled{opacity:.4;cursor:not-allowed}.lobby-hint{color:#6a5a44;letter-spacing:.06em;margin:4px 0 2px;font-size:12px}.lobby-error{color:#b8201a;letter-spacing:.06em;margin:4px 0 0;font-size:13px;font-weight:600}.lobby-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.lobby-genre-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin:4px 0 8px;display:grid}.lobby-mode-grid{grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 12px;display:grid}.lobby-mode-card{cursor:pointer;text-align:left;background:#fbf5e6;border:1px solid #1a1612;flex-direction:column;gap:4px;padding:14px 16px;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;transition:background .15s,transform 80ms,box-shadow .2s;display:flex;box-shadow:inset 0 0 0 1px #fffaebb3,0 2px #1a161259}.lobby-mode-card:hover:not(:disabled){background:#ede1c5;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #fffaebd9,0 3px #1a161266}.lobby-mode-card.active{color:#b8201a;background:radial-gradient(80% 60% at 50% 25%,#fffaebf2 0%,#0000 70%),#fbf5e6;border-width:2px;border-color:#b8201a;position:relative;box-shadow:inset 0 0 0 2px #b8201a38,inset 0 0 0 4px #fffaebb3,0 4px #b8201a52,0 6px 18px #b8201a38}.lobby-mode-card.active .mode-title{color:#b8201a;text-shadow:0 1px #fffaebb3;font-weight:800}.lobby-mode-card.active .mode-sub{color:#6a5a44}.lobby-mode-card.active:after{content:"選択中！";letter-spacing:.18em;color:#ede1c5;background:#b8201a;border:1.5px solid #1a1612;border-radius:3px;padding:3px 8px 3px calc(8px + .18em);font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:10px;font-weight:900;animation:.3s cubic-bezier(.18,.89,.32,1.4) lobby-genre-active-badge-in;position:absolute;top:-8px;right:-4px;transform:rotate(2deg);box-shadow:0 2px #1a161266,0 4px 10px #b8201a66}.lobby-mode-card:disabled{opacity:.5;cursor:not-allowed}.mode-title{letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.mode-sub{color:#6a5a44;letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}@media (width<=400px){.lobby-mode-card{padding:12px 10px}.mode-title{letter-spacing:.04em;font-size:14px}.mode-sub{letter-spacing:.02em;font-size:10px}.lobby-mode-grid{gap:8px}}.lobby-hint-mode{background:#b8201a0d;border-left:3px solid #b8201a;margin:4px 0 8px;padding:8px 12px;font-size:13px}.lobby-genre-card{cursor:pointer;text-align:left;background:#fbf5e6;border:1px solid #1a1612;flex-direction:column;gap:4px;padding:10px 12px;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;transition:background .15s,transform 80ms,box-shadow .2s;display:flex;box-shadow:inset 0 0 0 1px #fffaebb3,0 2px #1a161259}.lobby-genre-card:hover:not(:disabled){background:#ede1c5;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #fffaebd9,0 3px #1a161266}.lobby-genre-card:active:not(:disabled){transform:translateY(1px)}.lobby-genre-card.active{color:#b8201a;background:radial-gradient(80% 60% at 50% 25%,#fffaebf2 0%,#0000 70%),#fbf5e6;border-width:2px;border-color:#b8201a;position:relative;box-shadow:inset 0 0 0 2px #b8201a38,inset 0 0 0 4px #fffaebb3,0 4px #b8201a52,0 6px 18px #b8201a38}.lobby-genre-card.active .genre-label{color:#b8201a;text-shadow:0 1px #fffaebb3;font-weight:800}.lobby-genre-card.active .genre-meta{color:#6a5a44}.lobby-genre-card.active:after{content:"選択中！";letter-spacing:.18em;color:#ede1c5;background:#b8201a;border:1.5px solid #1a1612;border-radius:3px;padding:3px 8px 3px calc(8px + .18em);font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:10px;font-weight:900;animation:.3s cubic-bezier(.18,.89,.32,1.4) lobby-genre-active-badge-in;position:absolute;top:-8px;right:-4px;transform:rotate(2deg);box-shadow:0 2px #1a161266,0 4px 10px #b8201a66}@keyframes lobby-genre-active-badge-in{0%{opacity:0;transform:rotate(-8deg)scale(.5)}60%{opacity:1;transform:rotate(4deg)scale(1.12)}to{opacity:1;transform:rotate(2deg)scale(1)}}.lobby-genre-card:disabled{opacity:.5;cursor:not-allowed}.genre-label{letter-spacing:.12em;color:inherit;font-size:15px;font-weight:700}.genre-meta{color:#6a5a44;letter-spacing:.18em;font-size:11px}.lobby-btn{cursor:pointer;letter-spacing:.3em;white-space:nowrap;border:1px solid #1a1612;border-radius:0;padding:11px 22px 11px calc(22px + .3em);font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:13px;font-weight:700;transition:transform .12s,background .2s,box-shadow .2s}@media (width<=400px){.lobby-btn{letter-spacing:.18em;padding:10px 16px 10px calc(16px + .18em);font-size:12px}.lobby-actions{gap:8px}}.lobby-btn:disabled{opacity:.45;cursor:not-allowed}.lobby-btn-primary{color:#ede1c5;background:#1a1612}.lobby-btn-primary:hover:not(:disabled){background:#b8201a;border-color:#b8201a;transform:translateY(-1px);box-shadow:0 4px 14px #b8201a66}.lobby-btn-ghost{color:#1a1612;background:0 0}.lobby-btn-ghost:hover:not(:disabled){background:#ede1c5}.lobby-genre-tabs{grid-template-columns:repeat(4,1fr);gap:4px;width:100%;margin:4px 0 8px;display:grid}.lobby-genre-tab{letter-spacing:.12em;color:#5a4a36;cursor:pointer;background:#f5ecd9b3;border:1.5px solid #1a1612;border-bottom-width:4px;padding:8px 4px 8px calc(4px + .12em);font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:13px;font-weight:800;transition:background .12s,color .12s,transform 80ms}.lobby-genre-tab:hover:not(:disabled):not(.active){color:#1a1612;background:#ede1c5}.lobby-genre-tab.active{color:#ede1c5;background:#1a1612;border-bottom-color:#b8201a;box-shadow:inset 0 0 0 1px #fffaeb2e,0 2px #b8201a66}.lobby-genre-tab:disabled{opacity:.5;cursor:not-allowed}.lobby-genre-grid-tabbed{grid-template-columns:1fr 1fr;gap:10px}.lobby-genre-grid-tabbed .lobby-genre-card{padding:14px 12px}.card-rod,.lobby-card:before{display:none}.card-paper{box-sizing:border-box;background:0 0;border:5px solid #0000;border-width:5px 22px;border-image:url(/img/scroll-card.webp) 5 22 fill/5px 22px;padding:16px 10px 16px 12px}.card-paper:before,.card-paper:after{display:none}.card-kanji{text-shadow:0 1px #fff0dc80,1px 2px 3px #1a161226}@media (width<=380px){.card-paper{padding:8px 8px 8px 10px}}.lbn-ridge{display:none}.lobby-bottom-nav .lbn-list{background:0 0;border-top:none;gap:8px;padding:10px 8px 14px}.lobby-bottom-nav .lbn-btn{box-shadow:none;filter:drop-shadow(0 3px 5px #1a161247);background:url(/img/wood-tag.webp) 50%/100% 100% no-repeat;border:none;min-height:78px;padding:14px 4px 12px;transition:transform .12s,filter .18s}.lobby-bottom-nav .lbn-btn:hover:not(:disabled){box-shadow:none;filter:drop-shadow(0 6px 9px #1a161259);transform:translateY(-2px)}.lobby-bottom-nav .lbn-btn:active:not(:disabled){box-shadow:none;filter:drop-shadow(0 2px 4px #1a161238);transform:translateY(0)}.lobby-bottom-nav .lbn-icon{color:#2a1c12;width:auto;height:auto;box-shadow:none;text-shadow:0 1px #fff0dc8c;letter-spacing:0;background:0 0;border:none;padding:0;font-size:22px;font-weight:900;transform:rotate(0)}.lobby-bottom-nav .lbn-label{color:#2a1c12;letter-spacing:.2em;text-shadow:0 1px #fff0dc80;padding-left:.2em;font-size:11px;font-weight:800}.lobby-bottom-nav .lbn-btn.lbn-disabled{opacity:.55;box-shadow:none;background:url(/img/wood-tag.webp) 50%/100% 100% no-repeat}.lobby-bottom-nav .lbn-btn.lbn-disabled .lbn-icon{color:#5a4a36;background:0 0}.lobby-bottom-nav .lbn-btn.lbn-disabled .lbn-label{color:#5a4a36}.lobby-bottom-nav .lbn-btn.lbn-active .lbn-icon{box-shadow:none}.lobby-bottom-nav .lbn-coming{color:#2a1c12;background:#fffaebe0;border:1px solid #1a161266}@media (width<=380px){.lobby-bottom-nav .lbn-btn{min-height:66px;padding:12px 2px 10px}.lobby-bottom-nav .lbn-icon{font-size:19px}.lobby-bottom-nav .lbn-label{letter-spacing:.16em;padding-left:.16em;font-size:10px}}.lobby-friend-pick{flex-direction:column;gap:10px;width:100%;display:flex}.lobby-friend-pick .lobby-card{width:100%}.room-wait{z-index:2;flex-direction:column;align-items:center;width:100%;max-width:520px;margin:0 auto;padding:24px 16px 28px;display:flex;position:relative}.room-wait-title{letter-spacing:.16em;text-shadow:0 0 1px #1a161299,1px 2px #1a16121a;margin:0;font-size:38px;font-weight:900}.room-wait-mode{color:#b8201a;letter-spacing:.18em;margin:6px 0 2px;font-size:12px;font-weight:700}.room-wait-brush{opacity:.8;width:200px;height:12px;margin:8px 0 20px}.code-box{text-align:center;background:#f5ecd9;border:1px solid #1a1612;width:100%;margin-bottom:22px;padding:18px 22px 22px;box-shadow:inset 0 0 0 4px #ede1c5,inset 0 0 0 5px #1a161233,0 6px 18px #1a16121a}.code-box-label{letter-spacing:.4em;color:#5a4a36;margin-bottom:8px;font-size:12px}.code-box-value{letter-spacing:.4em;color:#1a1612;cursor:copy;text-align:center;background:0 0;border:none;width:100%;padding:6px 0;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:44px;font-weight:900}.code-box-value:hover{color:#b8201a}.code-box-hint{color:#7a6850;letter-spacing:.18em;margin-top:4px;font-size:11px}.players-pair{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;width:100%;margin-bottom:24px;display:grid}.player-slot{text-align:center;background:#f5ecd9;border:1px solid #1a1612;padding:16px 12px 14px;position:relative;box-shadow:inset 0 0 0 3px #ede1c5,inset 0 0 0 4px #1a16122e,0 3px 10px #1a161214}.player-slot.is-empty{opacity:.55;background:#e9ddc1}.player-slot.is-ready{border-color:#2f5a35;box-shadow:inset 0 0 0 3px #ede1c5,inset 0 0 0 4px #2f5a3566,0 3px 12px #2f5a3533}.player-role{margin-bottom:4px;font-size:26px;font-weight:900;line-height:1}.player-slot.is-ready .player-role{color:#2f5a35}.player-name{letter-spacing:.08em;color:#1a1612;word-break:break-word;margin-bottom:4px;font-size:14px;font-weight:700}.player-state{letter-spacing:.2em;color:#5a4a36;font-size:11px}.versus{letter-spacing:.16em;color:#b8201a;padding:0 4px;font-size:18px;font-weight:900}.room-wait-actions{justify-content:center;gap:10px;width:100%;margin-top:4px;display:flex}.room-btn{cursor:pointer;letter-spacing:.3em;border:1px solid #1a1612;border-radius:0;padding:12px 24px 12px calc(24px + .3em);font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:13px;font-weight:700;transition:transform .12s,background .2s,box-shadow .2s}.room-btn:disabled{opacity:.45;cursor:not-allowed}.room-btn-primary{color:#ede1c5;background:#1a1612;min-width:220px}.room-btn-primary:hover:not(:disabled){background:#b8201a;border-color:#b8201a;transform:translateY(-1px);box-shadow:0 4px 14px #b8201a66}.room-btn-ghost{color:#1a1612;background:0 0}.room-btn-ghost:hover:not(:disabled){background:#ede1c5}@media (width<=480px){.code-box-value{letter-spacing:.3em;font-size:36px}.players-pair{grid-template-columns:1fr auto 1fr;gap:8px}.versus{font-size:14px}.room-btn-primary{min-width:160px}}.sassi-grid{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:5px;width:100%;padding:6px 8px 4px;display:flex}.sassi-row{justify-content:center;gap:6px;transition:gap .25s;display:flex}.sassi-row.shake{animation:.42s ease-in-out sassi-shake}.sassi-cell{aspect-ratio:1;color:#1a1612;-webkit-user-select:none;user-select:none;background:#f5ecd9;border:2px solid #1a1612;flex:1 1 0;justify-content:center;align-items:center;min-width:0;max-width:min(56px,7dvh);font-family:Noto Serif JP,Hiragino Mincho ProN,Yu Mincho,serif;font-size:clamp(14px,5vw,28px);font-weight:700;transition:transform .15s,border-color .15s,box-shadow .2s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #fffaebcc,0 2px #1a161214,0 4px 12px #1a16120f}.sassi-row.is-past{gap:4px}.sassi-row.is-past .sassi-cell{border-width:1.5px;max-width:min(36px,4.5dvh);font-size:clamp(11px,3.5vw,18px)}.sassi-row.is-future{opacity:.5;gap:4px}.sassi-row.is-future .sassi-cell{max-width:min(32px,4dvh);box-shadow:none;border-width:1.5px;font-size:clamp(10px,3vw,14px)}.sassi-cell.state-empty:not(.has-char){border-color:#1a161259;box-shadow:inset 0 0 0 1px #fffaeb80}.sassi-cell.has-char{border-color:#1a1612;transform:scale(1.04);box-shadow:inset 0 0 0 1px #fffaebe6,0 0 0 1px #b8201a26,0 4px 14px #1a16122e}.sassi-cell.state-green{color:#ede1c5;background:radial-gradient(at 0 0,#ffffff26,#0000 70%),#2f5a35;border-color:#1a1612;box-shadow:inset 0 0 0 2px #1a161266,inset 0 0 0 3px #fffaeb2e,0 3px 12px #2f5a3566}.sassi-cell.state-yellow{color:#ede1c5;background:radial-gradient(at 0 0,#ffffff26,#0000 70%),#c08a14;border-color:#1a1612;box-shadow:inset 0 0 0 2px #1a161266,inset 0 0 0 3px #fffaeb2e,0 3px 12px #c08a1459}.sassi-cell.state-gray{color:#b8a890;background:radial-gradient(at 0 0,#ffffff14,#0000 70%),#4a4138;border-color:#1a1612;box-shadow:inset 0 0 0 2px #1a16124d,inset 0 0 0 3px #fffaeb14}.sassi-cell.reveal{transform-origin:50%;animation:.45s ease-out forwards sassi-reveal}@keyframes sassi-reveal{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes sassi-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.sassi-keyboard{padding:10px 10px max(10px, env(safe-area-inset-bottom));flex-direction:column;flex-shrink:0;gap:6px;width:100%;max-width:580px;margin:0 auto;display:flex}.sassi-keyboard-row{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.sassi-key{color:#1a1612;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f5ecd9;border:1px solid #1a1612;border-radius:0;flex:1 1 0;min-width:32px;height:52px;padding:0 4px;font-family:Noto Serif JP,Hiragino Mincho ProN,Yu Mincho,serif;font-size:18px;font-weight:700;transition:background .12s,transform 50ms,box-shadow .15s;position:relative;box-shadow:inset 0 0 0 1px #fffaebb3,0 2px #1a161266}.sassi-key:hover:not(:disabled){background:#ede1c5;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #fffaebe6,0 3px #1a161266,0 4px 8px #1a16122e}.sassi-key:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 0 0 1px #fffaeb99,0 0 #1a161200}.sassi-key:disabled{opacity:.45;cursor:not-allowed}.sassi-key.key-wide{letter-spacing:.08em;flex:2.4 1 0;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:19px}.sassi-key.key-enter{color:#ede1c5;background:#b8201a;border-color:#1a1612;box-shadow:inset 0 0 0 1px #ffe6d240,inset 0 0 0 2px #1a16124d,0 2px #1a161299}.sassi-key.key-enter:hover:not(:disabled){background:#8e1612;box-shadow:inset 0 0 0 1px #ffe6d24d,inset 0 0 0 2px #1a161266,0 3px #1a161299,0 4px 10px #b8201a66}.sassi-key.key-backspace{color:#ede1c5;background:#4a4138;border-color:#1a1612;box-shadow:inset 0 0 0 1px #fffaeb26,0 2px #1a161299}.sassi-key.key-backspace:hover:not(:disabled){background:#2c2620}.sassi-key.state-green{color:#ede1c5;text-shadow:0 1px #0006,0 0 6px #0000004d;background:#2f5a35;border-color:#1a1612;box-shadow:inset 0 0 0 1px #fffaeb33,0 2px #1a161280}.sassi-key.state-yellow{color:#ede1c5;text-shadow:0 1px #0006,0 0 6px #0000004d;background:#c08a14;border-color:#1a1612;box-shadow:inset 0 0 0 1px #fffaeb33,0 2px #1a161280}.sassi-key.state-gray{color:#a89a85;text-shadow:0 1px #00000080,0 0 6px #0006;background:#2c2620;border-color:#1a1612;box-shadow:inset 0 0 0 1px #0006,0 2px #00000080}.sassi-keyboard.numeric{max-width:380px;padding:6px 12px max(8px, env(safe-area-inset-bottom));gap:5px}.sassi-keyboard.numeric .sassi-keyboard-row{gap:5px}.sassi-key.key-numeric{flex:1 1 0;min-width:0;height:46px;font-size:20px;font-weight:700}@media (width<=480px){.sassi-key{min-width:28px;height:42px;font-size:16px}.sassi-key.key-wide{height:42px;font-size:16px}.sassi-key.key-numeric{height:42px;font-size:19px}.sassi-keyboard.numeric{padding:5px 10px max(6px, env(safe-area-inset-bottom));gap:4px}.sassi-keyboard.numeric .sassi-keyboard-row{gap:4px}}.sassi-keyboard.grouped{padding:10px 12px max(10px, env(safe-area-inset-bottom));position:relative}.sassi-keyboard.grouped .grouped-row-strip{gap:6px}.sassi-key.grouped-row-btn{flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:0;min-width:0;height:52px;padding:4px 0;font-size:20px;font-weight:800;line-height:1;display:inline-flex;position:relative}.sassi-key.grouped-row-btn .grouped-row-rep{letter-spacing:0;font-size:22px;font-weight:900}.sassi-key.grouped-row-btn .grouped-row-suffix{opacity:.7;letter-spacing:.16em;margin-top:1px;padding-left:.16em;font-size:9px;font-weight:700}.sassi-key.grouped-row-btn.is-open{color:#ede1c5;background:#b8201a;border-color:#1a1612;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffe6d24d,inset 0 0 0 2px #1a161266,0 0 0 2px #1a1612,0 4px #1a161299,0 6px 16px #b8201a80}.sassi-key.grouped-row-btn.is-open .grouped-row-suffix{color:#ede1c5;opacity:.9}.grouped-backdrop{z-index:90;background:#1a16122e;animation:.18s ease-out grouped-backdrop-fade;position:fixed;inset:0}@keyframes grouped-backdrop-fade{0%{opacity:0}to{opacity:1}}.grouped-popover{z-index:100;background:radial-gradient(80% 60% at 50% 30%,#fffaebe6 0%,#0000 75%),#fbf5e6;border:2px solid #1a1612;border-radius:10px;width:calc(100% - 16px);max-width:360px;padding:10px 12px 12px;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;animation:.22s cubic-bezier(.18,.89,.32,1.4) grouped-popover-in;position:absolute;bottom:calc(100% - 10px);left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 3px #ede1c5,inset 0 0 0 4px #1a161233,0 8px #1a16124d,0 14px 32px #1a161273}@keyframes grouped-popover-in{0%{opacity:0;transform:translate(-50%,12px)scale(.92)}60%{opacity:1;transform:translate(-50%,-2px)scale(1.02)}to{opacity:1;transform:translate(-50%)scale(1)}}.grouped-popover:after{content:"";border-top:11px solid #1a1612;border-left:11px solid #0000;border-right:11px solid #0000;width:0;height:0;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.grouped-popover:before{content:"";z-index:1;border-top:8px solid #fbf5e6;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.grouped-popover-head{border-bottom:1px dashed #1a161240;justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 2px 6px;display:flex}.grouped-popover-label{letter-spacing:.32em;color:#b8201a;padding-left:.32em;font-size:12px;font-weight:800}.grouped-popover-close{color:#1a1612;cursor:pointer;background:#ede1c5;border:1.5px solid #1a1612;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:12px;font-weight:900;line-height:1;display:inline-flex;box-shadow:0 2px #1a16124d}.grouped-popover-close:hover{color:#ede1c5;background:#b8201a;border-color:#1a1612}.grouped-popover-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.sassi-key.grouped-pop-key{flex:none;min-width:0;height:44px;padding:0;font-size:19px;font-weight:800}@media (width<=480px){.sassi-keyboard.grouped{padding:10px 10px max(10px, env(safe-area-inset-bottom))}.sassi-key.grouped-row-btn{height:56px}.sassi-key.grouped-row-btn .grouped-row-rep{font-size:22px}.sassi-key.grouped-row-btn .grouped-row-suffix{font-size:9px}.sassi-key.grouped-pop-key{height:48px;font-size:19px}.grouped-popover{padding:10px 10px 12px}}.sassi-keyboard.flick{padding:4px 30px max(6px, env(safe-area-inset-bottom));box-sizing:border-box;gap:4px;width:100%;max-width:460px;margin:0 auto}@media (width<=480px){.sassi-keyboard.flick{padding-left:28px;padding-right:28px}}.flick-row-strip{gap:4px}.sassi-keyboard.flick .flick-transform-row{grid-template-columns:1fr 1fr 1fr;gap:4px;margin-bottom:2px;display:grid}.sassi-keyboard.flick .flick-transform-row .flick-tool{flex-direction:row;gap:4px;width:100%;height:34px}.sassi-keyboard.flick .flick-transform-row .flick-tool-mark{font-size:18px;line-height:1}.sassi-keyboard.flick .flick-transform-row .flick-tool-sub{font-size:11px;line-height:1}.sassi-keyboard.flick.flick-3col{max-width:380px}.sassi-keyboard.flick.flick-3col .flick-row-strip{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.sassi-keyboard.flick.flick-3col .flick-tool,.sassi-keyboard.flick.flick-3col .flick-bs,.sassi-keyboard.flick.flick-3col .flick-enter{flex:1 1 0;width:100%;min-width:0}@media (width<=480px){.sassi-keyboard.flick.flick-3col .flick-row-strip{gap:5px}}.flick-key{color:#1a1612;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:#f5ecd9;border:1.5px solid #1a1612;flex:1 1 0;justify-content:center;align-items:center;min-width:0;height:52px;font-family:Noto Serif JP,Hiragino Mincho ProN,Yu Mincho,serif;font-size:22px;font-weight:800;transition:background .1s,transform 50ms,box-shadow .12s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #fffaebb3,0 2px #1a161266}.flick-key:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 0 0 1px #fffaeb80,0 0 #1a161200}.flick-key:disabled{opacity:.45;cursor:not-allowed}.flick-key.is-dragging{z-index:5;background:#ede1c5;transform:scale(1.06);box-shadow:inset 0 0 0 2px #b8201a40,0 4px #1a161280,0 8px 16px #1a16124d}.flick-key-center{z-index:1;position:relative}.flick-guide{pointer-events:none;z-index:10;position:absolute;inset:-54px}.flick-guide-cell{color:#1a1612;background:#f5ecd9f5;border:1.5px solid #1a1612;justify-content:center;align-items:center;width:44px;height:44px;font-family:Noto Serif JP,serif;font-size:22px;font-weight:800;transition:background 80ms,transform 80ms;display:flex;position:absolute;box-shadow:inset 0 0 0 1px #fffaebb3,0 3px #1a161273,0 6px 14px #1a161240}.flick-guide-up{top:0;left:50%;transform:translate(-50%,-10%)}.flick-guide-down{bottom:0;left:50%;transform:translate(-50%,10%)}.flick-guide-left{top:50%;left:0;transform:translate(-10%,-50%)}.flick-guide-right{top:50%;right:0;transform:translate(10%,-50%)}.flick-guide-cell.is-active{color:#ede1c5;transform-origin:50%;background:#b8201a;border-color:#1a1612}.flick-guide-up.is-active{transform:translate(-50%,-10%)scale(1.18)}.flick-guide-down.is-active{transform:translate(-50%,10%)scale(1.18)}.flick-guide-left.is-active{transform:translate(-10%,-50%)scale(1.18)}.flick-guide-right.is-active{transform:translate(10%,-50%)scale(1.18)}.flick-tools-row{gap:5px}.flick-tool{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:0;width:50px;height:50px;padding:0;font-family:Noto Serif JP,serif;display:flex}.flick-tool-mark{font-size:20px;font-weight:900;line-height:1}.flick-tool-sub{letter-spacing:.18em;color:#5a4a36;margin-top:-1px;padding-left:.18em;font-size:9px;font-weight:700}.flick-daku .flick-tool-mark{color:#1a1612}.flick-handaku .flick-tool-mark{color:#b8201a}.flick-koji .flick-tool-mark{font-size:18px}.flick-bs,.flick-enter{flex:1 1 0;height:50px;font-size:17px}@media (width<=480px){.flick-key{height:48px;font-size:20px}.flick-guide-cell{width:38px;height:38px;font-size:18px}.flick-guide{inset:-46px}.flick-tool{width:44px;height:44px}.flick-tool-mark{font-size:16px}.flick-bs,.flick-enter{height:48px;font-size:15px}.sassi-keyboard.flick .flick-transform-row .flick-tool{height:30px}.sassi-keyboard.flick .flick-transform-row .flick-tool-mark{font-size:15px}.sassi-keyboard.flick .flick-transform-row .flick-tool-sub{font-size:10px}}.banner-actions{justify-content:center;gap:10px;margin-top:4px;display:flex}.brand-mini{letter-spacing:.32em;color:#5a4a36;padding-left:8px;font-size:18px;font-weight:700}.sassi-btn-ghost{color:#1a1612!important;background:0 0!important;border-color:#1a1612!important}.sassi-btn-ghost:hover{color:#1a1612!important;background:#ede1c5!important}.banner-actions-stack{flex-direction:column;align-items:stretch;gap:8px;width:100%;max-width:320px;margin-top:14px;margin-left:auto;margin-right:auto;display:flex}.banner-actions-stack .sassi-btn{letter-spacing:.22em;text-align:center;box-sizing:border-box;width:100%;padding:12px 18px 12px calc(18px + .3em);font-size:13px}.sassi-btn-primary{box-shadow:inset 0 0 0 1px #ffe6d240,inset 0 0 0 2px #1a161240,0 4px 12px #b8201a52;color:#ede1c5!important;background:#b8201a!important;border-color:#b8201a!important}.sassi-btn-primary:hover{transform:translateY(-1px);background:#8e1612!important;border-color:#1a1612!important}.result-rating-delta{background:#fffaebb3;border:1.5px solid #1a1612;align-items:baseline;gap:8px;margin:6px auto 10px;padding:6px 14px 7px;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;animation:.45s cubic-bezier(.18,.89,.32,1.4) .3s both result-rating-delta-in;display:inline-flex;box-shadow:inset 0 0 0 2px #fffaeb99,0 2px #1a16122e}@keyframes result-rating-delta-in{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.result-rating-delta .rd-label{letter-spacing:.32em;color:#5a4a36;padding-left:.32em;font-size:10px;font-weight:800}.result-rating-delta .rd-num{font-family:Noto Serif JP,serif;font-size:24px;font-weight:900;line-height:1}.result-rating-delta.is-up{border-color:#2f5a35}.result-rating-delta.is-up .rd-num,.result-rating-delta.is-up .rd-label{color:#2f5a35}.result-rating-delta.is-down{border-color:#b8201a}.result-rating-delta.is-down .rd-num,.result-rating-delta.is-down .rd-label{color:#b8201a}.banner-kanji-win-pair{letter-spacing:.04em;padding-left:.04em;font-size:64px;line-height:1}@media (width<=480px){.banner-kanji-win-pair{font-size:52px}.result-rating-delta .rd-num{font-size:20px}}.rematch-agreement{flex-direction:column;align-items:stretch;gap:8px;margin-top:6px;display:flex}.rematch-same-btn{position:relative}.rematch-same-count{color:#b8201a;letter-spacing:0;background:#ede1c5;border:1.5px solid #1a1612;justify-content:center;align-items:center;min-width:24px;height:22px;margin-left:10px;padding:0 6px;font-family:Noto Serif JP,serif;font-size:13px;font-weight:900;display:inline-flex;box-shadow:inset 0 0 0 1px #fffaebb3}.rematch-agreement.is-waiting{animation:1.4s ease-in-out infinite rematch-waiting-pulse}@keyframes rematch-waiting-pulse{0%,to{opacity:.92}50%{opacity:1}}.rematch-status{letter-spacing:.16em;color:#1a1612;justify-content:center;align-items:baseline;gap:6px;margin:4px 0 8px;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:13px;font-weight:800;display:flex}.rematch-count{color:#b8201a;margin:0 2px 0 4px;font-family:Noto Serif JP,serif;font-size:22px;font-weight:900;line-height:1}.rematch-count-unit{letter-spacing:.18em;color:#5a4a36;font-size:11px;font-weight:700}.rematch-agreement.is-expired .rematch-status{color:#b8201a;letter-spacing:.22em;padding-left:.22em}.sassi-header-multi{padding-top:6px}.multi-versus{grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;width:100%;max-width:420px;margin-bottom:2px;display:grid}.multi-player{-webkit-backdrop-filter:blur(2px);text-align:center;background:#f5ecd9b3;border:1px solid #1a1612;flex-direction:row;justify-content:center;align-items:center;gap:6px;min-width:0;padding:3px 6px;display:flex;box-shadow:inset 0 0 0 1.5px #ede1c5,0 1px #1a16122e}.multi-player.is-gone{opacity:.5}.multi-player-role{display:none}.multi-player-name{letter-spacing:.04em;color:#1a1612;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;font-weight:800;overflow:hidden}.multi-player-opponent .multi-player-name{color:#b8201a}.multi-player-meta{color:#5a4a36;letter-spacing:.06em;white-space:nowrap;font-size:10px}.multi-summary{color:#2f5a35;margin-left:4px;font-weight:700;display:inline-block}.multi-vs-mark{letter-spacing:.16em;color:#b8201a;align-items:center;padding:0 2px;font-size:13px;font-weight:900;display:flex}.multi-error{color:#b8201a;letter-spacing:.06em;background:#b8201a14;border:1px solid #b8201a;margin:10px auto;padding:10px 16px;font-size:13px}.sassi-banner-draw{background:linear-gradient(#fbf5e6 0%,#ede1c5 100%);border-color:#5a4a36}.sassi-banner-draw .banner-kanji{color:#5a4a36}.banner-reason{letter-spacing:.12em;color:#3a2f24;margin:0 0 4px;font-size:14px}.banner-answer{color:#5a4a36;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin:0 0 14px;font-size:13px;line-height:1.6;display:flex}.banner-answer strong{color:#1a1612;border-bottom:2px solid #b8201a;margin:0 4px;padding:0 4px 2px;font-size:17px}@media (width<=480px){.multi-versus{gap:6px}.multi-player{padding:10px 8px 8px}.multi-player-name{font-size:12px}.multi-vs-mark{font-size:18px}}.turn-timer{color:#ede1c5;letter-spacing:.1em;background:#1a1612;border-radius:3px;justify-content:center;align-items:baseline;gap:5px;width:max-content;max-width:90%;margin:2px auto 4px;padding:3px 12px;font-family:Noto Serif JP,serif;transition:background .2s,transform .2s;display:flex;box-shadow:inset 0 0 0 1.5px #fffaeb33,0 2px #00000059,0 3px 8px #1a161238}.turn-timer-label{letter-spacing:.14em;opacity:.85;font-size:10px;font-weight:700}.turn-timer-num{text-align:center;text-shadow:0 1px 2px #0006;min-width:18px;font-size:16px;font-weight:900;line-height:1}.turn-timer-unit{opacity:.85;font-size:10px;font-weight:700}.turn-timer-note{letter-spacing:.22em;color:#f5d56e;margin-left:8px;font-size:11px;font-weight:700}.turn-timer.urgent{background:#b8201a;animation:.7s ease-in-out infinite turn-timer-pulse;box-shadow:inset 0 0 0 2px #ffe6d259,0 3px #0006,0 4px 14px #b8201a80}.turn-timer.is-waiting{opacity:.92;background:#4a4138}@keyframes turn-timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.dual-grids{flex-direction:row;align-items:stretch;gap:6px;width:100%;max-width:480px;margin:0 auto;display:flex}.dual-grid{-webkit-backdrop-filter:blur(2px);background:radial-gradient(80% 60% at 50% 30%,#fffaeb8c 0%,#0000 75%),#fbf5e699;border:1.5px solid #1a1612;flex-direction:column;flex:1 1 0;align-items:stretch;gap:2px;min-width:0;padding:4px 4px 5px;display:flex;position:relative;box-shadow:inset 0 0 0 2px #ede1c5b3,0 2px #1a161226,0 4px 12px #1a161224}.dual-grid-you,.dual-grid-opp{max-width:100%}.dual-grid-opp{opacity:.96}.dual-grid .sassi-grid{gap:3px;padding:3px 4px 2px}.dual-grid .sassi-row{gap:3px}.dual-grid .sassi-cell{max-width:42px;font-size:clamp(11px,3.4vw,18px)}.dual-grid .sassi-row.is-past .sassi-cell{max-width:28px;font-size:clamp(9px,2.6vw,13px)}.dual-grid .sassi-row.is-future .sassi-cell{max-width:26px;font-size:clamp(8px,2.4vw,12px)}.dual-grid-you{box-shadow:inset 4px 0 #2f5a35,inset 0 0 0 2px #ede1c5b3,0 2px #1a161226,0 4px 12px #1a161224}.dual-grid-opp{box-shadow:inset -4px 0 #b8201a,inset 0 0 0 2px #ede1c5b3,0 2px #1a161226,0 4px 12px #1a161224}.dual-grid.is-finished{opacity:.85}.dual-grid.is-gone{opacity:.4;filter:grayscale(.4)}.dual-grid-label{box-shadow:none;background:0 0;border:none;justify-content:center;margin:0 auto 3px;padding:0;display:flex}.dual-grid-seal{color:#ede1c5;letter-spacing:0;text-shadow:0 1px 1px #00000059;border:1.5px solid #1a1612;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 6px;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:18px;font-weight:900;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1px #fffaeb47,0 2px #00000059}.dual-grid-seal-you{background:#2f5a35}.dual-grid-seal-opp{background:#b8201a}.dual-grid-overlay{letter-spacing:.32em;color:#1a1612;-webkit-backdrop-filter:blur(3px);text-shadow:0 1px #fffaebd9;pointer-events:none;z-index:3;background:#f5ecd98c;justify-content:center;align-items:center;padding-left:.32em;font-family:Noto Serif JP,serif;font-size:13px;font-weight:900;display:flex;position:absolute;inset:24px 8px 12px}@media (width<=480px){.dual-grids{gap:4px;max-width:100%}.dual-grid{padding:3px 3px 4px}.dual-grid-seal{min-width:26px;height:26px;font-size:15px}.dual-grid .sassi-cell{max-width:38px}.turn-timer-num{font-size:18px}}.sassi-banner-overlay{position:relative}.sassi-banner-overlay-backdrop{z-index:40;-webkit-backdrop-filter:blur(3px)saturate(.85);background:#1a16128c;animation:.25s ease-out sassi-banner-backdrop-fade;position:fixed;inset:0}@keyframes sassi-banner-backdrop-fade{0%{opacity:0}to{opacity:1}}.sassi-banner.sassi-banner-modal{z-index:50;width:calc(100% - 32px);max-width:340px;margin:0;animation:.35s cubic-bezier(.18,.89,.32,1.28) sassi-banner-modal-in;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes sassi-banner-modal-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.85)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.04)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.series-match{flex-direction:column;align-items:center;width:100%;display:flex}.series-header{flex-direction:column;align-items:center;gap:2px;width:100%;max-width:640px;padding:2px 14px;display:flex}.series-round-bar{letter-spacing:.14em;color:#3a2f24;align-items:baseline;gap:6px;font-size:11px;display:flex}.series-round-label{color:#1a1612;border-bottom:1.5px solid #b8201a;padding-bottom:1px;font-size:13px;font-weight:800}.series-bo{color:#7a6850;letter-spacing:.18em;font-size:9px}.series-scoreboard{justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:360px;display:flex}.series-side{flex-direction:row;flex:1;justify-content:center;align-items:baseline;gap:4px;min-width:0;display:flex}.series-side-name{color:#3a2f24;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-size:11px;font-weight:700;overflow:hidden}.series-side-score{color:#1a1612;letter-spacing:-.04em;text-shadow:0 1px #1a16121a;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:20px;font-weight:900;line-height:1}.series-side-you .series-side-score,.series-side-opp .series-side-score{color:#1a1612}.series-versus{letter-spacing:.2em;color:#b8201a;font-size:16px;font-weight:700}.series-divider{opacity:.7;width:240px;height:12px;margin-top:4px}.pick-main{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-sizing:border-box;flex-direction:column;flex:auto;align-items:center;width:100%;max-width:640px;min-height:0;padding:8px 14px 14px;display:flex;overflow-y:auto}.pick-titles{text-align:center;margin-bottom:4px}.pick-title{letter-spacing:.12em;color:#1a1612;margin:0 0 2px;font-size:18px;font-weight:800}.pick-sub{color:#6a5a44;letter-spacing:.08em;margin:0;font-size:11px}.pick-banned-note{color:#b8201a;letter-spacing:.04em;margin-top:6px;font-size:12px}.pick-grid{grid-template-columns:repeat(2,1fr);gap:6px;width:100%;margin-bottom:6px;display:grid}.pick-card{-webkit-backdrop-filter:blur(2px);color:#1a1612;cursor:pointer;text-align:left;background:#fbf5e6db;border:1px solid #1a1612;flex-direction:column;gap:2px;padding:9px 12px;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;transition:background .12s,transform 80ms,box-shadow .18s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #fffaebb3,0 2px #1a161259}.pick-card:hover:not(:disabled){background:#ede1c5;transform:translateY(-1px)}.pick-card.active{color:#b8201a;background:radial-gradient(80% 60% at 50% 25%,#fffaebf2 0%,#0000 70%),#fbf5e6f2;border-width:2px;border-color:#b8201a;box-shadow:inset 0 0 0 2px #b8201a38,inset 0 0 0 4px #fffaebb3,0 4px #b8201a52,0 6px 18px #b8201a38}.pick-card.active .pick-card-label{color:#b8201a;text-shadow:0 1px #fffaebb3;font-weight:800}.pick-card.active .pick-card-meta{color:#6a5a44}.pick-card.banned{color:#7a6850;cursor:not-allowed;opacity:.5;background:#7a68502e;text-decoration:line-through}.pick-card-label{letter-spacing:.1em;font-size:15px;font-weight:700}.pick-card-meta{color:#6a5a44;letter-spacing:.05em;font-size:11px}.pick-card-banned{color:#b8201a;letter-spacing:.12em;background:#fffaebd9;border:1px solid #b8201a;padding:1px 4px;font-size:10px;position:absolute;top:4px;right:6px}.pick-opp-status{-webkit-backdrop-filter:blur(2px);letter-spacing:.08em;background:radial-gradient(80% 60% at 50% 30%,#fffaebc7 0%,#0000 75%),#fbf5e6d6;border:1.5px solid #1a1612;border-left:4px solid #b8201a;align-items:center;gap:10px;max-width:360px;margin:0 auto 8px;padding:6px 12px;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:12px;display:inline-flex;box-shadow:inset 0 0 0 2px #ede1c5,inset 0 0 0 3px #1a16122e,0 3px #1a16122e,0 5px 12px #1a161224}.pick-opp-label{color:#b8201a;letter-spacing:.24em;padding-left:.24em;font-size:10px;font-weight:700}.pick-opp-name{color:#1a1612;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:13px;font-weight:800;overflow:hidden}.pick-opp-state{color:#5a4a36;letter-spacing:.12em;margin-left:4px;font-size:12px;font-weight:700}.pick-opp-status.is-done{border-left-color:#2f5a35}.pick-opp-status.is-done .pick-opp-state,.pick-opp-status.is-done .pick-opp-label{color:#2f5a35}.pick-opp-status.is-gone{opacity:.7;border-left-color:#4a4138}.pick-opp-status.is-gone .pick-opp-state{color:#b8201a}.pick-opp-dots{letter-spacing:.1em;color:#b8201a;margin-left:1px;font-weight:800;animation:1.4s steps(4,end) infinite pick-opp-dots-anim;display:inline-block}@keyframes pick-opp-dots-anim{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.pick-card-check{color:#1a1612;letter-spacing:.12em;background:#d4a017;border-radius:2px;padding:2px 6px;font-size:9px;font-weight:800;position:absolute;top:4px;right:6px}.pick-headline{flex-direction:column;align-items:center;width:100%;max-width:560px;margin:18px auto 10px;padding:4px 0 0;display:flex;position:relative}.pick-headline-main{letter-spacing:.22em;color:#1a1612;text-align:center;-webkit-backdrop-filter:blur(2px);text-shadow:0 1px #fffaebb3,0 0 14px #f5ecd9cc;background:radial-gradient(80% 60% at 50% 35%,#fffaebc7 0%,#0000 75%),#fbf5e6d9;border-top:2px solid #1a1612;border-bottom:2px solid #1a1612;width:calc(100% - 24px);max-width:440px;margin:0;padding:10px 22px 11px;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:22px;font-weight:900;animation:.55s cubic-bezier(.18,.89,.32,1.28) pick-headline-in;position:relative;box-shadow:inset 0 0 0 4px #ede1c5,inset 0 0 0 5px #1a161233,0 4px #1a161238,0 8px 20px #1a16122e}@keyframes pick-headline-in{0%{opacity:0;transform:translateY(-14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.pick-headline-count{color:#b8201a;letter-spacing:-.04em;text-shadow:0 1px #fffaebcc;border-bottom:2.5px solid #b8201a;margin:0 2px;padding:0 4px;font-size:1.4em;font-weight:900;display:inline-block}.pick-headline-deco{color:#b8201a;letter-spacing:.1em;opacity:.8;margin:0 6px;font-weight:900;display:inline-block}.pick-timer-row{box-sizing:border-box;justify-content:flex-end;width:100%;max-width:560px;margin-bottom:-8px;padding:0 8px;display:flex}.pick-timer{color:#ede1c5;letter-spacing:.08em;z-index:4;background:#1a1612;border-radius:4px;justify-content:center;align-items:baseline;gap:6px;min-width:72px;padding:8px 14px;transition:background .2s,transform .2s;display:inline-flex;position:relative;box-shadow:inset 0 0 0 2px #fffaeb40,inset 0 0 0 3px #1a161280,0 4px #0006,0 6px 14px #1a16124d}.pick-timer.urgent{background:#b8201a;animation:.7s ease-in-out infinite pick-timer-pulse;box-shadow:inset 0 0 0 2px #ffe6d266,inset 0 0 0 3px #1a161280,0 4px #0006,0 6px 20px #b8201a8c}.pick-timer.is-done{opacity:.4}@keyframes pick-timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.pick-timer-num{text-align:center;text-shadow:0 2px 4px #0006;min-width:32px;font-family:Noto Serif JP,serif;font-size:36px;font-weight:900;line-height:1}.pick-timer-unit{letter-spacing:.22em;opacity:.9;font-size:13px;font-weight:700}.pick-sub-hint{letter-spacing:.12em;color:#7a6850;opacity:.75;font-size:10px}@media (width<=480px){.pick-headline{margin-bottom:10px}.pick-headline-main{letter-spacing:.16em;width:calc(100% - 12px);padding:8px 14px 9px;font-size:17px}.pick-headline-deco{margin:0 4px}.pick-timer{min-width:64px;padding:6px 12px}.pick-timer-row{margin-bottom:-6px;padding:0 4px}.pick-timer-num{font-size:24px}.pick-timer-unit{font-size:11px}}.pick-footer{width:100%;padding:6px 0 calc(6px + env(safe-area-inset-bottom));z-index:5;justify-content:center;align-items:center;gap:14px;margin-top:auto;display:flex;position:sticky;bottom:0}.pick-count{color:#3a2f24;letter-spacing:.08em;font-size:14px;font-weight:700}.pick-waiting{text-align:center;color:#3a2f24;letter-spacing:.08em;margin-top:14px;font-size:14px}.pick-waiting p{margin:0}.pick-error{color:#b8201a;letter-spacing:.05em;margin-top:8px;font-size:13px;font-weight:700}.series-round-main{flex-direction:column;align-items:center;width:100%;max-width:640px;padding:2px 14px 8px;display:flex}.series-round-meta{border-bottom:1px solid #1a16122e;justify-content:space-between;align-items:center;gap:6px;width:100%;max-width:420px;margin-bottom:3px;padding:3px 0 4px;display:flex}.series-side-mini{letter-spacing:.04em;color:#3a2f24;flex-direction:row;align-items:baseline;gap:4px;min-width:0;font-size:10px;display:flex}.series-side-mini.is-gone{opacity:.5}.mini-name{white-space:nowrap;text-overflow:ellipsis;max-width:90px;font-size:11px;font-weight:800;overflow:hidden}.mini-attempts{color:#6a5a44;letter-spacing:.04em;white-space:nowrap;font-size:9px}.series-genre-pill{color:#ede1c5;letter-spacing:.1em;background:#1a1612;border:1px solid #b8201a;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.theme-chip{color:#d4a017;letter-spacing:.05em;border-left:1px solid #d4a01799;padding-left:4px;font-size:10px}.series-self-finished{text-align:center;color:#3a2f24;background:#1a16120f;border-left:3px solid #1a1612;margin:8px 0;padding:8px 14px;font-size:13px}.series-intermission-main{flex-direction:column;align-items:center;width:100%;max-width:480px;padding:20px 16px;display:flex}.series-score-row{color:#3a2f24;letter-spacing:.08em;margin:8px 0 4px;font-size:14px}.series-score-row strong{color:#1a1612;font-size:18px}.series-ended-note{color:#b8201a;letter-spacing:.06em;margin-top:8px;font-size:12px}.series-over-main{flex-direction:column;align-items:center;width:100%;max-width:480px;padding:24px 16px;display:flex}.series-banner-kanji-large{font-size:120px!important}.series-over-headline{letter-spacing:.14em;margin:4px 0;font-size:22px;font-weight:800}.series-score-row-big strong{font-size:26px}.series-rounds-note{color:#6a5a44;letter-spacing:.1em;margin-top:4px;font-size:12px}.series-loading{color:#6a5a44;letter-spacing:.16em;margin:40px;font-size:14px}.lottery-main{flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:22px;width:100%;min-height:0;padding:28px 16px 32px;display:flex}.lottery-intro-main{gap:14px}.lottery-intro-title{opacity:1;align-items:center;gap:14px;padding:6px 10px 4px;animation:.55s cubic-bezier(.18,.89,.32,1.28) forwards lottery-intro-title-in;display:inline-flex}.lottery-intro-title-kanji{color:#1a1612;text-shadow:0 0 1px #1a1612b3,0 3px #b8201a80,0 6px 18px #1a161238,0 0 24px #ede1c5b3;letter-spacing:-.04em;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:64px;font-weight:900;line-height:1}.lottery-intro-title-meta{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.lottery-intro-title-sub{letter-spacing:.22em;color:#1a1612;text-shadow:0 1px #fffaebb3;padding-left:.22em;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:18px;font-weight:800}.lottery-intro-title-tag{letter-spacing:.32em;color:#ede1c5;background:#b8201a;border:1.5px solid #1a1612;padding:3px 10px 3px calc(10px + .32em);font-size:11px;font-weight:800;display:inline-block;box-shadow:inset 0 0 0 1.5px #ffe6d240,0 2px #1a161266}@keyframes lottery-intro-title-in{0%{opacity:0;transform:translateY(-10px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=480px){.lottery-intro-title-kanji{font-size:52px}.lottery-intro-title-sub{letter-spacing:.18em;padding-left:.18em;font-size:15px}.lottery-intro-title-tag{letter-spacing:.24em;padding:2px 8px 2px calc(8px + .24em);font-size:10px}}.lottery-intro-grid{flex-direction:column;align-items:stretch;gap:6px;width:92%;max-width:460px;display:flex}.lottery-intro-side{-webkit-backdrop-filter:blur(2px);background:radial-gradient(80% 60% at 50% 30%,#fffaebc7 0%,#0000 75%),#fbf5e6d6;border:1.5px solid #1a1612;grid-template-columns:auto 1fr;align-items:center;gap:14px;min-width:0;padding:12px 14px;display:grid;box-shadow:inset 0 0 0 2px #ede1c5,inset 0 0 0 3px #1a161233,0 3px #1a16122e,0 6px 16px #1a16122e}.lottery-intro-you{animation:.45s cubic-bezier(.16,1,.3,1) both lottery-intro-side-from-left;box-shadow:inset 4px 0 #2f5a35,inset 0 0 0 2px #ede1c5,inset 0 0 0 3px #1a161233,0 3px #1a16122e,0 6px 16px #1a16122e}.lottery-intro-opp{animation:.45s cubic-bezier(.16,1,.3,1) .1s both lottery-intro-side-from-right;box-shadow:inset -4px 0 #b8201a,inset 0 0 0 2px #ede1c5,inset 0 0 0 3px #1a161233,0 3px #1a16122e,0 6px 16px #1a16122e}@keyframes lottery-intro-side-from-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes lottery-intro-side-from-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.lottery-intro-role{letter-spacing:.18em;color:#1a1612;text-shadow:0 1px #fffaebb3;flex-direction:column;align-items:flex-start;gap:1px;min-width:64px;padding-left:.18em;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:15px;font-weight:900;display:flex}.lottery-intro-you .lottery-intro-role{color:#2f5a35}.lottery-intro-opp .lottery-intro-role{color:#b8201a}.lottery-intro-role-sub{letter-spacing:.18em;color:#5a4a36;opacity:.9;margin-top:2px;padding-left:.18em;font-size:10px;font-weight:700}.lottery-intro-list{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.lottery-intro-chip{box-sizing:border-box;letter-spacing:.08em;color:#1a1612;text-align:center;opacity:0;background:#fff;border:1.5px solid #1a1612;flex:0 auto;min-width:96px;padding:8px 14px;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:15px;font-weight:800;animation:.4s cubic-bezier(.18,.89,.32,1.28) both lottery-intro-chip-in;transform:scale(.85)}@keyframes lottery-intro-chip-in{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.lottery-intro-vs{color:#b8201a;letter-spacing:.1em;text-shadow:0 1px #fffaebcc,0 0 12px #b8201a73;justify-content:center;align-self:center;align-items:center;margin:2px 0;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:20px;font-weight:900;animation:.4s cubic-bezier(.18,.89,.32,1.5) .4s both lottery-intro-vs-in;display:flex}@keyframes lottery-intro-vs-in{0%{opacity:0;transform:scale(.5)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}.lottery-intro-cue{letter-spacing:.3em;color:#1a1612;text-shadow:0 1px #fffaebd9;background:#f5ecd9d9;border:1px solid #1a16128c;margin:0;padding:4px 14px 4px calc(14px + .3em);font-size:13px;font-weight:800;animation:1.2s ease-in-out 1.4s infinite lottery-intro-cue-blink;display:inline-block;box-shadow:inset 0 0 0 1px #fffaebb3,0 2px #1a161233}@keyframes lottery-intro-cue-blink{0%,to{opacity:.88}50%{opacity:1}}.lottery-headline{letter-spacing:.42em;color:#1a1612;text-shadow:0 0 12px #ede1c5d9;margin:0;padding-left:.42em;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:18px;font-weight:800}.lottery-window{-webkit-backdrop-filter:blur(2px);background:radial-gradient(80% 60%,#fffaebc7 0%,#0000 70%),#fbf5e6db;border:2.5px solid #1a1612;border-radius:12px;width:86%;max-width:360px;height:80px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #ede1c5,inset 0 0 0 4px #1a161247,inset 0 0 30px #1a16121f,0 4px #1a161240,0 10px 28px #1a161238}.lottery-window-frame{pointer-events:none;z-index:5;background:linear-gradient(#1a16122e 0%,#0000 22% 78%,#1a16122e 100%);border-radius:12px;position:absolute;inset:0}.lottery-window-marker{color:#b8201a;z-index:6;pointer-events:none;text-shadow:0 0 6px #b8201a99;font-size:26px;font-weight:900;animation:.9s ease-in-out infinite lottery-marker-pulse;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.lottery-window-marker-right{left:auto;right:6px}@keyframes lottery-marker-pulse{0%,to{opacity:.85;transform:translateY(-50%)scale(1)}50%{opacity:1;transform:translateY(-50%)scale(1.18)}}.lottery-reel{will-change:transform;flex-direction:column;display:flex;position:absolute;top:0;left:0;right:0;transform:translateY(0)}.lottery-reel.stage-spinning{animation:lottery-spin var(--spin-ms,2.4s) cubic-bezier(.16, .78, .2, 1) forwards}@keyframes lottery-spin{0%{transform:translateY(0)}to{transform:translateY(var(--stop-y,0))}}.lottery-reel.stage-stopped,.lottery-reel.stage-go{transform:translateY(var(--stop-y,0))}.lottery-window-veil-top,.lottery-window-veil-bottom{pointer-events:none;z-index:4;height:18px;position:absolute;left:0;right:0}.lottery-window-veil-top{background:linear-gradient(#1a161259 0%,#0000 100%);top:0}.lottery-window-veil-bottom{background:linear-gradient(#0000 0%,#1a161259 100%);bottom:0}.lottery-cell{color:#1a1612;letter-spacing:.12em;text-shadow:0 1px #fffaeb99;background:0 0;border-bottom:1px dashed #1a16122e;flex-shrink:0;justify-content:center;align-items:center;height:80px;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:22px;font-weight:900;display:flex}.lottery-cell.is-chosen{color:#b8201a}.lottery-reel.stage-stopped .lottery-cell.is-chosen,.lottery-reel.stage-go .lottery-cell.is-chosen{animation:.6s ease-out lottery-chosen-glow}@keyframes lottery-chosen-glow{0%{text-shadow:0 0 #b8201a00;transform:scale(1)}40%{text-shadow:0 0 18px #b8201ab3;transform:scale(1.15)}to{text-shadow:0 0 8px #b8201a59;transform:scale(1)}}.lottery-cue{justify-content:center;align-items:center;min-height:36px;display:flex}.lottery-hint{letter-spacing:.32em;color:#5a4a36;padding-left:.32em;font-size:12px;font-weight:600}.lottery-go{letter-spacing:.32em;color:#ede1c5;-webkit-text-stroke:2.5px #1a1612;paint-order:stroke fill;text-shadow:0 2px #1a1612,0 4px #1a161299,0 8px 18px #b8201a99,0 0 24px #ffdcb480;opacity:1;padding-left:.32em;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:42px;font-weight:900;animation:.45s cubic-bezier(.18,.89,.32,1.4) forwards lottery-go-in}@keyframes lottery-go-in{0%{opacity:0;transform:scale(.4)rotate(-8deg)}60%{opacity:1;transform:scale(1.18)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (width<=480px){.series-side-score{font-size:36px}.pick-title{font-size:18px}.pick-card{padding:12px}.series-banner-kanji-large{font-size:84px!important}.lottery-headline{letter-spacing:.36em;font-size:15px}.lottery-cell{font-size:19px}.lottery-go{-webkit-text-stroke:2px #1a1612;font-size:34px}}.lottery-tappable{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.lottery-attribution{z-index:3;opacity:1;justify-content:center;margin:4px 0 6px;animation:.35s cubic-bezier(.18,.89,.32,1.28) both lottery-attr-in;display:flex;position:relative}.attr-badge{letter-spacing:.16em;color:#1a1612;background:#f5ecd9eb;border:1.5px solid #1a1612;align-items:center;gap:8px;padding:4px 12px 4px 6px;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:12px;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1.5px #fffaebb3,0 3px #1a16124d}.attr-mark{color:#ede1c5;border:1.5px solid #1a1612;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-family:Noto Serif JP,serif;font-size:14px;font-weight:900;display:inline-flex}.attr-mark-you{background:#2f5a35}.attr-mark-opp{background:#b8201a}.attr-badge.attr-you{border-color:#2f5a35}.attr-badge.attr-opp{border-color:#b8201a}.attr-badge.attr-both{border-color:#1a1612;padding-left:4px}.attr-text{padding-right:2px}@keyframes lottery-attr-in{0%{opacity:0;transform:translateY(-4px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.lottery-tap-hint{letter-spacing:.32em;color:#ede1c5;background:#1a1612c7;border:1px solid #1a1612;margin:8px 0 0;padding:3px 12px 3px calc(12px + .32em);font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:11px;font-weight:800;animation:1.6s ease-in-out infinite lottery-tap-hint-pulse;display:inline-block;box-shadow:inset 0 0 0 1px #fffaeb2e,0 2px #00000059}@keyframes lottery-tap-hint-pulse{0%,to{opacity:.82;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}}.pick-opp-tentative{background:#2f5a3529;border:2px solid #2f5a35bf;border-radius:6px;align-items:center;gap:10px;width:100%;max-width:460px;margin:2px auto 6px;padding:5px 12px 6px;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;display:flex}.pot-empty{color:#5a4a36;letter-spacing:.16em;text-align:center;flex:1;font-size:12px;font-style:italic;font-weight:700}.pot-label{letter-spacing:.22em;color:#ede1c5;white-space:nowrap;background:#2f5a35;border:1.5px solid #1a1612;flex:none;padding:3px 9px 3px calc(9px + .22em);font-size:12px;font-weight:900}.pot-list{flex-wrap:wrap;flex:1;gap:5px;margin:0;padding:0;list-style:none;display:flex}.pot-chip{color:#1a1612;letter-spacing:.04em;background:#fffaebd9;border:1.5px solid #2f5a35;border-radius:3px;align-items:center;padding:4px 10px 5px;font-size:13px;font-weight:800;display:inline-flex}@keyframes pot-chip-in{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media (width<=400px){.pick-opp-tentative{padding:4px 8px}.pot-label{font-size:8px}.pot-chip{padding:2px 6px;font-size:10px}}.pick-genre-tabs{grid-template-columns:repeat(4,1fr);gap:4px;width:100%;margin-bottom:4px;display:grid}.pick-genre-tab{color:#5a4a36;letter-spacing:.1em;cursor:pointer;background:#fbf5e680;border:1px solid #1a161266;padding:8px 4px;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:13px;font-weight:700;transition:background .12s,color .12s,border-color .12s;position:relative}.pick-genre-tab:hover:not(:disabled):not(.active){color:#1a1612;background:#fbf5e6cc}.pick-genre-tab.active{color:#1a1612;background:#c08a14;border-color:#1a1612}.pick-genre-tab:disabled{opacity:.55;cursor:not-allowed}.pick-genre-tab-dot{color:#b8201a;pointer-events:none;font-size:8px;line-height:1;position:absolute;top:3px;right:5px}.pick-selected{background:#c08a1429;border:1px solid #c08a1473;align-items:center;gap:8px;margin:6px 0 8px;padding:6px 10px;display:flex}.pick-selected-label{color:#c08a14;letter-spacing:.16em;white-space:nowrap;padding-left:.16em;font-size:11px;font-weight:800}.pick-selected-list{flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none;display:flex}.pick-selected-chip{color:#ede1c5;letter-spacing:.06em;cursor:pointer;background:#1a1612;border:none;align-items:center;gap:4px;padding:3px 8px;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:12px;font-weight:700;transition:background .12s;display:inline-flex}.pick-selected-chip:hover:not(:disabled){background:#b8201a}.pick-selected-chip:disabled{opacity:.55;cursor:not-allowed}.pick-selected-chip-x{opacity:.7;font-size:11px;line-height:1}.sassi-header-mm{text-align:center;padding:30px 16px 14px}.mm-brand-line{display:inline-flex}.mm-brand-kanji{color:#1a1612;text-shadow:0 0 1px #1a161299,0 4px 14px #1a16121f;font-family:Noto Serif JP,serif;font-size:60px;font-weight:900}.mm-title{letter-spacing:.5em;color:#1a1612;margin:8px 0 4px;padding-left:.5em;font-size:14px;font-weight:700}.mm-you{letter-spacing:.16em;color:#5a4a36;margin:0;font-size:12px}.mm-card{box-sizing:border-box;text-align:center;-webkit-backdrop-filter:blur(5px)saturate(1.05);background:radial-gradient(#fffaeb80 0%,#0000 80%),#f5ecd9c7;border:1px solid #1a1612;width:calc(100% - 40px);max-width:360px;margin:20px auto;padding:36px 28px 28px;box-shadow:inset 0 0 0 4px #ede1c5d9,inset 0 0 0 5px #1a161240,0 8px 28px #1a16122e}.mm-circles{width:120px;height:120px;margin:0 auto 20px;position:relative}.mm-circle{opacity:0;border:2px solid #1a1612;border-radius:50%;animation:2.4s ease-out infinite mm-ripple;position:absolute;inset:0}.mm-circle-1{animation-delay:0s}.mm-circle-2{animation-delay:.8s}.mm-circle-3{animation-delay:1.6s}@keyframes mm-ripple{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.05)}}.mm-circles:after{content:"";background:#b8201a;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;animation:1.4s ease-in-out infinite mm-pulse;position:absolute;top:50%;left:50%;box-shadow:0 0 18px #b8201a80}@keyframes mm-pulse{0%,to{opacity:.7;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.mm-message{color:#1a1612;letter-spacing:.18em;white-space:nowrap;text-overflow:ellipsis;min-height:24px;margin:0 0 14px;font-size:15px;font-weight:700;transition:opacity .3s;overflow:hidden}.mm-elapsed{color:#7a6850;letter-spacing:.16em;margin:4px 0 14px;font-size:12px}.mm-elapsed-label{margin-right:6px}.mm-elapsed-sec{color:#1a1612;margin:0 4px;font-family:Noto Serif JP,serif;font-size:22px;font-weight:900}.mm-elapsed-unit{font-size:11px}.mm-hint{color:#8a7a60;letter-spacing:.32em;margin:18px 0 22px;font-size:11px}.mm-actions{justify-content:center;display:flex}.mm-cancel-btn{color:#ede1c5;letter-spacing:.16em;background:#4a4138;border-color:#1a1612}.mm-cancel-btn:hover{background:#2c2620}@media (width<=480px){.mm-brand-kanji{font-size:48px}.mm-circles{width:96px;height:96px}.mm-card{max-width:320px;padding:28px 20px 24px}.mm-message{letter-spacing:.14em;font-size:14px}}.mm-matched-title{letter-spacing:.42em;color:#1a1612;margin-top:6px;padding-left:.42em;font-family:Noto Serif JP,serif;font-size:18px;font-weight:800;animation:.5s ease-out mm-matched-title-in}@keyframes mm-matched-title-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mm-scroll{filter:drop-shadow(0 8px 18px #1a161238);flex-direction:column;align-items:stretch;width:calc(100% - 24px);max-width:520px;margin:26px auto 8px;display:flex;position:relative}.mm-scroll-roller{z-index:3;background:repeating-linear-gradient(90deg,#00000014 0 2px,#0000 2px 7px),linear-gradient(#3a2a1c 0%,#2a1c12 40%,#1a120a 60%,#2a1c12 100%);border:1.5px solid #0e0805;height:22px;position:relative;box-shadow:inset 0 1px #ffdcb42e,inset 0 -2px #0006}.mm-scroll-cap{z-index:4;background:radial-gradient(circle at 30% 35%,#5a3a22 0%,#2a1c12 70%,#100804 100%);border:1.5px solid #0e0805;border-radius:6px;width:18px;height:36px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:inset 0 1px #ffdcb42e,0 3px 6px #0000004d}.mm-scroll-cap-l{left:-10px}.mm-scroll-cap-r{right:-10px}.mm-scroll-roller-top{box-shadow:inset 0 1px #ffdcb42e,inset 0 -2px #0006,0 3px 4px -2px #00000073}.mm-scroll-roller-bottom{box-shadow:inset 0 1px #ffdcb42e,inset 0 -2px #0006,0 -3px 4px -2px #00000073}.mm-scroll-paper{z-index:2;background:radial-gradient(80% 60% at 50% 40%,#fffaebd9 0%,#0000 75%),repeating-linear-gradient(90deg,#785a3c06 0 1px,#0000 1px 4px),#f5ecd9;border-left:1.5px solid #1a161266;border-right:1.5px solid #1a161266;flex-direction:column;gap:16px;padding:22px 14px;display:flex;position:relative;overflow:hidden}.mm-scroll-paper:before,.mm-scroll-paper:after{content:"";pointer-events:none;z-index:5;height:10px;position:absolute;left:0;right:0}.mm-scroll-paper:before{background:linear-gradient(#1a161252,#0000);top:0}.mm-scroll-paper:after{background:linear-gradient(#0000,#1a161252);bottom:0}.mm-vs-band{background:#fbf5e6;border:1.5px solid #1a1612;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;display:grid;position:relative;box-shadow:inset 0 0 0 3px #ede1c5,inset 0 0 0 4px #1a161238,0 4px 10px #1a16122e}.mm-vs-band:before{content:"";opacity:.85;background:currentColor;width:6px;position:absolute;top:0;bottom:0;left:0}.mm-vs-band-you{color:#2f5a35;animation:.65s cubic-bezier(.16,1,.3,1) both mm-band-from-left}.mm-vs-band-opp{color:#b8201a;animation:.65s cubic-bezier(.16,1,.3,1) .12s both mm-band-from-right}@keyframes mm-band-from-left{0%{opacity:0;transform:translate(-110%)}60%{opacity:1}to{opacity:1;transform:translate(0)}}@keyframes mm-band-from-right{0%{opacity:0;transform:translate(110%)}60%{opacity:1}to{opacity:1;transform:translate(0)}}.mm-band-role{letter-spacing:.24em;color:#ede1c5;background:currentColor;border:1px solid #1a1612;justify-content:center;align-items:center;min-width:44px;padding:4px 8px 4px calc(8px + .24em);font-size:11px;font-weight:800;display:inline-flex}.mm-band-role>*{color:#ede1c5}.mm-vs-band-you .mm-band-role{color:#ede1c5;background:#2f5a35}.mm-vs-band-opp .mm-band-role{color:#ede1c5;background:#b8201a}.mm-band-info{color:#1a1612;flex-direction:column;gap:3px;min-width:0;display:flex}.mm-band-name{letter-spacing:.06em;word-break:break-all;overflow-wrap:anywhere;font-size:16px;font-weight:800}.mm-band-stats{letter-spacing:.08em;color:#5a4a36;font-size:11px;font-weight:600}.mm-band-rating{color:#1a1612;flex-direction:column;align-items:center;min-width:56px;display:flex}.mm-band-rating-num{color:currentColor;font-family:Noto Serif JP,serif;font-size:26px;font-weight:900;line-height:1}.mm-vs-band-you .mm-band-rating-num{color:#2f5a35}.mm-vs-band-opp .mm-band-rating-num{color:#b8201a}.mm-band-rating-label{letter-spacing:.32em;color:#5a4a36;margin-top:2px;padding-left:.32em;font-size:9px;font-weight:700}.mm-vs-mark{pointer-events:none;z-index:4;animation:.5s cubic-bezier(.18,.89,.32,1.28) .55s both mm-vs-mark-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mm-vs-mark-text{letter-spacing:.02em;color:#ede1c5;-webkit-text-stroke:3px #1a1612;paint-order:stroke fill;text-shadow:0 2px #1a1612,0 4px #1a161299,0 8px 18px #b8201a8c,0 0 28px #ffdcb480;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:56px;font-weight:900;display:inline-block;transform:rotate(-6deg)}@keyframes mm-vs-mark-in{0%{opacity:0;transform:translate(-50%,-50%)rotate(-30deg)scale(.3)}60%{opacity:1;transform:translate(-50%,-50%)rotate(-2deg)scale(1.12)}to{opacity:1;transform:translate(-50%,-50%)rotate(-6deg)scale(1)}}.mm-versus-cue{text-align:center;letter-spacing:.32em;color:#5a4a36;margin:22px 0 0;font-size:13px;font-weight:600;animation:1.4s ease-in-out .9s infinite mm-versus-cue-pulse}@keyframes mm-versus-cue-pulse{0%,to{opacity:.5}50%{opacity:1}}@media (width<=480px){.mm-matched-title{letter-spacing:.28em;font-size:14px}.mm-scroll{width:calc(100% - 16px);margin-top:20px}.mm-scroll-paper{gap:14px;padding:18px 10px}.mm-vs-band{gap:10px;padding:12px}.mm-band-name{font-size:14px}.mm-band-stats{font-size:10px}.mm-band-rating-num{font-size:22px}.mm-band-role{min-width:36px;font-size:10px}.mm-vs-mark-text{-webkit-text-stroke:2.5px #1a1612;font-size:44px}}.opening{z-index:1000;color:#1a1612;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#1a1612;justify-content:center;align-items:center;font-family:Noto Serif JP,Hiragino Mincho ProN,Yu Mincho,serif;transition:opacity .6s,transform .6s;animation:.5s ease-out opening-fade-in;display:flex;position:fixed;inset:0;overflow:hidden}.opening.is-hiding{opacity:0;pointer-events:none;transform:scale(1.03)}.opening-bg-image{z-index:0;transform-origin:50% 52%;will-change:transform;background-image:url(/bg/opening_splash.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;animation:6s cubic-bezier(.22,.61,.36,1) forwards opening-bg-pan;position:absolute;inset:0}@keyframes opening-bg-pan{0%{transform:scale(1.35)}to{transform:scale(1)}}.opening-bg-veil{z-index:1;pointer-events:none;background:radial-gradient(70% 55% at 50% 48%,#f5ecd98c 0%,#ede1c54d 50%,#1a161273 100%),linear-gradient(#1a161240 0%,#1a161200 30% 70%,#1a161259 100%);position:absolute;inset:0}.opening-center{z-index:5;text-align:center;padding:40px 32px;animation:.9s cubic-bezier(.16,1,.3,1) opening-rise;position:relative}.opening-brand{align-items:center;gap:22px;display:inline-flex}.opening-kanji{color:#1a1612;letter-spacing:-.04em;text-shadow:0 0 2px #1a1612cc,1px 4px #1a16122e,0 14px 32px #1a161259,0 0 24px #f5ecd999;transform-origin:50%;will-change:transform, filter;font-size:168px;font-weight:900;line-height:1;animation:1.25s cubic-bezier(.18,1.05,.28,1) both opening-kanji-in;display:inline-block}.opening-romaji-line{margin-top:14px}.opening-romaji{letter-spacing:.62em;color:#3a2f24;text-shadow:0 1px 6px #f5ecd9b3;opacity:0;padding-left:.62em;font-size:26px;font-weight:700;animation:.8s .4s forwards opening-romaji-in}.opening-brush{opacity:0;width:320px;height:18px;margin:18px auto 14px;animation:.7s .7s forwards opening-brush-in;display:block}.opening-tagline{color:#1a1612;letter-spacing:.22em;text-shadow:0 1px 4px #f5ecd9cc;opacity:0;margin:6px 0 36px;font-size:15px;font-weight:500;animation:.7s .9s forwards opening-romaji-in}.opening-hint{letter-spacing:.42em;color:#1a1612;text-shadow:0 1px 4px #f5ecd9e6;opacity:0;background:#f5ecd98c;border-radius:999px;margin:0;padding:8px 16px;font-size:12px;font-weight:700;animation:.6s 1.4s forwards opening-hint-in,1.8s ease-in-out 2s infinite opening-hint-pulse;display:inline-block}@keyframes opening-fade-in{0%{opacity:0}to{opacity:1}}@keyframes opening-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes opening-kanji-in{0%{opacity:0;filter:blur(14px);transform:scale(.55)}55%{opacity:1;filter:blur()}80%{transform:scale(1.04)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes opening-romaji-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes opening-brush-in{0%{opacity:0;transform-origin:0;transform:scaleX(.3)}to{opacity:.85;transform-origin:0;transform:scaleX(1)}}@keyframes opening-hint-in{0%{opacity:0;transform:translateY(4px)}to{opacity:.95;transform:translateY(0)}}@keyframes opening-hint-pulse{0%,to{opacity:.6}50%{opacity:1}}@media (width<=480px){.opening-kanji{font-size:116px}.opening-romaji{letter-spacing:.45em;padding-left:.45em;font-size:20px}.opening-brush{width:240px;height:14px}.opening-tagline{letter-spacing:.16em;margin-bottom:28px;font-size:13px}.opening-hint{letter-spacing:.32em;padding:7px 14px;font-size:11px}}@media (height<=600px){.opening-kanji{font-size:104px}.opening-tagline{margin-bottom:20px}.opening-brush{margin:12px auto 8px}}.ranking{z-index:2;box-sizing:border-box;flex-direction:column;flex:auto;width:100%;max-width:560px;min-height:0;margin:0 auto;padding:18px 18px 22px;display:flex;position:relative}.ranking-header{flex-direction:column;align-items:center;padding-bottom:8px;display:flex;position:relative}.ranking-back{color:#1a1612;letter-spacing:.12em;cursor:pointer;background:0 0;border:1.5px solid #1a1612;border-radius:8px;padding:6px 12px;font-family:Noto Serif JP,serif;font-size:12px;font-weight:700;transition:background .15s;position:absolute;top:0;left:0}.ranking-back:hover{background:#ede1c5}.ranking-title-wrap{text-align:center}.ranking-title{letter-spacing:.32em;color:#1a1612;text-shadow:0 0 1px #1a161280,1px 2px #1a16121a,0 6px 14px #1a16121f;margin:0;padding-left:.32em;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:38px;font-weight:900;line-height:1.1}.ranking-brush{opacity:.85;width:180px;height:10px;margin:4px auto 6px;display:block}.ranking-sub{letter-spacing:.24em;color:#5a4a36;margin:0;padding-left:.24em;font-size:12px}.ranking-sub-num{color:#b8201a;margin:0 2px;font-family:Noto Serif JP,serif;font-size:14px;font-weight:800}.ranking-meta{letter-spacing:.12em;background:#f5ecd9b3;border-left:3px solid #b8201a;border-right:3px solid #b8201a;justify-content:center;align-items:baseline;gap:4px 10px;margin:10px 0 8px;padding:8px 14px;font-size:11px;display:flex}.ranking-meta-item{align-items:baseline;gap:6px;display:inline-flex}.ranking-meta-label{letter-spacing:.22em;color:#7a6850;font-size:10px;font-weight:700}.ranking-meta-value{color:#1a1612;font-family:Noto Serif JP,serif;font-size:13px;font-weight:800}.ranking-meta-divider{color:#b8a890;font-size:10px}.ranking-main{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex:auto;min-height:0;padding:6px 2px 12px;overflow-y:auto}.ranking-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rank-row{background:radial-gradient(90% 60% at 50% 30%,#fffaebb3 0%,#0000 70%),#fbf5e6;border:1.5px solid #1a1612;border-radius:10px;grid-template-columns:36px 44px 1fr auto;align-items:center;gap:10px;padding:10px 14px;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;transition:transform .12s;display:grid;position:relative;box-shadow:inset 0 1px #fffaebb3,inset 0 0 0 3px #ede1c5,inset 0 0 0 4px #1a161226,0 3px #1a16122e,0 5px 12px #1a16121f}.rank-row:hover{transform:translateY(-1px)}.rank-row.is-you{border-color:#b8201a;box-shadow:inset 0 1px #fffaebb3,inset 0 0 0 3px #ede1c5,inset 0 0 0 4px #b8201a73,0 3px #b8201a4d,0 6px 16px #b8201a33}.rank-row.is-you:after{content:"あなた";color:#ede1c5;letter-spacing:.2em;background:#b8201a;border-radius:4px;padding:2px 6px 2px calc(6px + .2em);font-size:9px;font-weight:800;position:absolute;top:-8px;right:10px;box-shadow:0 2px 4px #b8201a59}.rank-num{text-align:center;letter-spacing:-.04em;color:#1a1612;text-shadow:1px 2px #1a16121a,0 4px 6px #1a161214;font-family:Noto Serif JP,serif;font-size:26px;font-weight:900;line-height:1}.rank-num-gold{color:#b8201a;font-size:30px}.rank-num-silver{color:#4a4138;font-size:28px}.rank-num-bronze{color:#8b6a3a;font-size:26px}.rank-seal{background:radial-gradient(circle at 35% 30%,#ffdcc866 0%,#0000 55%),linear-gradient(#c92a22 0%,#b8201a 55%,#8e1612 100%);border:1.5px solid #1a1612;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;transform:rotate(-3deg);box-shadow:inset 0 0 0 1.5px #ffdcc859,inset 0 -1px #0000004d,0 2px 4px #b8201a4d}.rank-tier-gold .rank-seal{background:radial-gradient(circle at 35% 30%,#fff0c880 0%,#0000 55%),linear-gradient(#f3c14b 0%,#c08a14 60%,#8e6010 100%)}.rank-tier-silver .rank-seal{background:radial-gradient(circle at 35% 30%,#f0f0f073 0%,#0000 55%),linear-gradient(#c8c4be 0%,#8a8278 60%,#5a534a 100%)}.rank-tier-bronze .rank-seal{background:radial-gradient(circle at 35% 30%,#ffc8a066 0%,#0000 55%),linear-gradient(#b8814a 0%,#8b5e2c 60%,#5a3a18 100%)}.rank-seal-char{color:#ede1c5;text-shadow:0 1px #00000059;font-size:20px;font-weight:900;line-height:1}.rank-name-col{flex-direction:column;gap:2px;min-width:0;display:flex}.rank-name{color:#1a1612;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;overflow:hidden}.rank-record{letter-spacing:.08em;color:#5a4a36;font-size:10px;font-weight:600}.rank-rating-col{flex-direction:column;align-items:center;min-width:52px;display:flex}.rank-rating-num{color:#b8201a;font-family:Noto Serif JP,serif;font-size:20px;font-weight:900;line-height:1}.rank-tier-silver .rank-rating-num{color:#4a4138}.rank-tier-bronze .rank-rating-num{color:#8b6a3a}.rank-rating-label{letter-spacing:.24em;color:#7a6850;margin-top:2px;padding-left:.24em;font-size:9px;font-weight:700}.ranking-empty{text-align:center;color:#5a4a36;letter-spacing:.12em;background:#f5ecd966;border:1px dashed #1a16124d;border-radius:10px;max-width:320px;margin:40px auto;padding:24px 20px;font-family:Noto Serif JP,serif;font-size:13px}.ranking-empty p{margin:4px 0}.ranking-empty-sub{color:#7a6850;letter-spacing:.16em;font-size:11px}.ranking-spinner{border:3px solid #1a16122e;border-top-color:#b8201a;border-radius:50%;width:32px;height:32px;margin:6px auto 14px;animation:.9s linear infinite ranking-spin}@keyframes ranking-spin{to{transform:rotate(360deg)}}@media (width<=380px){.ranking{padding:14px 12px 18px}.ranking-title{letter-spacing:.28em;font-size:30px}.rank-row{grid-template-columns:30px 36px 1fr auto;gap:8px;padding:9px 10px}.rank-num{font-size:22px}.rank-num-gold{font-size:26px}.rank-num-silver{font-size:24px}.rank-num-bronze{font-size:22px}.rank-seal{width:32px;height:32px}.rank-seal-char{font-size:16px}.rank-rating-num{font-size:18px}}.ranking-tabs{gap:6px;width:100%;max-width:460px;margin:4px auto 0;padding:0 14px;display:grid}.ranking-tabs{box-sizing:border-box;gap:6px;width:100%;max-width:460px;margin:4px auto 0;padding:0 14px;display:grid}.ranking-tabs-metric{grid-template-columns:1fr 1fr}.ranking-tabs-period{grid-template-columns:1fr 1fr 1fr;margin-top:6px;margin-bottom:6px}.ranking-tab{color:#1a1612;letter-spacing:.16em;cursor:pointer;background:#fbf5e699;border:1.5px solid #1a1612;padding:8px 4px 8px calc(4px + .16em);font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:14px;font-weight:800;transition:background .12s,color .12s,transform 80ms}.ranking-tab.ranking-tab-sm{letter-spacing:.14em;padding:5px 2px 5px calc(2px + .14em);font-size:12px}.ranking-tab:hover:not(.is-active){background:#fbf5e6d9}.ranking-tab.is-active{color:#ede1c5;background:#b8201a;box-shadow:inset 0 0 0 1.5px #ffdcc859,0 2px #1a161259}.rank-seal-img{object-fit:cover;width:100%;height:100%;display:block}.rank-streak{color:#b8201a;letter-spacing:.06em;margin-left:6px;font-size:11px;font-weight:800}.sassi-app{color:#1a1612;background:#ede1c5;flex-direction:column;align-items:center;width:100%;max-width:560px;height:100dvh;min-height:100dvh;margin-inline:auto;font-family:Noto Serif JP,Hiragino Mincho ProN,Yu Mincho,serif;display:flex;position:relative;overflow:hidden;box-shadow:-1px 0 #1a161214,1px 0 #1a161214}.bg-image{z-index:0;background-color:#ede1c5;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .6s;position:absolute;inset:0}.bg-calm .bg-image{background-image:url(/bg/bushi_calm.webp)}.bg-action .bg-image{background-image:url(/bg/bushi_action.webp)}.bg-veil{z-index:1;pointer-events:none;background:radial-gradient(60% 50% at 50% 45%,#ede1c5c7 0%,#ede1c58c 40%,#ede1c540 70%,#ede1c500 100%);position:absolute;inset:0}@media (width>=900px){.bg-veil{background:radial-gradient(45% 55%,#ede1c5d1 0%,#ede1c599 45%,#ede1c533 80%,#ede1c500 100%)}}.bg-action .bg-veil{background:radial-gradient(60% 50% at 50% 45%,#ede1c5bf 0%,#ede1c580 40%,#3c14102e 75%,#3c141052 100%)}.sassi-app>header,.sassi-app>main,.sassi-app>footer,.sassi-app>.lobby,.sassi-app>.room-wait{z-index:2;position:relative}.sassi-header{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:640px;padding:30px 16px 14px;display:flex;position:relative}.game-home-btn{color:#ede1c5;letter-spacing:.14em;cursor:pointer;z-index:10;background:#1a1612c7;border:1px solid #1a1612;border-radius:3px;padding:4px 10px 5px calc(10px + .14em);font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:11px;font-weight:800;transition:background .12s,transform 80ms;position:absolute;top:6px;left:8px;box-shadow:0 2px #1a16124d}.game-home-btn:hover{background:#1a1612;transform:translateY(-1px)}.game-home-btn:active{box-shadow:none;transform:translateY(0)}.sassi-header-game{padding:12px 16px 6px}.sassi-header-game .brand-kanji{font-size:44px}.sassi-header-game .brand-mini{padding-left:4px;font-size:14px}.sassi-header-game .brand-divider-brush{width:200px;height:10px;margin:4px 0 2px}.sassi-header-game .sassi-phase{margin-top:2px}.sassi-header-game .sassi-theme-banner{margin:6px auto 0;padding:6px 28px 7px 14px}.sassi-header-game .sassi-theme-banner:after{width:14px}.sassi-header-game .sassi-theme-banner .theme-value{font-size:18px}.sassi-header-game .sassi-theme-banner .theme-label{font-size:12px}.sassi-brand{letter-spacing:.04em;align-items:center;gap:18px;display:inline-flex}.brand-kanji{color:#1a1612;text-shadow:0 0 1px #1a161299,1px 2px #1a161226,0 4px 8px #1a161226,0 0 24px #ede1c5e6;letter-spacing:-.04em;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:88px;font-weight:900;line-height:1}.sassi-seal{filter:drop-shadow(0 2px 4px #00000059);transform:rotate(8deg)}.brand-romaji-line{align-items:center;gap:10px;margin-top:8px;display:flex}.brand-romaji{color:#4a3a2a;letter-spacing:.5em;text-shadow:0 0 10px #ede1c5e6;padding-left:.5em;font-family:Noto Serif JP,serif;font-size:16px;font-weight:600}.brand-divider-brush{opacity:.85;width:280px;height:14px;margin:10px 0 8px}.sassi-tagline{color:#2a221a;letter-spacing:.18em;text-shadow:0 0 10px #ede1c5d9;margin:6px 0 4px;font-size:14px;font-weight:600}.sassi-phase{color:#5a4a36;letter-spacing:.32em;text-shadow:0 0 10px #ede1c5d9;margin:4px 0 0;font-size:11px}.sassi-theme-banner{z-index:2;background:radial-gradient(80% 60% at 40% 30%,#fffaebd9 0%,#0000 75%),repeating-linear-gradient(90deg,#785a3c08 0 1px,#0000 1px 4px),#fbf5e6;border-top:1.5px solid #1a1612;border-bottom:1.5px solid #1a1612;border-left:1px solid #1a161259;align-items:baseline;gap:10px;margin:2px auto;padding:5px 26px 6px 12px;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;display:inline-flex;position:relative;box-shadow:inset 4px 0 8px #1a161212,inset 0 1px #fffaebb3,0 2px #1a16122e}.sassi-theme-banner:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(#1a161247 0%,#1a16121a 35%,#1a16124d 60%,#1a16121f 85%,#1a161240 100%);width:3px;position:absolute;top:-2px;bottom:-2px;left:0}.sassi-theme-banner:after{content:"";z-index:4;pointer-events:none;background:repeating-linear-gradient(#00000014 0 2px,#0000 2px 7px),linear-gradient(90deg,#1a120a 0%,#3a2a1c 35%,#2a1c12 65%,#1a120a 100%);border:1.5px solid #0e0805;border-radius:3px;width:16px;position:absolute;top:-4px;bottom:-4px;right:-3px;box-shadow:inset 0 1px #ffdcb42e,inset 0 -1.5px #0006,-3px 0 6px #1a16122e,0 2px 4px #0000004d}.sassi-theme-banner .theme-label{color:#b8201a;letter-spacing:.3em;padding-left:.3em;font-size:13px;font-weight:700}.sassi-theme-banner .theme-value{color:#1a1612;letter-spacing:.14em;font-size:20px;font-weight:800}.sassi-main{z-index:2;flex-direction:column;flex:1;align-items:center;width:100%;min-height:0;padding:14px 0 20px;display:flex;position:relative}.sassi-app:has(.sassi-keyboard)>.sassi-main{justify-content:space-between;padding:4px 0 0}.sassi-banner{text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(#fffaebdb 0%,#f5ecd9b8 80%),#f5ecd9d1;border:1px solid #1a1612;max-width:380px;margin:16px auto;padding:22px 32px 24px;animation:.35s cubic-bezier(.18,.89,.32,1.28) sassi-pop;position:relative;box-shadow:inset 0 0 0 4px #ede1c5,inset 0 0 0 5px #1a161240,0 8px 28px #1a16124d}.sassi-banner:before,.sassi-banner:after{content:"";background:linear-gradient(90deg,#0000,#1a1612 30% 70%,#0000);width:60%;height:2px;position:absolute;left:50%;transform:translate(-50%)}.sassi-banner:before{top:-1px}.sassi-banner:after{bottom:-1px}.banner-kanji{letter-spacing:-.04em;text-shadow:0 0 1px,1px 2px #0000001a,0 6px 14px #0000002e;margin-bottom:6px;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:96px;font-weight:900;line-height:1}.sassi-banner p{color:#3a2f24;letter-spacing:.1em;margin:0 0 12px;font-size:14px}.sassi-banner-win .banner-kanji{color:#1a1612}.sassi-banner-lose .banner-kanji{color:#b8201a}.sassi-banner-lose strong{color:#1a1612;border-bottom:2px solid #b8201a;margin:0 4px;padding:0 4px 2px;font-size:18px}.sassi-btn{color:#ede1c5;cursor:pointer;letter-spacing:.3em;background:#1a1612;border:1px solid #1a1612;border-radius:0;padding:11px 28px 11px calc(28px + .3em);font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:13px;font-weight:700;transition:transform .12s,background .2s,box-shadow .2s;position:relative}.sassi-btn:hover{background:#b8201a;border-color:#b8201a;transform:translateY(-1px);box-shadow:0 4px 14px #b8201a66}.sassi-footer{color:#4a3a2a;letter-spacing:.32em;text-shadow:0 0 8px #ede1c5d9;z-index:2;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:640px;padding:14px 0 24px;font-size:11px;display:flex;position:relative}.footer-brush{opacity:.6;width:220px;height:12px}@keyframes sassi-pop{0%{opacity:0;transform:scale(.85)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=480px){.brand-kanji{font-size:64px}.sassi-seal{transform:rotate(8deg)scale(.85)}.brand-divider-brush{width:220px}.banner-kanji{font-size:72px}}.color-legend{letter-spacing:.08em;color:#2a1c12;-webkit-backdrop-filter:blur(2px);background:#fffaebc7;border:1.5px solid #1a16128c;border-radius:4px;align-items:center;gap:10px;margin:6px auto 4px;padding:6px 14px;font-family:Noto Serif JP,Hiragino Mincho ProN,serif;font-size:12px;display:inline-flex;box-shadow:inset 0 0 0 2px #fffaeb80}.cl-item{align-items:center;gap:3px;font-weight:700;display:inline-flex}.cl-swatch{vertical-align:middle;border:1px solid #1a1612;width:14px;height:14px;display:inline-block;box-shadow:inset 0 0 0 1px #fffaeb59}.cl-swatch-green{background:#2f5a35}.cl-swatch-yellow{background:#c08a14}.cl-swatch-gray{background:#2c2620}.cl-divider{color:#b8a890;padding:0 1px;font-size:9px}@media (width<=400px){.color-legend{gap:6px;padding:4px 8px;font-size:9px}.cl-swatch{width:12px;height:12px}}