#root{width:100%;padding:1rem;text-align:center}.appTitle{margin:10px;padding:10px}.nav{background-color:#3f3f3f;padding:10px}.navButton{margin:0;border-radius:0}.yakuList{text-align:left}.all{white-space:nowrap}.selected{border:solid;border-radius:10px}.empty{outline:33px solid rgba(0,0,0,.5);outline-offset:-33px;overflow:hidden;position:relative}.handMain{height:100px;white-space:nowrap;display:flex;justify-content:center}.handPart{margin:10px 5px}.mainBody{display:flex;justify-content:space-between;background-color:#3f3f3f;padding:10px;margin:5px}.leftMain{white-space:nowrap;margin:15px;height:1200px;width:1200px;border:2px solid #717171;padding:30px}.rightMain{height:1200px;padding:30px;border:2px solid #717171;margin:15px;white-space:nowrap}.doraMain{justify-content:center}.doraClear{margin:15px 10px;width:264px}.clearHand{width:250px;height:35px;padding:0;margin:10px}.doraTitle{margin:0}button{margin:2px;background-color:#000}.on{background-color:#000}.notValid{background-color:#00000080;color:#64646480}.scoringOptions{display:flex;flex-direction:column}.kaze{display:flex;justify-content:space-evenly;margin-bottom:10px}.kazeTitle{margin:5px 0}.resultHandMain{white-space:nowrap;display:flex;justify-content:center}.resultHandPart{display:flex;justify-content:center}.resultHandBlock{margin:10px 5px}.point{margin:0;padding:5px 0;font-size:40px}.resultMain,.payment{display:flex;justify-content:center}.scoreBlock{padding:10px;display:flex;margin:5px 10px}.scoreComp{margin:0 5px}.scoreCompMain{text-align:left}.scoreCompTitle{margin:5px}.result{margin:20px}.tenpaiTile{margin:10px 5px}.tenpaiMain{height:100px}.yakuItem{background-color:#3f3f3f;padding:10px;margin:5px}h2,h3,p{margin:2px 0;border-collapse:collapse}.exampleHand{margin:10px 0;white-space:nowrap}.hanTitle{margin-top:30px;text-align:center}.table{display:flex;justify-content:center;flex-direction:column}.tableMain{border-collapse:collapse;background-color:#3f3f3f;width:1000px;text-align:center}.tableTriple{border-collapse:collapse;background-color:#3f3f3f;text-align:center;width:300px}.tablePayments{border-collapse:collapse;background-color:#3f3f3f;text-align:center;width:1000px}.fuMain{place-items:center;display:flex;justify-content:center;flex-direction:column}td,th{font-size:12px;border:1px solid #717171;padding:10px;width:50px}h2{margin-top:30px}.fuItem{background-color:#3f3f3f;padding:10px;margin:5px;text-align:left}.link{font-size:30px;margin:15px}.main{background-color:#3f3f3f;padding:10px;margin:5px;display:flex;flex-direction:column}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}img{-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root{background-color:#282828;color:#fff}button{color:#fff}