:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5eed8;font-synthesis:none;background:#080b12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app,#game{width:100%;height:100%;margin:0;overflow:hidden}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}body{background:radial-gradient(circle at 50% 35%,#2e476b3d,#0000 42%),linear-gradient(145deg,#07090f,#101521 58%,#080a0f)}#game canvas{filter:drop-shadow(0 28px 55px #0000008c);margin:0 auto;display:block}#mobile-controls,#rotate-device{display:none}@media (orientation:landscape){html.wide-game-layout #mobile-controls{z-index:20;top:50%;right:max(5px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(90deg,#372717f5,#0f1919f5 22%,#081312f5),#101a18;border:1px solid #d2a95bb3;border-right-color:#5c3d1cd9;border-radius:18px 7px 7px 18px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:106px;padding:8px 7px;display:flex;position:fixed;left:auto;transform:translateY(-50%);box-shadow:-8px 8px 30px #0000006b,inset 2px 0 #eec77721}html.wide-game-layout #mobile-controls button{color:#f8efd8;white-space:nowrap;touch-action:manipulation;background:linear-gradient(135deg,#23302bfa,#0f1b1bfa);border:1px solid #b88e44b8;border-radius:9px;justify-content:flex-start;align-items:center;width:92px;min-width:92px;min-height:44px;padding:0 8px;font:700 12px/1 Inter,system-ui,sans-serif;display:none;box-shadow:inset 0 1px #ffffff0f}html.wide-game-layout #mobile-controls button[data-visible=true]{display:flex}html.wide-game-layout #mobile-controls button:before{color:#d9ad5c;text-align:center;width:21px;margin-right:6px;font:700 18px/1 Georgia,serif}html.wide-game-layout #mobile-controls button[data-action=hint]:before{content:"◇"}html.wide-game-layout #mobile-controls button[data-action=shuffle]:before{content:"↻"}html.wide-game-layout #mobile-controls button[data-action=new]:before{content:"+"}html.wide-game-layout #mobile-controls button[data-action=layout]:before{content:"▦"}html.wide-game-layout #mobile-controls button[data-action=menu]:before{content:"☰"}html.wide-game-layout #mobile-controls button[data-action=sort]:before{content:"↕"}html.wide-game-layout #mobile-controls button[data-action=riichi]:before{content:"立"}html.wide-game-layout #mobile-controls button[data-action=discard]:before{content:"↓"}html.wide-game-layout #mobile-controls button[data-action=pass]:before{content:"×"}html.wide-game-layout #mobile-controls button[data-action=chi]:before,html.wide-game-layout #mobile-controls button[data-action=pon]:before,html.wide-game-layout #mobile-controls button[data-action=kan]:before,html.wide-game-layout #mobile-controls button[data-action=ron]:before,html.wide-game-layout #mobile-controls button[data-action=tsumo]:before{content:"◆"}html.wide-game-layout #mobile-controls:not(:has(button[data-visible=true])){display:none}html.wide-game-layout #mobile-controls button:disabled{opacity:.4}html.wide-game-layout #mobile-controls button[data-action=ron],html.wide-game-layout #mobile-controls button[data-action=tsumo]{color:#ffdce0;border-color:#e26b75}html.wide-game-layout #mobile-controls button[data-action=menu]{border-color:#71817d}}@media (orientation:portrait) and (width<=900px){#game,#mobile-controls{visibility:hidden}#rotate-device{z-index:30;padding:max(32px, env(safe-area-inset-top)) 34px max(32px, env(safe-area-inset-bottom));text-align:center;background:radial-gradient(circle at 50% 35%,#455b7b59,#0000 38%),#080b12;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}#rotate-device strong{color:#edcf8c;font:700 24px/1.2 Hiragino Mincho ProN,Georgia,serif}#rotate-device span:last-child{color:#b8c0cd;max-width:340px;line-height:1.5}.rotate-mark{color:#d3a34e;font-size:58px;animation:1.8s ease-in-out infinite rotateHint}}@keyframes rotateHint{50%{transform:rotate(90deg)}}#loading{color:#e8d7ad;letter-spacing:.08em;z-index:5;background:#090c13;justify-content:center;align-items:center;gap:16px;transition:opacity .3s;display:flex;position:fixed;inset:0}#loading.is-hidden{opacity:0;pointer-events:none}.loading-mark{color:#cf9f4d;border:1px solid #bd8d3d;border-radius:50%;place-items:center;width:48px;height:48px;font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:23px;animation:1.3s ease-in-out infinite pulse;display:grid}@keyframes pulse{50%{transform:scale(1.08);box-shadow:0 0 26px #cb974047}}