#by-header #player{height:56.25vw;max-height:calc(100vh - 2.75rem)}#full{height:100svh;overflow:hidden}#full figure#player{height:calc(100svh - 2.22rem)}figure#player video,figure#player figcaption,figure#player figcaption button,figure#player figcaption ruby,figure#player figcaption ruby span{height:100%}figure#player figcaption ruby span b{height:calc(100% - 4.5rem)}#byText,#editDescription{width:25rem;max-width:100%}figure#player,figure#player video,form#youtubeAdd #videoID,#videoAdd{width:100%}dialog#share section{aspect-ratio:.75;width:27.5rem;max-width:100%}#videos figure#player{height:56.25vw;max-height:calc(100vh - 5rem)}@media screen and (max-width:1000px){#videos figure#player{height:calc(177.778vw - 7.5rem)}}figure#player video{object-fit:cover;background:#111}figure#player{position:relative}figure#player figcaption{position:absolute;bottom:0;right:0}dialog#share section,dialog#share nav{place-items:center;display:grid}header,figure#player figcaption,figure#player figcaption ruby span,figure#player figcaption nav,#videos ul li label,#videos nav,#videoAdd,form#youtubeAdd{display:flex}figure#player figcaption,figure#player figcaption ruby span,figure#player figcaption nav,#videos ul li label,#videos nav,#videoAdd,form#youtubeAdd,dialog#share nav{gap:.5rem}header,#videos #result ul,figure#player figcaption{flex-flow:column}#by-header #result ul{flex-flow:column-reverse}figure#player figcaption ruby span,#videos nav,#videoAdd{flex-flow:row}header,#player figcaption,figure#player figcaption ruby span,#videos nav,#videoAdd{justify-content:space-between}figure#player figcaption{align-items:center}figure#player figcaption ruby span,form#youtubeAdd{place-items:center}#videos ul li label{place-items:baseline}h1 ruby input[type=button],figure#player figcaption{padding:0}#videoAdd{padding:.25rem .5rem}#videos nav,figure#player figcaption nav input{padding:.5rem}figure#player figcaption nav{padding:2.5rem .5rem .5rem}#by-header #player,figure#player figcaption nav,figure#player{margin:0}figure#player figcaption button,#result summary,form#youtubeAdd{margin:.5rem 1rem}#guide ol li{margin-top:1rem}#videos #result[open]{margin-bottom:1rem}#guide ol{padding:0;list-style-position:inside}#videos details nav button#addNewVideo,#videos ul li input.edit,form#youtubeAdd #videoSubmit,#result li input.delete{margin-left:auto}figure#player figcaption b,figure#player figcaption rt{color:#fff;mix-blend-mode:exclusion}#videos nav button:disabled{color:#ddd}#addNewVideo u{border:.1rem solid;border-radius:2rem;padding:.25rem .75rem;text-decoration:none}h1 ruby rt input[type=button]{border-bottom:.1rem solid}#videos ul li input.edit{border-bottom:.1rem dotted #ddd}form#youtubeAdd #videoSubmit,#result li input.delete{text-decoration:underline}figure#player figcaption button,figure#player figcaption input[type=button]{font-size:150%}figure#player figcaption button span{font-size:125%}form#youtubeAdd #videoSubmit,#result summary b,#result li input[type=radio]:checked+label{font-size:111%}h1 ruby input[type=button].ondo,#addNewVideo{font-size:100%}figure#player figcaption button rt{font-size:75%}figure#player figcaption b{display:inline-block;transform:scaleX(1.25)}h1 ruby input[type=button].ondo{font-weight:600;transform:scaleY(.75)}form#youtubeAdd #videoSubmit,#result summary b,#result li label{display:inline-block;transform:scaleY(1.25)}h1 ruby input[type=button].ondo,figure#player figcaption b,figure#player figcaption rt,form#youtubeAdd #videoSubmit,#result summary b,#result li label,#viewMenu{font-family:var(--zen-mincho), serif}h1 ruby rt input[type=button],#addNewVideo,#result li input.delete,dialog#share nav code{font-family:var(--zen-kaku-gothic), sans-serif}#guide ol li{text-align:start}figure#player figcaption ruby span b{text-align:justify;text-align-last:justify}figure#player figcaption button{writing-mode:vertical-lr}figure#player figcaption button ruby code{text-combine-upright:all}form#youtubeAdd #videoSubmit{word-break:keep-all}@media screen and (width:1280px) and (height:720px){h1,figure#player figcaption nav{display:none}#full figure#player{height:100svh}}#viewMenu{color:#fff;z-index:100;background-color:gold;border-radius:50%;place-content:center;width:2.75rem;height:2.75rem;font-size:200%;display:grid;position:fixed;bottom:.75rem;left:1rem}
footer fieldset{border-style:none;border-color:currentColor}#editLogs ol{list-style-position:inside}#menu menu,#updateLogs ul{list-style:none}footer h3 b,#areaMap button:hover b,#ondoBy button:hover,#subtitle b,#menu button,#menu menu a,p#copyright button,#index code,#updateLogs code{color:#fff}#areaMap fieldset legend,#areaMap button:hover{color:gold}#index nav button[disabled],#home footer nav button[disabled],#updateLogs nav button[disabled]{color:#ddd}#index a,#updateLogs a{color:#111}#areaMap h3 b,#updateLogs h3 b,#editLogs h3 b,#index code,#updateLogs code{background:gold}#ondoBy fieldset legend,#ondoBy fieldset ruby rt,#menu menu li ruby rt{color:#e60052}#subtitle,#ondoBy h3 b,#ondoBy button:hover{background:#e60052}#menu menu li,#index nav button,#home footer nav button,#updateLogs nav button{border-bottom:.1rem solid}#ondoBy button{border-bottom:.1rem solid #e60052}#index code,#updateLogs code{border-radius:.25rem}#menu menu button:not([disabled]),#menu menu a{-webkit-text-stroke:.05rem #000}#menu menu button[disabled]{-webkit-text-stroke:.05rem #e60052}#areaMap fieldset button:hover b,p#copyright button{-webkit-text-stroke:.0123rem gold}#areaMap fieldset legend,#menu #readme{float:left}#areaMap fieldset button,#menu menu{float:right}#areaMap h3{column-span:all}#areaMap{columns:30rem;column-gap:1.5rem}#editLogs ol,#updateLogs ul{columns:2}#areaMap fieldset{break-inside:avoid}#areaMap fieldset button,#ondoBy fieldset,#ondoBy fieldset ruby,#index nav,#home footer nav,#updateLogs nav{display:flex}#ondoBy fieldset{position:relative}#ondoBy fieldset legend{position:absolute;top:.25rem;right:1rem}#ondoBy fieldset ruby{flex-flow:column-reverse}#ondoBy fieldset,#areaMap fieldset button{flex-wrap:wrap;align-items:baseline}#index nav,#home footer nav,#updateLogs nav{justify-content:center;gap:1rem}#areaMap fieldset button{gap:0 .5rem}#editLogs ol,#updateLogs ul,#index nav,#home footer nav,#updateLogs nav button{padding:0}#areaMap fieldset button ruby b,#index code,#updateLogs code{padding:.123rem}#subtitle,footer h3 b{padding:0 .25rem}#ondoBy fieldset[data-ondo]{padding:0 3.5rem 0 .5rem}#ondoBy fieldset:not([data-ondo]){padding:0 .5rem}#areaMap fieldset,#areaMap fieldset button{padding:.5rem}footer section h3,#index #readme,#index footer summary{padding:0 1rem}#editLogs ol li,#updateLogs ul li{break-inside:avoid;padding:.5rem 1rem}#index nav,#home footer nav,#updateLogs summary,#updateLogs nav{padding:1rem}#menu menu{padding:1.5rem 1rem}footer #areaMap legend{padding:.25rem}footer{padding-top:1.25rem}#areaMap fieldset button u{padding-bottom:.5rem}#subtitle,#menu menu,#ondoBy fieldset legend,#editLogs ol li,#updateLogs ul li{margin:0}#ondoBy fieldset ruby{margin:.25rem .5rem .5rem}#ondoBy fieldset{margin:0 0 1.5rem}#subtitle b{margin-top:.25rem}footer #areaMap fieldset,#menu menu li{margin-bottom:1rem}p#copyright{margin:1rem 3.21rem}#editLogs ol,#updateLogs ul{margin:1rem 0}#index h4,#index figure{margin:1rem}#index code,#updateLogs code{margin:0 .25rem}#index h4 code{float:right}#index{background-color:#ffffffe6;height:100svh;position:fixed;bottom:0;left:0;right:0;overflow:auto}#subtitle{z-index:100;position:sticky;top:0;left:0;right:0}footer b,#subtitle b,#menu menu li ruby a,#menu menu li ruby button{transform:scaleY(1.25)}footer b,#subtitle b,#menu menu li ruby a,#menu menu li ruby button,#index code,#updateLogs code{display:inline-block}#subtitle b,#readme p{transform:scaleY(.9)}footer ruby rt,p#copyright button{text-transform:uppercase}footer b,#ondoBy button,#index #readme p,#subtitle b,#menu menu button,#menu menu a,#index a,#updateLogs a{font-family:var(--zen-mincho), serif}#index time,#index code,#updateLogs time,#updateLogs code{font-family:var(--zen-kaku-gothic), sans-serif}#ondoBy fieldset ruby,#subtitle b,#index #readme p,#menu menu li ruby,#menu menu li ruby button,#updateLogs summary b,#index nav button,#home footer nav button,#updateLogs nav button{font-size:111%}p#copyright button{font-size:100%}#menu menu li ruby rt{font-size:90%}#areaMap fieldset button u{font-size:75%}#index #readme p{font-weight:900}#ondoBy button{font-weight:555}#menu menu li ruby rt{ruby-align:start}#areaMap fieldset button ruby b,#ondoBy fieldset ruby rt,#subtitle b,#menu menu li ruby button,#menu menu li ruby a{text-align-last:justify}#areaMap fieldset button ruby b,#ondoBy fieldset ruby rt,#subtitle b,#menu menu li ruby button,#menu menu li ruby a,p#copyright{text-align:center}#subtitle b,#menu menu li ruby button,#menu menu li ruby a,#menu menu li ruby rt{overflow:hidden}#subtitle b,#menu menu li ruby button,#menu menu li ruby a,#menu menu li ruby rt,#ondoBy fieldset,#ondoBy fieldset:not([data-ondo]) ruby,#index footer{width:100%}#menu #readme,#menu menu{width:50%}#areaMap fieldset button{width:calc(100% - 2.5rem)}#areaMap fieldset button ruby b{min-width:7.5rem}#ondoBy fieldset ruby{width:max-content}#ondoBy fieldset[data-ondo]{min-height:4rem}#index footer{clear:both}@media screen and (max-width:1000px){#editLogs ol,#updateLogs ul{columns:1}}@media screen and (max-width:550px){footer a{font-size:100%}}@media (orientation:portrait){#menu #readme,#menu menu{width:100%}#menu menu{padding:1rem}}footer section#areaMap fieldset legend,footer section#ondoBy fieldset legend{writing-mode:vertical-lr;word-break:keep-all;min-height:max-content}