:root{--range-thumb-width: 14px;--range-thumb-height: 30px;--range-thumb-border-thickness-vertical: 3px;--range-thumb-border-thickness-horizontal: 2px;--range-track-height: 12px;--range-track-border-thickness-vertical: 3px;--range-track-border-thickness-horizontal: 2px}input[type=range]{-webkit-appearance:none;background-color:transparent;margin:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range]::-webkit-slider-thumb{margin-top:calc(calc(var(--range-thumb-height) - 8px) / -2);width:var(--range-thumb-width);height:var(--range-thumb-height);background:#fb0;border-top:var(--range-thumb-border-thickness-vertical) solid black;border-bottom:var(--range-thumb-border-thickness-vertical) solid black;border-left:var(--range-thumb-border-thickness-horizontal) solid black;border-right:var(--range-thumb-border-thickness-horizontal) solid black;border-radius:20px;cursor:pointer;box-sizing:border-box}input[type=range]::-moz-range-thumb{width:var(--range-thumb-width);height:var(--range-thumb-height);background:#fb0;border-top:var(--range-thumb-border-thickness-vertical) solid black;border-bottom:var(--range-thumb-border-thickness-vertical) solid black;border-left:var(--range-thumb-border-thickness-horizontal) solid black;border-right:var(--range-thumb-border-thickness-horizontal) solid black;border-radius:20px;cursor:pointer;box-sizing:border-box}input[type=range]::-webkit-slider-runnable-track{background:#fb0;border-top:var(--range-track-border-thickness-vertical) solid black;border-bottom:var(--range-track-border-thickness-vertical) solid black;border-left:var(--range-track-border-thickness-horizontal) solid black;border-right:var(--range-track-border-thickness-horizontal) solid black;border-radius:20px;width:100%;height:var(--range-track-height);cursor:pointer;box-sizing:border-box}input[type=range]::-moz-range-track{background:#fb0;border-top:var(--range-track-border-thickness-vertical) solid black;border-bottom:var(--range-track-border-thickness-vertical) solid black;border-left:var(--range-track-border-thickness-horizontal) solid black;border-right:var(--range-track-border-thickness-horizontal) solid black;border-radius:20px;width:100%;height:var(--range-track-height);cursor:pointer;box-sizing:border-box}input[type=range]::-ms-track{border-width:14.8px 0;height:8.4px}input[type=range]::-ms-fill-lower{background:#2a6495;border:.2px solid #010101;border-radius:2.6px}input[type=range]::-ms-fill-upper{background:#3071a9;border:.2px solid #010101;border-radius:2.6px}input[type=range]::-ms-thumb{width:16px;height:36px;background:#fff;border:1px solid #000000;border-radius:3px;cursor:pointer;margin-top:0}input[type=range]:focus::-ms-fill-lower{background:#3071a9}input[type=range]:focus::-ms-fill-upper{background:#367ebd}@supports (-ms-ime-align:auto){input[type=range]{margin:0}}button,.button{width:100%;box-sizing:border-box;display:inline-block;font-size:1rem;text-decoration:none;background:#fb0a;padding:.2rem .8rem;border-top:3px solid black;border-bottom:3px solid black;border-left:2px solid black;border-right:2px solid black;border-radius:20px;color:#000;text-align:center;white-space:nowrap;cursor:pointer}input[type=radio].hidden,input[type=file].hidden{position:fixed;opacity:0;pointer-events:none}input[type=radio].hidden:enabled:checked+label,input[type=file].hidden:enabled:checked+label{background:#f50}button:hover,button:active,.button:hover,.button:active,input[type=radio].hidden:enabled+label:hover,input[type=radio].hidden:enabled+label:active,input[type=file].hidden:enabled+label:hover,input[type=file].hidden:enabled+label:active{background:#f50}button:disabled,.button.disabled{opacity:60%;cursor:not-allowed;pointer-events:none}input[type=radio].hidden:disabled+label,input[type=file].hidden:disabled+label{cursor:not-allowed;opacity:60%}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}label+input,label+textarea{display:block;width:100%;resize:none}fieldset{border:none;padding:0;margin:0;display:flex;gap:.5rem}fieldset>button,fieldset>.button{min-width:100px}.audio-player{margin:1.1rem 0}.audio-player label{display:block;margin-bottom:.4rem}.audio-player-controls{width:100%;display:flex;gap:.5rem;align-items:center}.audio-player-controls button{padding:4px 3px 4px 5px;width:calc(1.4rem + 7px);height:calc(1.4rem + 7px);background-image:url(/images/playButton-12640dd0a8a752bb40f165bd7a410be5.svg?vsn=d);background-size:contain;background-position:center;background-repeat:no-repeat;background-origin:content-box}.audio-player-controls button.playing{padding:4px;background-image:url(/images/pauseButton-abdd38a25966f386e8bb6acc75250f13.svg?vsn=d)}.audio-player-controls input[type=range]{flex-grow:1}.audio-player-time{height:fit-content}.audio-player-notice{width:100%;display:block;text-align:center;font-size:1rem}.bordered.menu{display:flex;position:absolute;top:0;left:0;border-top:0;border-left:0;border-top-left-radius:0;align-items:center;max-width:100vw;box-sizing:border-box;padding-left:21px}.menu ul{list-style-type:none;margin:0;margin-left:1rem;padding:0;display:flex;gap:1rem;align-items:center;height:32px;overflow:scroll}.menu ul::-webkit-scrollbar{display:none}.menu ul{-ms-overflow-style:none;scrollbar-width:none}.menu .logotype{font-family:Helvetica Bold Oblique,sans-serif;font-size:1.6em;font-weight:700;padding-top:.4rem;line-height:100%}.menu a{text-decoration:none}.menu details{display:contents}.menu summary{list-style:none;display:flex;align-items:center;gap:1rem;cursor:pointer;pointer-events:none}.menu summary::-webkit-details-marker{display:none}.menu summary>span{cursor:pointer;pointer-events:auto;transition:text-shadow .2s ease}.menu summary>span:hover,summary>span:active{text-shadow:-1px -1px 3px #f50,1px -1px 3px #f50,-1px 1px 3px #f50,1px 1px 3px #f50}.menu details>*{float:left}.menu summary:after{content:"\25b6";font-size:.9rem;padding-bottom:.1rem;line-height:100%;margin-left:.15rem}@font-face{font-family:Helvetica Bold Oblique;src:local("Helvetica Bold Oblique"),url(/fonts/helvetica_bold_oblique-46fb08b918bc8c9eee84dafb346741e7.woff2?vsn=d) format("woff2"),url(/fonts/helvetica_bold_oblique-94239d6968d1000c5e88b760ce47f7f0.woff?vsn=d) format("woff"),url(/fonts/helvetica_bold_oblique-6993915525ce4c67e650c8b758b9acf4.ttf?vsn=d) format("truetype");font-weight:400}html,body,button{font-family:Kosugi,sans-serif}html,body{margin:0;padding:0}body{display:grid;grid-template-rows:1fr auto;justify-items:center;height:100vh;min-height:100%;background-image:url(/images/cgz3bg-8c4b3dc77706b0856dc1f781ea61e2b8.png?vsn=d);background-attachment:fixed}main{margin:auto;padding-top:80px}footer{display:flex;width:100%;height:80px;justify-content:end;align-items:end}h1,h2,h3,h4,h5,h6{font-family:Helvetica Bold Oblique,sans-serif;text-align:center;text-transform:uppercase}h1{font-size:clamp(2.5em,-.714em + 16.071vw,7em);margin:.8rem;line-height:1.2em}h1:first-child{margin-top:0}p{font-size:1.1rem}p.subtitle{font-size:1rem;margin-top:-.6rem}p:first-child{margin-top:0}p:last-child{margin-bottom:0}.content-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;overflow:hidden;max-width:min(1024px,100vw);padding:0 20px;box-sizing:border-box}.bordered{padding:16px 24px;background:#fb0a;border-top:5px solid black;border-bottom:5px solid black;border-left:3px solid black;border-right:3px solid black;border-top-left-radius:20px;border-bottom-right-radius:20px}.bordered>*:first-child{margin-top:0}.bordered>*:last-child{margin-bottom:0}.centered{text-align:center}form>*{margin-bottom:.7rem}form>*:last-child{margin-bottom:0}.dance-controls{display:flex;width:700px;justify-content:space-between}.dance-controls>fieldset{width:30%}.dance-controls>fieldset>legend{width:100%;margin-bottom:.4rem;text-align:center;font-weight:700}#message_input,#delay_input{display:flex;flex-direction:column;justify-content:center}#colour_input{display:flex}#message_input>textarea{resize:none;flex-grow:1;width:100%;box-sizing:border-box}.dance-controls input[type=number],.dance-controls input[type=text],.dance-controls textarea{background:#fff;border:1px solid #000000;border-radius:20px;border-top:3px solid black;border-bottom:3px solid black;border-left:2px solid black;border-right:2px solid black;text-align:center;font-family:Kosugi,sans-serif;font-size:1rem}.delay-number-input{display:flex;justify-content:center;gap:.3rem;align-items:center}.delay-number-input input[type=number]{width:3rem}.labelled-range-slider{display:flex;flex-direction:column}.labelled-range-slider>input[type=range]{padding:.4rem 1rem}.labelled-range-slider-labels{display:flex;justify-content:space-between}.colour-inputs-container{display:flex;flex-direction:column;justify-content:space-between}.colour-inputs-container>div{display:flex;align-items:center}.colour-inputs-container label{display:inline-block;width:1rem}.colour-inputs-container input{display:inline-block;width:100%}.IroHandle{cursor:pointer}.dancefloor{position:relative;width:700px;height:400px;background:#fff;border:1px solid #000000;border-radius:20px;border-top:3px solid black;border-bottom:3px solid black;border-left:2px solid black;border-right:2px solid black;box-sizing:border-box}canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#gif_overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;background:#000000b3}#gif_overlay>div{max-width:70%;max-height:70%;padding:4rem}#gif_overlay img{width:100%;height:100%}ruby{display:flex;flex-direction:column-reverse;justify-content:start;align-items:center;gap:.2rem}rt{white-space:wrap}a{color:#000;transition:text-shadow .2s ease}a:hover{text-shadow:-1px -1px 3px #f50,1px -1px 3px #f50,-1px 1px 3px #f50,1px 1px 3px #f50}a ruby span{text-decoration:underline;white-space:nowrap}hr{border-color:#000;border-block-style:solid}.names-container{display:flex;justify-content:center;align-items:center;margin-bottom:1.1rem}.names-container ruby{font-size:1.1rem}.showing-u-it{display:flex;flex-direction:column;font-size:3em;margin-top:1.1rem;text-shadow:-1px -1px 3px #000,1px -1px 3px #000,-1px 1px 3px #000,1px 1px 3px #000}.showing-u-it img.emoji{filter:url(#drop-shadow)}.has-emoji img.emoji{height:1em}.age-display{display:flex;font-style:bold;justify-content:center;margin:1.1rem 0}.age-display-crime-zone{--gap: .1rem;position:relative;display:flex;flex-direction:column;overflow:hidden;user-select:none;gap:var(--gap);height:1rem;filter:url(#blur)}.age-display-crime-zone .numbers{flex-shrink:0;display:flex;flex-direction:column;justify-content:space-around;gap:var(--gap);animation:scroll .5s linear infinite}@keyframes scroll{0%{transform:translateY(0)}to{transform:translateY(calc(-100% - var(--gap)))}}.blog-post ul,.blog-post ol{font-size:1.1rem}ul.bulletless{list-style-type:none;padding:0}p.footnote{font-size:smaller}a.secret{text-decoration:none}.gummy-container{width:100%;text-align:left}.gummy-container>*{margin:auto}.flash{position:fixed;top:1rem;right:1rem;padding:16px 24px;background:#fb0a;border-top:5px solid black;border-bottom:5px solid black;border-left:3px solid black;border-right:3px solid black;border-top-left-radius:20px;border-bottom-right-radius:20px;margin:auto}table{width:100%;border-collapse:collapse}table thead{border-bottom:2px solid black}table thead th{padding-bottom:.8rem;padding-right:1rem}table thead th:last-child{padding-right:0}table tbody tr:first-child td{padding-top:.6rem}table tbody tr td{padding-top:.2rem;padding-right:1rem;white-space:nowrap}table tbody tr td.truncate-field{width:100%;max-width:0}table tbody tr td.truncate-field>*{text-overflow:ellipsis;overflow:hidden}table tbody tr td:last-child{padding-right:0}table thead th:first-child,table tbody tr td:first-child{text-align:left}table thead th:last-child,table tbody tr td:last-child{text-align:right}.blog-post{width:700px;max-width:100%;box-sizing:border-box}.blog-post .post-details{text-align:center;margin-bottom:1.1rem}.blog-post .post-body{font-size:1.1rem;margin:1.1rem 0}.blog-nav,.post-nav{display:flex;justify-content:space-between;align-items:center;margin-top:1.1rem;margin-bottom:.5rem}.blog-nav{justify-content:center}.post-nav>*{width:20%;text-align:center}.post-nav>*:first-child{width:35%;text-align:left}.post-nav>*:last-child{width:35%;text-align:right}.post-nav-inner a{text-decoration:none}.post-nav-link-inner{display:flex;gap:.5rem;align-items:center}.post-nav-link-inner.previous{justify-content:start}.post-nav-link-inner.next{justify-content:end}.post-nav-title{text-decoration:underline}sup{vertical-align:top;position:relative;top:-.1rem;font-size:.8rem}.ersatz-imagemap{position:relative}.ersatz-imagemap a{position:absolute;mix-blend-mode:color;transition:background-color .2s ease}.ersatz-imagemap a:hover{background-color:#fb0}.ersatz-imagemap img{max-width:100%}.rss-button{cursor:pointer;margin:10px;width:20px;height:20px}.rss-button svg{width:100%;height:100%;overflow:visible}#rss_shadow{opacity:0;transition:opacity .2s ease}.rss-button:hover #rss_shadow{opacity:1;transition:opacity .2s ease}.module-table{display:flex}.module-table>*{width:100%}.module-table span{font-weight:700}.module-table hr{margin-top:.8rem;margin-bottom:.4rem}.module-table ul{margin:0}.module-table li{padding-top:.2rem}.module-table>*:first-child{text-align:left}.module-table>*:last-child{text-align:right}@media screen and (max-width: 860px){.module-table{flex-wrap:wrap}.module-table>*:last-child{margin-top:1rem}}.links-grid{display:flex;gap:1rem;flex-wrap:wrap;max-width:640px;justify-content:center;margin:auto;margin-bottom:1rem}.links-grid img,.mybutton{image-rendering:pixelated}.cgz-button-container{display:flex;justify-content:center;gap:.4rem}pre{background-color:#fff;text-align:left;padding:1rem;width:fit-content;margin:auto;border:3px inset rgb(255,187,0)}code{margin:0;padding:0;background-color:#fff}.module-table+hr{margin-top:1.4rem}.button-code{pointer-events:none}.button-code pre{pointer-events:auto}.button-code summary>span{pointer-events:auto;cursor:pointer;text-decoration:underline;transition:text-shadow .2s ease}.button-code summary>span:hover{text-shadow:-1px -1px 3px #f50,1px -1px 3px #f50,-1px 1px 3px #f50,1px 1px 3px #f50}.button-code[open]{margin-bottom:1rem}.button-code summary{list-style:none;margin-bottom:1rem}.button-code summary::-webkit-details-marker{display:none}.tag-list{font-size:.95rem;margin-bottom:1.1rem}.footnotes p{font-size:.95rem}#answer_table{display:flex;flex-direction:row-reverse;justify-content:space-between}.answer-table-column{display:flex;flex-direction:column;justify-content:space-between}.answer-table-subcolumn{display:flex;flex-direction:column;justify-content:space-between;height:100%;box-sizing:border-box;padding:.2rem;border-top:3px solid black;border-bottom:3px solid black;border-left:2px solid black;border-right:2px solid black;border-radius:10px}.answer-table-subcolumn[data-active=false]{opacity:.5}.answer-table-subcolumn:nth-child(2){height:auto;margin-top:23px}.answer-table-subcolumn.clickable,.answer-table-subcolumn.clickable *{cursor:pointer!important}.answer-table-subcolumn.clickable:hover{background:#f50}.answer-table-row{position:relative;display:flex;margin-bottom:5px}.answer-table-row:first-child{margin-top:0}.answer-table-row:last-child{margin-bottom:0}.answer-table-cell{width:25px;height:25px;text-align:center;line-height:22px;cursor:default;user-select:none}.answer-table-cell-box{margin-left:5px;text-align:center;background-color:#fff;color:#000;box-sizing:border-box;border-top:3px solid black;border-bottom:3px solid black;border-left:2px solid black;border-right:2px solid black;border-radius:8px;line-height:19px}.answer-table-cell-kana{display:none}#card_pool{display:none;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px}#card_pool.show-hiragana .katakana,#answer_table.show-hiragana .katakana,#card_pool.show-katakana .hiragana,#answer_table.show-katakana .hiragana{display:none}.card,.card-pool-cell{width:30px;height:30px;margin:0 10px;box-sizing:border-box}.card{text-align:center;line-height:24px;cursor:grab;transition:transform .2s;user-select:none;box-sizing:border-box;border-top:3px solid black;border-bottom:3px solid black;border-left:2px solid black;border-right:2px solid black;border-radius:8px;background:#fb0a}.card:hover{transform:scale(2);transition:transform .2s}.card-pool-cell{display:none}#mode_selector{display:flex;justify-content:center;align-items:center;gap:120px}#win_message{display:none;flex-direction:column;justify-content:center;align-items:center;gap:1em}#toolbar{display:flex;justify-content:space-between;align-items:center}#toolbar.disabled button{pointer-events:none;cursor:not-allowed;opacity:.5}#mode_selector button,#toolbar button{max-width:120px}.kana-app{width:720px}#card_pool,#mode_selector,#win_message{height:135px}