:root{--color-bg: #F0EDE6;--color-surface: #FAFAF7;--color-ink: #1A1A1A;--color-blue-deep: #1B3A8C;--color-teal: #2BADA0;--color-green: #3DAA5C;--color-crimson: #8B1A2A;--color-coral: #E8534A;--color-salmon: #F07070;--color-brown: #7A3B1E;--color-grey: #8A8F98;--color-overlay: rgba(26, 26, 26, .85);--font-serif: "Noto Serif JP", "Georgia", serif;--font-sans: "DM Sans", system-ui, sans-serif;--radius-card: 6px;--radius-pile: 6px;--radius-button: 6px;--radius-sm: 4px;--radius-full: 9999px;--shadow-card: 0 2px 8px rgba(0,0,0,.1), 0 0 0 1px rgba(0,0,0,.06);--shadow-card-lift: 0 6px 20px rgba(0,0,0,.14), 0 0 0 1px rgba(43,173,160,.25);--shadow-sm: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px rgba(0,0,0,.08), 0 4px 6px rgba(0,0,0,.05);--card-w: 48px;--card-h: 68px;--card-gap: 4px;--tableau-overlap: 15px;--tableau-overlap-up: 25px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--board-padding: 6px;--controls-h: 140px;--dur-flip: .3s;--dur-move: .25s;--dur-deal: 40ms;--dur-shake: .3s;--dur-select: .15s;--dur-win: .4s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;height:100%;overflow:hidden}body{height:100%;background-color:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}#root{height:100%;display:flex;flex-direction:column}.scroll-area{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.wordmark{font-family:var(--font-serif);font-weight:700;font-size:22px;color:var(--color-surface);letter-spacing:.02em}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.tabular{font-variant-numeric:tabular-nums;font-family:var(--font-sans);font-weight:700}._pile_1f99m_1{width:var(--card-w);height:var(--card-h);border-radius:var(--radius-pile);border:2px dashed rgba(43,173,160,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}._ghostIcon_1f99m_13{width:28px;height:28px;opacity:.2;color:var(--color-teal)}._pile_1f99m_1._clickable_1f99m_20{cursor:pointer}._pile_1f99m_1._clickable_1f99m_20:active{border-color:#2bada0b3}._pileNoOutline_1f99m_28{border-color:transparent}._asanohaOverlay_1f99m_33{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%232BADA0' stroke-width='0.8' fill='none' opacity='0.5'%3E%3Cpath d='M12 0 L12 8 M12 16 L12 24 M0 12 L8 12 M16 12 L24 12'/%3E%3Cpath d='M12 8 L18.9 11.5 L12 15 L5.1 11.5 Z'/%3E%3Cpath d='M12 8 L5.1 4.5 M12 8 L18.9 4.5 M12 16 L5.1 19.5 M12 16 L18.9 19.5 M5.1 11.5 L0 8.5 M5.1 11.5 L0 14.5 M18.9 11.5 L24 8.5 M18.9 11.5 L24 14.5'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:24px 24px;opacity:.6;pointer-events:none}._backInset_1f99m_43{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:3px;border:1px solid rgba(43,173,160,.2);pointer-events:none}._card_13fho_1{width:var(--card-w);height:var(--card-h);perspective:700px;cursor:pointer;flex-shrink:0;position:relative}._inner_13fho_10{width:100%;height:100%;transform-style:preserve-3d;will-change:transform}._back_13fho_18{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-card);background-color:var(--color-blue-deep);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border:1px solid rgba(43,173,160,.3);box-shadow:var(--shadow-card)}._back_13fho_18:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg stroke='%232BADA0' stroke-width='0.8' fill='none' opacity='0.5'%3E%3Cpath d='M12 0 L12 8 M12 16 L12 24 M0 12 L8 12 M16 12 L24 12'/%3E%3Cpath d='M12 8 L18.9 11.5 L12 15 L5.1 11.5 Z'/%3E%3Cpath d='M12 8 L5.1 4.5 M12 8 L18.9 4.5 M12 16 L5.1 19.5 M12 16 L18.9 19.5 M5.1 11.5 L0 8.5 M5.1 11.5 L0 14.5 M18.9 11.5 L24 8.5 M18.9 11.5 L24 14.5'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:24px 24px;opacity:.6}._backInset_13fho_40{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:3px;border:1px solid rgba(43,173,160,.2)}._face_13fho_48{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-card);background-color:var(--color-surface);backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(180deg);box-shadow:var(--shadow-card);display:flex;flex-direction:column;overflow:hidden}._header_13fho_63{display:flex;flex-direction:row;align-items:center;gap:clamp(2px,calc(var(--card-w) * .04),4px);padding:clamp(3px,calc(var(--card-w) * .06),6px) clamp(3px,calc(var(--card-w) * .07),6px);color:var(--suit-color, var(--color-ink));flex-shrink:0}._headerValue_13fho_73{font-family:var(--font-serif);font-weight:700;font-size:clamp(10px,calc(var(--card-w) * .27),17px);letter-spacing:-.02em;line-height:1}._headerSuit_13fho_81{width:clamp(9px,calc(var(--card-w) * .21),14px);height:clamp(9px,calc(var(--card-w) * .21),14px);color:inherit;flex-shrink:0}._center_13fho_89{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}._centerSuit_13fho_97{width:calc(var(--card-w) * .58);height:calc(var(--card-w) * .58);color:var(--suit-color, var(--color-ink))}._faceCard_13fho_104{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2px,calc(var(--card-w) * .04),4px);text-align:center;padding:0 3px}._faceCardSuit_13fho_114{width:clamp(16px,calc(var(--card-w) * .38),26px);height:clamp(16px,calc(var(--card-w) * .38),26px);color:var(--suit-color, var(--color-ink));opacity:.25}._faceCardName_13fho_121{font-family:var(--font-serif);font-weight:700;font-size:clamp(7px,calc(var(--card-w) * .2),12px);color:var(--suit-color, var(--color-ink));line-height:1.2}._faceCardKanji_13fho_129{font-family:var(--font-serif);font-weight:400;font-size:clamp(6px,calc(var(--card-w) * .17),10px);color:var(--suit-color, var(--color-ink));opacity:.55;line-height:1}._selected_13fho_139 ._face_13fho_48{box-shadow:var(--shadow-card-lift)}@media(prefers-reduced-motion:reduce){._inner_13fho_10{will-change:auto}}._col_wojwd_1{width:var(--card-w);display:flex;flex-direction:column}._emptyCol_wojwd_9{width:var(--card-w);height:var(--card-h);border-radius:var(--radius-pile);border:2px dashed rgba(43,173,160,.35);flex-shrink:0;cursor:pointer}._afterDown_wojwd_22{margin-top:calc(var(--tableau-overlap) - var(--card-h))}._afterUp_wojwd_27{margin-top:calc(var(--tableau-overlap-up) - var(--card-h))}._overlay_20ydt_1{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg);z-index:200;display:flex;align-items:center;justify-content:center}._overlay_20ydt_1:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/bg-onboarding.jpg) center/cover no-repeat;opacity:.45;pointer-events:none}._content_20ydt_20{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:0;padding:40px 24px;text-align:center}._kanji_20ydt_31{font-family:var(--font-serif);font-weight:700;font-size:80px;line-height:1;color:var(--color-blue-deep);margin:0 0 8px}._title_20ydt_40{font-family:var(--font-serif);font-size:15px;font-weight:400;color:#1a1a1a61;letter-spacing:.08em;margin:0 0 48px}._question_20ydt_49{font-family:var(--font-sans);font-size:15px;font-weight:500;color:#1a1a1a8c;letter-spacing:.03em;margin:0 0 24px}._choices_20ydt_58{display:flex;gap:16px;align-items:center}._choice_20ydt_58{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;color:var(--color-surface);box-shadow:var(--shadow-md);transition:transform .12s ease-out,box-shadow .12s ease-out;font-family:var(--font-serif);font-weight:700;font-size:18px;letter-spacing:.1em}._choice_20ydt_58:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}._choice_20ydt_58:active{transform:scale(.93);box-shadow:var(--shadow-sm)}._choiceSen_20ydt_92{background:var(--color-blue-deep)}._choiceHaku_20ydt_96{background:var(--color-teal)}@media(prefers-reduced-motion:reduce){._choice_20ydt_58{transition:none}}._app_go0pf_1{display:flex;flex-direction:column;height:100%;background:var(--color-bg);overflow:hidden;padding:0 var(--board-padding) 0;gap:var(--card-gap);position:relative}._app_go0pf_1:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:var(--bg-image);background-size:cover;background-position:center top;opacity:.1;pointer-events:none;z-index:0}._header_go0pf_25{flex-shrink:0;height:calc(max(env(safe-area-inset-top,0px),0px) + 80px);display:flex;align-items:flex-end;padding-bottom:12px}._hud_go0pf_33{width:100%;display:flex;align-items:center;justify-content:space-between}._hudPill_go0pf_40{display:flex;align-items:baseline;gap:5px;background:#1a1a1a0f;border-radius:var(--radius-full);padding:6px 14px}._hudValue_go0pf_49{font-family:var(--font-sans);font-weight:600;font-size:15px;color:var(--color-ink);font-variant-numeric:tabular-nums;letter-spacing:.01em}._hudLabel_go0pf_58{font-family:var(--font-sans);font-weight:400;font-size:12px;color:#1a1a1a73}._sidebar_go0pf_66{display:flex;flex-direction:row;align-items:flex-start;gap:var(--card-gap);flex-shrink:0}._sidebarSep_go0pf_74{flex:1}._tableau_go0pf_79{display:flex;gap:var(--card-gap);align-items:flex-start;flex:1;overflow-y:auto;overflow-x:hidden;padding-top:8px;padding-bottom:calc(var(--controls-h) + 12px);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}._controls_go0pf_93{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:20px;padding-top:12px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 64px);background:linear-gradient(to top,var(--color-bg) 60%,transparent);pointer-events:none;z-index:10}._circleBtn_go0pf_109{pointer-events:all;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1.5px solid rgba(43,173,160,.28);background:#fafaf7f2;color:var(--color-teal);box-shadow:var(--shadow-sm);transition:background-color .1s ease-out,transform 80ms ease-out}._circleBtn_go0pf_109:hover{background:#2bada014}._circleBtn_go0pf_109:active{transform:scale(.91)}._circleBtn_go0pf_109:disabled{opacity:.28;cursor:default;transform:none}._circleBtnCenter_go0pf_129{pointer-events:all;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:var(--color-blue-deep);color:var(--color-surface);font-family:var(--font-serif);font-weight:700;font-size:22px;box-shadow:var(--shadow-md);letter-spacing:.04em;-webkit-user-select:none;user-select:none;transition:background-color .1s ease-out,transform 80ms ease-out}._circleBtnCenter_go0pf_129:active{transform:scale(.91)}@keyframes _statsSheetIn_go0pf_1{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}._statsOverlay_go0pf_158{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1a8c;z-index:90;display:flex;align-items:center;justify-content:center;padding:24px}._statsSheet_go0pf_169{background:var(--color-surface);border-radius:16px;padding:28px 24px 24px;width:100%;max-width:320px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;gap:4px;animation:_statsSheetIn_go0pf_1 .25s ease-out both}._statsKanji_go0pf_183{font-family:var(--font-serif);font-weight:700;font-size:32px;color:var(--color-blue-deep);line-height:1;margin-bottom:2px}._statsTitle_go0pf_192{font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:.1em;color:#1a1a1a59;text-transform:uppercase;margin-bottom:20px}._statsGrid_go0pf_202{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-bottom:20px}._statItem_go0pf_210{background:var(--color-bg);border-radius:10px;padding:14px 12px 12px;display:flex;flex-direction:column;align-items:center;gap:4px}._statValue_go0pf_220{font-family:var(--font-serif);font-weight:700;font-size:26px;color:var(--color-ink);line-height:1;font-variant-numeric:tabular-nums}._statLabel_go0pf_229{font-family:var(--font-sans);font-size:11px;font-weight:500;color:#1a1a1a66;letter-spacing:.04em}._statsWinRate_go0pf_237{width:100%;display:flex;flex-direction:column;gap:6px;margin-bottom:20px}._statsBar_go0pf_245{width:100%;height:6px;background:#1a1a1a14;border-radius:var(--radius-full);overflow:hidden}._statsBarFill_go0pf_253{height:100%;background:var(--color-teal);border-radius:var(--radius-full);transition:width .6s ease-out}._statsWinRateLabel_go0pf_260{font-family:var(--font-sans);font-size:12px;font-weight:500;color:#1a1a1a66;text-align:center}._statsClose_go0pf_268{font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--color-teal);background:none;border:1.5px solid rgba(43,173,160,.3);border-radius:var(--radius-button);padding:9px 28px;cursor:pointer;transition:background-color .1s ease-out}._statsClose_go0pf_268:hover{background:#2bada012}._statsClose_go0pf_268:active{background:#2bada024}._dailyBadge_go0pf_285{font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-blue-deep);background:#1b3a8c1a;border-radius:var(--radius-full);padding:3px 10px;white-space:nowrap}._statsTabs_go0pf_299{display:flex;gap:6px;width:100%;margin-bottom:20px}._statsTab_go0pf_299{flex:1;font-family:var(--font-sans);font-size:12px;font-weight:600;color:#1a1a1a66;background:var(--color-bg);border:none;border-radius:var(--radius-button);padding:8px 4px;cursor:pointer;letter-spacing:.02em;transition:background-color .1s ease-out,color .1s ease-out}._statsTabActive_go0pf_321{color:var(--color-blue-deep);background:#1b3a8c1a}._h2h_go0pf_327{width:100%;display:flex;flex-direction:column;gap:6px;margin-bottom:20px;min-height:100px}._h2hEmpty_go0pf_336{font-family:var(--font-sans);font-size:13px;color:#1a1a1a59;text-align:center;padding:24px 0;margin:0}._h2hRow_go0pf_345{display:flex;align-items:center;gap:10px;background:var(--color-bg);border-radius:var(--radius-sm);padding:11px 12px}._h2hRowSelf_go0pf_354{background:#1b3a8c12;outline:1.5px solid rgba(27,58,140,.18)}._h2hCode_go0pf_359{font-family:var(--font-serif);font-size:13px;font-weight:700;color:var(--color-ink);letter-spacing:.06em;display:flex;align-items:center;gap:6px;min-width:78px}._h2hYou_go0pf_371{font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--color-blue-deep);background:#1b3a8c1f;border-radius:var(--radius-full);padding:2px 7px;text-transform:uppercase}._h2hTime_go0pf_383{font-family:var(--font-sans);font-size:15px;font-weight:600;color:var(--color-ink);font-variant-numeric:tabular-nums;flex:1}._h2hMoves_go0pf_392{font-family:var(--font-sans);font-size:12px;font-weight:400;color:#1a1a1a66}._qaBar_go0pf_400{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;gap:6px;padding:4px 8px calc(env(safe-area-inset-bottom,0px) + 4px);background:#0000008c;z-index:200;pointer-events:all}._qaLabel_go0pf_414{font-family:var(--font-sans);font-size:10px;font-weight:700;color:#fff6;letter-spacing:.08em;margin-right:2px}._qaBtn_go0pf_423{font-family:var(--font-sans);font-size:11px;font-weight:600;color:#fff;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:3px 10px;cursor:pointer}._qaBtn_go0pf_423:active{background:#ffffff4d}@keyframes _winFadeIn_go0pf_1{0%{opacity:0}to{opacity:1}}@keyframes _winKanjiIn_go0pf_1{0%{opacity:0;transform:scale(1.18);filter:blur(6px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes _winSlideUp_go0pf_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._winOverlay_go0pf_453{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:var(--color-overlay);z-index:100;cursor:pointer;animation:_winFadeIn_go0pf_1 .35s ease-out both}._winOverlay_go0pf_453>span{font-family:var(--font-serif);font-size:56px;font-weight:700;color:var(--color-surface);letter-spacing:.08em;animation:_winKanjiIn_go0pf_1 .5s .1s ease-out both}._winOverlay_go0pf_453>p{font-family:var(--font-sans);font-size:16px;font-weight:500;color:#fafaf799;animation:_winSlideUp_go0pf_1 .4s .35s ease-out both}._winBest_go0pf_484{font-size:14px!important;font-weight:600!important;color:var(--color-teal)!important;letter-spacing:.06em;animation:_winSlideUp_go0pf_1 .4s .45s ease-out both}._winResult_go0pf_493{display:flex;flex-direction:column;gap:6px;width:calc(100% - 48px);max-width:280px;animation:_winSlideUp_go0pf_1 .4s .5s ease-out both}._winResultLoading_go0pf_502{font-family:var(--font-sans);font-size:13px;color:#fafaf766;text-align:center;margin:0}._winResultRow_go0pf_510{display:flex;align-items:center;gap:8px;background:#fafaf714;border-radius:8px;padding:10px 12px}._winResultRowSelf_go0pf_519{background:#fafaf729;outline:1px solid rgba(250,250,247,.25)}._winResultCode_go0pf_524{font-family:var(--font-serif);font-size:12px;font-weight:700;color:#fafaf7bf;letter-spacing:.07em;min-width:80px}._winResultTime_go0pf_533{font-family:var(--font-sans);font-size:14px;font-weight:600;color:#fafaf7e6;font-variant-numeric:tabular-nums;flex:1}._winResultMoves_go0pf_542{font-family:var(--font-sans);font-size:11px;font-weight:400;color:#fafaf773}._winHint_go0pf_549{font-size:13px!important;font-weight:400!important;color:#fafaf759!important;margin-top:4px;animation:_winSlideUp_go0pf_1 .4s .65s ease-out both}@media(prefers-reduced-motion:reduce){._winOverlay_go0pf_453,._winOverlay_go0pf_453 span,._winOverlay_go0pf_453 p,._winHint_go0pf_549{animation:none}}