.rakujan{--felt:#0f3a2e;--felt-deep:#08241c;--felt-line:#1c5444;--ivory:#f3eedf;--gold:#e8c46a;--vermil:#d2452f;--text:#e8efe7;--muted:#93b3a6;--panel:#0c2d24;--f-disp:"Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif;--f-ui:"Zen Kaku Gothic New","Hiragino Sans","Yu Gothic",sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.rakujan [hidden]{display:none!important}.rakujan{background:var(--felt-deep);color:var(--text);font-family:var(--f-ui);-webkit-user-select:none;user-select:none;touch-action:manipulation;background-image:radial-gradient(ellipse at 50% 35%, #12473a 0%, var(--felt-deep) 70%);overflow:hidden}.rakujan #app{box-sizing:border-box;flex-direction:column;align-items:center;gap:6px;max-width:460px;height:100%;margin:0 auto;padding-block:6px;padding-inline:16px;display:flex;position:relative}.rakujan #hud{font-variant-numeric:tabular-nums;flex-direction:column;gap:4px;width:100%;display:flex}.rakujan .hrow{justify-content:space-between;align-items:center;gap:8px;display:flex}.rakujan #kyoku{font-family:var(--f-disp);letter-spacing:.04em;white-space:nowrap;font-size:18px;font-weight:800}.rakujan #kyoku small{font-family:var(--f-ui);color:var(--muted);margin-left:4px;font-size:11px;font-weight:500}.rakujan .chips{align-items:center;gap:4px;display:flex}.rakujan .chip{background:var(--panel);border:1px solid var(--felt-line);white-space:nowrap;border-radius:3px;padding:2px 7px;font-size:12px}.rakujan .chip.oya{background:var(--vermil);border-color:var(--vermil);color:#fff;font-weight:700}.rakujan .hbtn{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--felt-line);cursor:pointer;border-radius:3px;padding:3px 8px;font-size:12px}.rakujan .hbtn:focus-visible,.rakujan .pb:focus-visible,.rakujan .mbtn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.rakujan .hbtn kbd{font-family:var(--f-ui);color:var(--muted);margin-right:3px;font-size:10px}.rakujan .stat{flex-direction:column;line-height:1.1;display:flex}.rakujan .stat span{letter-spacing:.12em;color:var(--muted);font-size:10px}.rakujan .stat b{font-family:var(--f-disp);font-size:20px;font-weight:800}.rakujan #score{color:var(--gold)}.rakujan .nextbox{align-items:center;gap:5px;display:flex}.rakujan .nextbox span{letter-spacing:.12em;color:var(--muted);font-size:10px}.rakujan #stage{flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.rakujan #field{border-radius:3px;display:block;box-shadow:0 0 0 2px #2b5e4f,0 0 0 5px #06180f,0 8px 24px #00000080}.rakujan #fx{pointer-events:none;position:absolute;overflow:hidden}.rakujan #flash{font-family:var(--f-disp);color:var(--gold);text-shadow:0 0 12px #000000e6,0 0 2px #000;white-space:nowrap;font-size:40px;font-weight:800;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.rakujan #flash.go{animation:.9s ease-out forwards flash}@keyframes flash{0%{opacity:0;transform:translate(-50%,-50%)scale(2.4)}20%{opacity:1;transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-70%)scale(1)}}.rakujan #big{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rakujan #bigText{writing-mode:vertical-rl;font-family:var(--f-disp);letter-spacing:0;color:#fff3c4;-webkit-text-stroke:2px #6b3a07;text-shadow:0 0 18px #ffc850e6,0 0 40px #ff782899;font-weight:800;line-height:1}.rakujan #bigText.go{animation:zoomout var(--bigms,2s) cubic-bezier(.15,.8,.3,1) forwards}@keyframes zoomout{0%{opacity:0;transform:scale(4)}22%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.rakujan #yaku{z-index:5;background:#04120db8;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding-inline:8px;display:flex;position:absolute;inset:0}.rakujan .yl{font-family:var(--f-disp);color:var(--ivory);text-shadow:0 2px #000,0 0 10px #000c;align-items:baseline;gap:14px;font-size:clamp(20px,6vw,28px);font-weight:800;animation:.32s cubic-bezier(.2,1.4,.4,1) both slam;display:flex}.rakujan .yl em{color:var(--gold);font-size:.62em;font-style:normal}.rakujan .yl.dora{color:#ffd9a0}.rakujan .yl.total{color:var(--gold);margin-top:10px;font-size:clamp(28px,9vw,40px)}.rakujan .yl.total em{color:var(--ivory)}.rakujan .yl.ym{color:#ffb3a3}@keyframes slam{0%{opacity:0;transform:scale(2.6)}60%{opacity:1;transform:scale(.92)}to{transform:scale(1)}}.rakujan .shake{animation:.25s linear shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px,2px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-2px,1px)}}.rakujan #handZone{flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.rakujan #handZone .lbl{letter-spacing:.3em;color:var(--muted);align-self:flex-start;font-size:10px}.rakujan #handCv{display:block}.rakujan #handRoute{color:var(--gold);min-height:1em;font-size:11px}.rakujan #flyCv{pointer-events:none;z-index:15;position:fixed;top:0;left:0}.rakujan #cpuPanel{box-sizing:border-box;background:var(--panel);border:1px solid var(--felt-line);cursor:pointer;border-radius:4px;flex-direction:column;gap:3px;width:100%;padding:4px 8px;display:flex}.rakujan .cpuHead{align-items:center;gap:6px;font-size:12px;display:flex}.rakujan .cpuHead b{font-family:var(--f-disp);font-size:14px;font-weight:800}.rakujan #cpuScore{font-family:var(--f-disp);font-variant-numeric:tabular-nums;margin-left:auto;font-size:16px;font-weight:800}.rakujan .tenpai{background:var(--vermil);color:#fff;border-radius:3px;padding:1px 6px;font-size:11px;font-weight:700;animation:.9s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}.rakujan .cpuRow{align-items:center;gap:6px;min-width:0;display:flex}.rakujan .lastLbl{color:var(--muted);margin-left:auto;font-size:10px}.rakujan #cpuField{margin:4px auto 0;display:none}.rakujan .peekHint{color:var(--muted);text-align:center;font-size:10px}.rakujan #peek{z-index:7;background:#030e0aeb;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.rakujan #turnMsg{text-align:center;font-family:var(--f-disp);color:var(--ivory);text-shadow:0 2px 8px #000;letter-spacing:.2em;font-size:22px;font-weight:800;position:absolute;top:45%;left:0;right:0}.rakujan .yl.who{color:var(--ivory);font-size:clamp(18px,5vw,24px)}.rakujan .yl.who.cpu{color:#ffb3a3}.rakujan .result{font-family:var(--f-disp);color:var(--ivory);font-size:48px;font-weight:800}.rakujan .result.win{color:var(--gold)}.rakujan .result.lose{color:#ffb3a3}.rakujan .vsline{font-variant-numeric:tabular-nums;justify-content:space-between;width:100%;max-width:240px;display:flex}.rakujan .vsline span{color:var(--muted)}.rakujan .vsline b{font-family:var(--f-disp);font-size:22px}.rakujan #wanpai{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.rakujan #wanpai .lbl{font-family:var(--f-disp);writing-mode:vertical-rl;color:var(--muted);letter-spacing:.2em;font-size:13px;font-weight:800}.rakujan #doraInfo{color:var(--muted);min-width:64px;font-size:11px;line-height:1.4}.rakujan #doraInfo b{color:var(--ivory);font-weight:700}.rakujan #pad{justify-content:space-between;align-items:center;gap:12px;width:100%;padding-bottom:4px;display:flex}.rakujan .dpad{grid-template-columns:repeat(3,var(--pb));grid-template-rows:repeat(3,var(--pb));--pb:44px;display:grid}.rakujan .pb{font:inherit;color:var(--text);cursor:pointer;touch-action:none;background:linear-gradient(#24584a,#163f34);border:1px solid #2e6b5a;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;display:flex;position:relative;box-shadow:0 3px #06180f}.rakujan .pb.on{background:linear-gradient(#2f6f5d,#1d5244);transform:translateY(2px);box-shadow:0 1px #06180f}.rakujan .pb .key{color:var(--gold);font-size:12px;font-weight:700;line-height:1}.rakujan .pb svg{width:16px;height:16px;fill:var(--ivory)}.rakujan .dpad .u{grid-area:1/2}.rakujan .dpad .l{grid-area:2/1}.rakujan .dpad .r{grid-area:2/3}.rakujan .dpad .d{grid-area:3/2}.rakujan .dpad .hub{background:#0b261e;border-radius:50%;grid-area:2/2;margin:10px}.rakujan .rot{align-items:center;gap:12px;display:flex}.rakujan .rot .pb{border-radius:50%;width:62px;height:62px}.rakujan .rot .pb .t{color:var(--ivory);font-size:11px}.rakujan .rot .pb.rl{margin-top:22px}.rakujan #screen{z-index:20;background:#030e0adb;justify-content:center;align-items:center;padding-inline:16px;display:flex;position:absolute;inset:0}.rakujan .card{text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:340px;display:flex}.rakujan .logo{font-family:var(--f-disp);letter-spacing:.08em;color:var(--ivory);text-shadow:0 0 24px #e8c46a59;font-size:64px;font-weight:800;line-height:1}.rakujan .logo-sub{letter-spacing:.3em;color:var(--muted);margin-top:-6px;font-size:12px}.rakujan .card h2{font-family:var(--f-disp);text-wrap:balance;margin:0;font-size:30px;font-weight:800}.rakujan .mbtn{width:100%;font:inherit;color:var(--felt-deep);background:var(--ivory);cursor:pointer;border:0;border-radius:4px;padding:12px;font-size:17px;font-weight:700;box-shadow:0 4px #a99d7c}.rakujan .mbtn small{color:#4c5a52;margin-top:2px;font-size:11px;font-weight:500;display:block}.rakujan .mbtn.ghost{color:var(--text);border:1px solid var(--felt-line);box-shadow:none;background:0 0}.rakujan .hs{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;line-height:1.7}.rakujan .hs b{color:var(--gold)}.rakujan .keys{color:var(--muted);font-size:11px;line-height:1.8}.rakujan .keys kbd{font-family:var(--f-ui);background:var(--panel);border:1px solid var(--felt-line);color:var(--ivory);border-radius:3px;padding:0 5px}.rakujan .final{font-family:var(--f-disp);color:var(--gold);font-variant-numeric:tabular-nums;font-size:44px;font-weight:800}.rakujan .newrec{color:var(--vermil);font-size:14px;font-weight:700}.rakujan .style{flex-direction:column;align-items:center;gap:8px;display:flex}.rakujan .slbl{letter-spacing:.15em;color:var(--muted);font-size:11px}.rakujan .seg{border:1px solid var(--felt-line);border-radius:4px;display:flex;overflow:hidden}.rakujan .seg button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:6px 16px;font-size:13px}.rakujan .seg button+button{border-left:1px solid var(--felt-line)}.rakujan .seg button[aria-pressed=true]{background:var(--gold);color:var(--felt-deep);font-weight:700}.rakujan .seg button:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}@media (width>=640px) and (aspect-ratio>=1){.rakujan #app{grid-template:"hud stage pad""wan stage pad""cpu stage pad"1fr"hand hand hand"/minmax(170px,240px) minmax(0,1fr) minmax(170px,240px);align-items:start;gap:10px 20px;max-width:none;display:grid}.rakujan #cpuPanel{cursor:default;grid-area:cpu}.rakujan #cpuField{display:block}.rakujan #cpuPanel .peekHint{display:none}.rakujan #handZone{grid-area:hand}.rakujan #hud{grid-area:hud;gap:12px;padding-top:8px}.rakujan #hud .hrow{flex-wrap:wrap;justify-content:flex-start;gap:10px 16px}.rakujan #kyoku,.rakujan .stat b{font-size:26px}.rakujan #stage{grid-area:stage;height:100%}.rakujan #wanpai{grid-area:wan;justify-content:flex-start}.rakujan #pad{flex-direction:column;grid-area:pad;justify-content:center;align-self:center;gap:28px}.rakujan .dpad{--pb:56px}.rakujan .rot .pb{width:72px;height:72px}}@media (height<=700px){.rakujan .dpad{--pb:38px}.rakujan .rot .pb{width:54px;height:54px}.rakujan .stat b{font-size:17px}}@media (prefers-reduced-motion:reduce){.rakujan .shake{animation:none}.rakujan .yl{animation-duration:10ms}}.rakujan{height:calc(100dvh - 68px);line-height:normal;position:relative;overflow:hidden}@media (width>=1024px){.rakujan{border-radius:8px;height:calc(100dvh - 48px)}}.rakujan *,.rakujan :before,.rakujan :after{box-sizing:revert}