:root{color-scheme:light;--paper: #f4f0e6;--paper-deep: #e7e0cf;--surface: #fffdf7;--ink: #172522;--muted: #58635f;--forest: #1e4b42;--forest-dark: #143a33;--gold: #d9aa45;--gold-soft: #f4dfae;--coral: #b8553f;--line: #d9d3c4;--shadow: 0 22px 60px rgba(37, 48, 43, .12);--radius-lg: 24px;--radius-md: 14px;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;background:var(--paper);color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);line-height:1.75}button,textarea,select{font:inherit}button,summary,.dropzone{-webkit-tap-highlight-color:transparent}button:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,.dropzone:focus-within{outline:3px solid rgba(184,85,63,.38);outline-offset:3px}.site-header,main,footer{width:min(1120px,calc(100% - 40px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0}.brand{display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--forest);color:var(--gold-soft);font:800 22px/1 Georgia,serif;transform:rotate(-3deg)}.brand-symbol{background:transparent;overflow:hidden}.brand-symbol img{display:block;width:100%;height:100%}.brand b{display:block;font:800 15px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.brand small{display:block;margin-top:4px;color:var(--muted);font-size:14px}.local-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #bdd2c8;border-radius:999px;color:var(--forest);background:#edf5ee;font-size:14px;font-weight:700}.local-badge span{color:#4d9a70;font-size:14px}.hero{padding:78px 0 48px}.eyebrow,.step-label{margin:0 0 10px;color:var(--coral);font:800 14px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}.hero h1{max-width:920px;margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(42px,8vw,84px);line-height:1.12;letter-spacing:-.045em}.hero h1 span{color:var(--forest)}.hero-copy{max-width:720px;margin:28px 0 0;color:var(--muted);font-size:16px}.tool-shell{position:relative;padding:clamp(24px,5vw,50px);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.tool-shell:before{content:"";position:absolute;top:-90px;right:-70px;width:250px;height:250px;border:34px solid rgba(217,170,69,.16);border-radius:50%;pointer-events:none}.tool-heading-row,.file-meta,footer{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}h2{margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(24px,4vw,36px);line-height:1.35}.text-button{padding:7px 0;border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--forest);cursor:pointer;font-weight:700}#sourceText,#resultText{width:100%;border:1px solid #cbc4b3;border-radius:var(--radius-md);background:#fff;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,BIZ UDPGothic,monospace;line-height:1.7;resize:vertical}#sourceText,#resultText{min-height:280px;padding:18px;font-size:15px}#sourceText::placeholder,#resultText::placeholder{color:#9a988f}#resultText{background:#f7f8f4}.repair-grid{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);align-items:start;margin-top:28px}.editor-panel{min-width:0}.editor-heading{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.editor-heading span{padding:3px 7px;border-radius:5px;background:var(--paper-deep);color:var(--muted);font:800 14px ui-monospace,monospace}.editor-heading label{font-size:14px;font-weight:800}.flow-arrow{display:grid;place-items:center;min-height:280px;color:var(--coral);font:700 24px/1 Georgia,serif}.primary-actions{display:flex;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}.primary-button,.secondary-button,.copy-button{border-radius:10px;cursor:pointer;font-weight:800;transition:transform .15s ease,background .15s ease,border-color .15s ease}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-width:240px;padding:14px 18px;border:1px solid var(--forest);background:var(--forest);color:#fff}.primary-button:hover{background:var(--forest-dark);transform:translateY(-1px)}.primary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.primary-button.compact{min-width:210px;margin-top:16px}.secondary-button{padding:14px 18px;border:1px solid var(--line);background:transparent;color:var(--ink)}.secondary-button:hover{border-color:var(--ink)}.shortcut{margin:8px 0 0;color:var(--muted);font-size:14px}.status{min-height:1.75em;margin:0;color:var(--forest);font-size:14px;font-weight:700}.result-actions{display:flex;align-items:center;gap:14px;margin-top:14px}.copy-button{min-width:104px;padding:9px 14px;border:1px solid var(--forest);background:transparent;color:var(--forest)}.copy-button:hover,.copy-button.copied{background:var(--forest);color:#fff}.copy-button:disabled{opacity:.42;cursor:not-allowed;background:transparent;color:var(--forest)}.result-copy{min-height:48px}.alternatives{margin-top:14px;border-top:1px solid var(--line)}.alternatives summary{padding:14px 2px 8px;cursor:pointer;color:var(--muted);font-size:14px;font-weight:700}.alternate-list{display:flex;gap:8px;flex-wrap:wrap;padding:4px 0 2px}.alternate-button{padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);cursor:pointer;font-size:14px;font-weight:700}.alternate-button:hover{border-color:var(--forest);color:var(--forest)}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:28px 0 72px;border-block:1px solid var(--line)}.trust-strip article{position:relative;padding:28px}.trust-strip article+article{border-left:1px solid var(--line)}.trust-strip span{position:absolute;top:28px;right:28px;color:#a7a090;font:700 14px ui-monospace,monospace}.trust-strip h3{margin:0 0 8px;font-size:15px}.trust-strip p{margin:0;color:var(--muted);font-size:14px}.file-tool{margin:0 0 84px}.file-tool>details{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ebe4d5;overflow:hidden}.file-tool summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 32px;cursor:pointer;list-style:none}.file-tool summary::-webkit-details-marker{display:none}.file-tool summary span:first-child{display:flex;align-items:center;gap:18px}.file-tool summary small{padding:5px 8px;border-radius:6px;background:var(--forest);color:#fff;font:700 14px ui-monospace,monospace}.file-tool summary strong{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:20px}.summary-action{color:var(--forest);font-size:14px;font-weight:800}.file-tool-body{padding:0 32px 32px}.section-intro{max-width:720px;margin:0 0 20px;color:var(--muted);font-size:14px}.dropzone{display:grid;place-items:center;min-height:180px;padding:25px;border:2px dashed #a8a18f;border-radius:var(--radius-md);background:#ffffff73;cursor:pointer;text-align:center}.dropzone.dragging{border-color:var(--coral);background:#fff7e8}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.drop-icon{font:300 34px/1 Georgia,serif;color:var(--coral)}.dropzone strong{margin-top:8px}.dropzone small{margin-top:4px;color:var(--muted)}.file-result{margin-top:22px;padding:22px;border-radius:var(--radius-md);background:var(--surface)}.file-meta{justify-content:flex-start}.file-meta>div{min-width:210px}.file-meta small,.preview-box small{display:block;color:var(--muted);font-size:11px}.file-meta strong{display:block;margin-top:4px;word-break:break-word}.encoding-settings{display:flex;align-items:end;gap:14px;margin-top:22px}.encoding-settings label{display:grid;gap:7px;flex:1;color:var(--muted);font-size:14px}.encoding-settings select{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.preview-box{margin-top:20px;padding:14px;border:1px solid var(--line);border-radius:9px;background:#fff}.preview-box pre{max-height:180px;margin:7px 0 0;overflow:auto;white-space:pre-wrap;word-break:break-all;font:12px/1.65 ui-monospace,monospace}.warning{margin:12px 0 0;font-size:14px;font-weight:700}.warning.safe{color:#347155}.warning.danger{color:var(--coral)}.guide{display:grid;grid-template-columns:.85fr 1.4fr;gap:60px;margin-bottom:90px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.guide-grid article{padding:24px;border-top:3px solid var(--forest);background:#ffffff6b}.guide-grid article+article{border-top-color:var(--coral)}.guide-kicker{margin:0 0 14px;font-size:14px;font-weight:800;letter-spacing:.08em}.guide-kicker.good{color:var(--forest)}.guide-kicker.bad{color:var(--coral)}.guide-grid h3{margin:0 0 10px;font-size:17px}.guide-grid article>p:last-child{margin:0;color:var(--muted);font-size:14px}.faq{max-width:820px;margin-bottom:90px}.faq h2{margin-bottom:24px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{padding:18px 4px;cursor:pointer;font-weight:800}.faq details p{margin:-5px 0 20px;color:var(--muted);font-size:14px}footer{align-items:end;padding:28px 0 42px;border-top:1px solid var(--line)}footer b{font:800 14px ui-monospace,monospace;letter-spacing:.14em}footer p{margin:5px 0 0;color:var(--muted);font-size:14px}footer nav{display:flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:22px;color:var(--muted);font-size:14px}footer nav a,footer nav span{white-space:nowrap}footer nav a{color:inherit;text-decoration:none}footer nav a:hover{color:var(--forest);text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:780px){main{width:min(100% - 28px,1120px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}.manager-grid.transcription-settings{grid-template-columns:minmax(0,2fr) minmax(140px,.7fr)}.manager-page{max-width:1000px;padding-block:30px}.manager-page h1{font-size:clamp(28px,5vw,40px);line-height:1.4}.manager-panel{background:#fffdf7;border:1px solid #d9d3c4;border-radius:16px;padding:24px;margin-block:20px}.manager-panel fieldset{border:0;padding:0;margin:0;min-width:0}.manager-panel label{display:grid;gap:8px;margin-bottom:16px;font-weight:700}.manager-panel input:not([type=checkbox]):not([type=range]),.manager-panel select,.manager-panel textarea{width:100%;min-width:0;padding:12px;border:1px solid #adbab4;border-radius:8px;font:inherit;background:#fff}.manager-panel button,.manager-download{padding:11px 18px;border:1px solid #adc0b4;border-radius:8px;background:#e9f0e9;color:#163e32;font:inherit;font-weight:700;cursor:pointer}.manager-panel button:disabled{opacity:.5;cursor:default}.manager-panel .manager-check{display:flex;align-items:center;gap:12px}.manager-check input{width:20px;height:20px}.manager-actions{display:flex;flex-wrap:wrap;gap:10px;margin-block:16px}.manager-drop{border:2px dashed #92ad9c;border-radius:12px;padding:24px;text-align:center}.inline-number{display:flex;align-items:center;gap:8px;max-width:150px}.manager-panel input[type=range]{width:100%;min-height:32px}.manager-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.garden-history{display:grid;gap:12px}.garden-record{padding:16px;background:#f2f5eb;border-radius:10px;border-left:5px solid #3b7550}.garden-record.is-warning{border-color:#b06b16;background:#fff4d9}.garden-record h3{margin:0}.garden-record p{margin:6px 0;overflow-wrap:anywhere}.garden-note{padding:12px;background:#f1eee0;border-radius:8px}.garden-note.is-warning{background:#fff0c8;color:#6b4100}summary{cursor:pointer;font-weight:700}.manager-download{display:inline-block}.manager-download[hidden]{display:none}@media(max-width:620px){.manager-grid{grid-template-columns:1fr}.manager-panel{padding:16px}.manager-page{padding-block:14px}}.date-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.date-results{display:grid;gap:12px;margin-block:24px}.date-results>div{padding:18px;background:#edf3e8;border-radius:10px}.date-results dt{font-size:14px;color:#435f4c}.date-results dd{margin:6px 0 0;font-size:clamp(19px,4vw,26px);font-weight:800;overflow-wrap:anywhere}.date-fields>label{min-width:0}.calendar-modes{display:flex;gap:8px;margin-bottom:16px;grid-column:1/-1}.calendar-modes button{flex:1;padding-inline:8px;white-space:nowrap}.calendar-modes button[aria-pressed=true]{background:#173f36;color:#fff;border-color:#173f36}#zoneNote{display:block;font-size:14px;color:#53645d}.video-conversion-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}.video-conversion-links a{text-align:center;text-decoration:none}.garden-guide{margin:22px 0 30px;padding:16px;border:1px solid #d9d3c4;border-radius:16px;background:#fffdf7;box-shadow:0 12px 30px #18362a1a}.garden-guide img{display:block;width:100%;height:auto;border-radius:10px}.garden-guide figcaption{margin-top:12px;color:#53675e;font-size:15px;font-weight:700;line-height:1.7}@media(max-width:620px){.manager-grid.transcription-settings{grid-template-columns:1fr}}@media(max-width:620px){.garden-page .manager-page{width:calc(100% - 8px)!important;padding-block:2px!important}.garden-page .manager-page>h1{margin:0 0 4px!important;font-size:18px!important;line-height:1.15!important}.garden-page .garden-guide{margin:4px 0 6px!important;padding:4px!important;border-radius:7px!important}.garden-page .garden-guide img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}.garden-page .garden-guide figcaption{margin-top:3px!important;font-size:14px!important;line-height:1.3!important}.garden-page .manager-panel{margin-block:5px!important;padding:6px!important;border-radius:7px!important}.garden-page .manager-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}.garden-page .manager-panel label{gap:2px!important;margin-bottom:4px!important;font-size:14px!important}.garden-page .manager-panel input:not([type=checkbox]):not([type=range]),.garden-page .manager-panel select,.garden-page .manager-panel textarea{min-height:29px!important;padding:3px 5px!important;border-radius:5px!important;font-size:14px!important}.garden-page .manager-panel textarea{min-height:42px!important}.garden-page .garden-note{margin:4px 0!important;padding:4px!important;border-radius:5px!important;font-size:14px!important;line-height:1.35!important}.garden-page #rotationAlternatives,.garden-page #gardenStatus{margin:3px 0!important;font-size:14px!important;line-height:1.35!important}.garden-page .manager-actions{gap:4px!important;margin-block:4px!important}.garden-page .manager-panel button,.garden-page .manager-download{min-height:29px!important;padding:3px 7px!important;font-size:14px!important}.garden-page .manager-panel h2{margin:0 0 4px!important;font-size:14px!important}.garden-page .garden-history{gap:4px!important}.garden-page .garden-record{padding:5px!important;border-left-width:3px!important;border-radius:5px!important}.garden-page .garden-record h3{font-size:14px!important}.garden-page .garden-record p{margin:2px 0!important;font-size:14px!important;line-height:1.35!important}.garden-page details.manager-panel>p{margin:4px 0!important;font-size:14px!important;line-height:1.4!important}}.pacific-clock{display:grid;gap:6px;padding:16px 20px;border:2px solid #1c6552;border-radius:12px;background:#e7f5ed;color:#174536;margin-bottom:18px}.pacific-clock small{font-weight:700}.pacific-clock strong{font-size:clamp(24px,5vw,36px);font-variant-numeric:tabular-nums}.conversion-arrow{text-align:center;font-size:32px;line-height:1.2;color:#22664d;margin:12px 0}@media(max-width:620px){.transcription-page .manager-page,.audio-volume-page .manager-page{width:calc(100% - 10px)!important;padding-block:2px!important}.transcription-page .manager-page>h1,.audio-volume-page .manager-page>h1{margin:0 0 4px;font-size:19px;line-height:1.15}.transcription-page .manager-panel,.audio-volume-page .manager-panel{margin-block:5px;padding:7px;border-radius:8px}.transcription-page .manager-drop,.audio-volume-page .manager-drop{min-height:58px;padding:7px;font-size:14px}.transcription-page .manager-drop small,.audio-volume-page .manager-drop small{font-size:14px}.transcription-page #transcriptionName,.audio-volume-page #volumeFileName{margin:3px 0;font-size:14px}.transcription-page .manager-grid.transcription-settings{grid-template-columns:minmax(0,1.7fr) minmax(84px,.6fr);gap:4px}.transcription-page .manager-panel label,.audio-volume-page .manager-panel label{gap:2px;margin-bottom:5px;font-size:14px}.transcription-page .manager-panel select,.transcription-page .manager-panel textarea,.audio-volume-page .manager-panel select,.audio-volume-page .manager-panel input:not([type=checkbox]):not([type=range]){min-height:29px;padding:4px 5px;font-size:14px}.transcription-page #transcriptionModelHelp,.transcription-page #transcriptionStatus,.audio-volume-page #gainInfo,.audio-volume-page #volumeStatus{margin:3px 0;font-size:14px;line-height:1.3}.transcription-page .manager-actions,.audio-volume-page .manager-actions{gap:3px;margin-block:4px}.transcription-page .manager-panel button,.audio-volume-page .manager-panel button,.audio-volume-page .manager-download{min-height:29px;padding:4px 7px;font-size:14px}.transcription-page #transcriptionText{height:150px;min-height:150px;padding:5px;font-size:14px;line-height:1.4}.transcription-page details.manager-panel,.audio-volume-page details.manager-panel{padding:6px}.transcription-page details.manager-panel>p,.audio-volume-page details.manager-panel>p{font-size:14px;line-height:1.4}.audio-volume-page .manager-page>p{display:none}.audio-volume-page #volumeSettings>label:first-child{margin-bottom:2px}.audio-volume-page #volumePresets{display:grid;grid-template-columns:repeat(5,1fr)}.audio-volume-page .inline-number{max-width:110px}.audio-volume-page .manager-check input{width:15px;height:15px}}@media(max-width:620px){.shogi-page .game-settings,.duel-page .game-settings,.abstract-page .game-settings,.rotating-page .game-settings,.hex-abalone-page .game-settings,.yote-page .game-settings,.xiangqi-page .game-settings,.oware-page .game-settings,.morris-page .game-settings,.fanorona-page .game-settings,.hnefatafl-page .game-settings,.dots-boxes-page .game-settings,.konane-page .game-settings,.surakarta-page .game-settings,.bagh-chal-page .game-settings,.jungle-page .game-settings,.makruk-page .game-settings,.turkish-page .game-settings,.bowling-page .game-settings{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:end!important;gap:6px 8px!important;padding:9px 10px!important}.shogi-page .game-settings>label,.duel-page .game-settings>label,.abstract-page .game-settings>label,.rotating-page .game-settings>label,.hex-abalone-page .game-settings>label,.yote-page .game-settings>label,.xiangqi-page .game-settings>label,.oware-page .game-settings>label,.morris-page .game-settings>label,.fanorona-page .game-settings>label,.hnefatafl-page .game-settings>label,.dots-boxes-page .game-settings>label,.konane-page .game-settings>label,.surakarta-page .game-settings>label,.bagh-chal-page .game-settings>label,.jungle-page .game-settings>label,.makruk-page .game-settings>label,.turkish-page .game-settings>label,.bowling-page .game-settings>label{min-width:0!important;width:100%;gap:3px!important;font-size:14px!important}.shogi-page .game-settings select,.duel-page .game-settings select,.abstract-page .game-settings select,.rotating-page .game-settings select,.hex-abalone-page .game-settings select,.yote-page .game-settings select,.xiangqi-page .game-settings select,.oware-page .game-settings select,.morris-page .game-settings select,.fanorona-page .game-settings select,.hnefatafl-page .game-settings select,.dots-boxes-page .game-settings select,.konane-page .game-settings select,.surakarta-page .game-settings select,.bagh-chal-page .game-settings select,.jungle-page .game-settings select,.makruk-page .game-settings select,.turkish-page .game-settings select,.bowling-page .game-settings select{width:100%!important;min-width:0!important;min-height:35px;padding:6px 22px 6px 7px!important;font-size:14px!important}.shogi-page .game-settings>button,.duel-page .game-settings>button,.abstract-page .game-settings>button,.rotating-page .game-settings>button,.hex-abalone-page .game-settings>button,.yote-page .game-settings>button,.xiangqi-page .game-settings>button,.oware-page .game-settings>button,.morris-page .game-settings>button,.fanorona-page .game-settings>button,.hnefatafl-page .game-settings>button,.dots-boxes-page .game-settings>button,.konane-page .game-settings>button,.surakarta-page .game-settings>button,.bagh-chal-page .game-settings>button,.jungle-page .game-settings>button,.makruk-page .game-settings>button,.turkish-page .game-settings>button,.bowling-page .game-settings>button{width:100%;min-height:35px;padding:6px 7px!important;font-size:14px!important}.shogi-page .game-settings label:has(input[type=checkbox]),.duel-page .game-settings label:has(input[type=checkbox]),.abstract-page .game-settings label:has(input[type=checkbox]),.rotating-page .game-settings label:has(input[type=checkbox]),.hex-abalone-page .game-settings label:has(input[type=checkbox]){display:flex!important;flex-direction:row;align-items:center;gap:5px!important;min-height:34px;white-space:nowrap;font-size:14px!important}.shogi-page .game-settings label:has(input[type=checkbox]) input,.duel-page .game-settings label:has(input[type=checkbox]) input,.abstract-page .game-settings label:has(input[type=checkbox]) input,.rotating-page .game-settings label:has(input[type=checkbox]) input,.hex-abalone-page .game-settings label:has(input[type=checkbox]) input{flex:0 0 16px;width:16px;height:16px;margin:0}.connect-four-page .game-settings>label:nth-of-type(2){grid-column:1 / -1}.santorini-page .santorini-settings .santorini-actions{grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0;margin:0}.santorini-page .santorini-settings .santorini-actions button{width:auto;min-width:0;min-height:32px;flex:0 0 auto;margin:0;padding:5px 8px;font-size:14px}.oware-page .oware-settings .oware-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0;margin:0}.oware-page .oware-settings .oware-actions button{width:auto;min-width:0;min-height:32px;flex:0 0 auto;margin:0;padding:5px 8px;font-size:14px;white-space:nowrap}.fanorona-page .fanorona-settings .fanorona-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0;margin:0}.fanorona-page .fanorona-settings .fanorona-actions button{width:auto;min-width:0;min-height:32px;flex:0 0 auto;margin:0;padding:5px 8px;font-size:14px;white-space:nowrap}.morris-page .morris-settings .morris-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0;margin:0}.morris-page .morris-settings .morris-actions button{width:auto;min-width:0;min-height:32px;flex:0 0 auto;margin:0;padding:5px 8px;font-size:14px;white-space:nowrap}.amazons-page .amazons-settings .amazons-actions{grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0;margin:0}.amazons-page .amazons-settings .amazons-actions button{width:auto;min-width:0;min-height:32px;flex:0 0 auto;margin:0;padding:5px 8px;font-size:14px;white-space:nowrap}.hive-page .hive-settings .hive-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;margin:0}.hive-page .hive-settings .hive-actions button{width:auto;min-width:0;min-height:27px;flex:0 0 auto;margin:0;padding:3px 6px;font-size:14px;white-space:nowrap}.konane-page .konane-settings .konane-actions{flex:1 1 100%;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;margin:0}.konane-page .konane-settings .konane-actions button{width:auto;min-width:0;min-height:27px;flex:0 0 auto;margin:0;padding:3px 6px;font-size:14px;white-space:nowrap}.jungle-page .jungle-settings .jungle-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;margin:0}.jungle-page .jungle-settings .jungle-actions button{width:auto;min-width:0;min-height:27px;flex:0 0 auto;margin:0;padding:3px 6px;font-size:14px;white-space:nowrap}.surakarta-page .surakarta-settings .surakarta-actions{flex:1 1 100%;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;margin:0}.surakarta-page .surakarta-settings .surakarta-actions button{width:auto;min-width:0;min-height:27px;flex:0 0 auto;margin:0;padding:3px 6px;font-size:14px;white-space:nowrap}.yote-page .yote-settings .yote-actions{flex:1 1 100%;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;margin:0}.yote-page .yote-settings .yote-actions button{width:auto;min-width:0;min-height:27px;flex:0 0 auto;margin:0;padding:3px 6px;font-size:14px;white-space:nowrap}.dots-boxes-page .dots-boxes-settings .dots-boxes-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;margin:0}.dots-boxes-page .dots-boxes-settings .dots-boxes-actions button{width:auto;min-width:0;min-height:27px;flex:0 0 auto;margin:0;padding:3px 6px;font-size:14px;white-space:nowrap}.bowling-page .bowling-settings .bowling-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}.bowling-page .bowling-settings .bowling-actions button{width:auto;min-width:0;flex:0 1 auto;white-space:nowrap}.bagh-chal-page .bagh-chal-settings .bagh-chal-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;width:100%;margin:0}.bagh-chal-page .bagh-chal-settings .bagh-chal-actions button{width:auto;min-width:0;min-height:27px;flex:0 1 auto;margin:0;padding:3px 6px;font-size:14px;white-space:nowrap}.turkish-page .turkish-settings .turkish-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;width:100%;margin:0}.turkish-page .turkish-settings .turkish-actions button{width:auto;min-width:0;min-height:27px;flex:0 1 auto;margin:0;padding:3px 6px;font-size:14px;white-space:nowrap}}@media(max-width:620px){.abalone-page .abalone-settings .abalone-actions,.hex-page .hex-settings .hex-actions,.pentago-page .pentago-settings .pentago-actions,.xiangqi-page .xiangqi-settings .xiangqi-actions,.connect-four-page .connect-four-settings .connect-four-actions,.hasami-page .hasami-settings .hasami-actions,.konane-page .konane-settings .konane-actions,.yote-page .yote-settings .yote-actions,.surakarta-page .surakarta-settings .surakarta-actions{grid-column:1/-1;justify-self:end;align-self:center;display:flex;flex:0 0 auto;flex-wrap:nowrap;align-items:center;justify-content:flex-end;width:max-content;max-width:100%;min-width:0;margin:0;gap:5px}.abalone-page .abalone-settings .abalone-actions button,.hex-page .hex-settings .hex-actions button,.pentago-page .pentago-settings .pentago-actions button,.xiangqi-page .xiangqi-settings .xiangqi-actions button,.connect-four-page .connect-four-settings .connect-four-actions button,.hasami-page .hasami-settings .hasami-actions button,.konane-page .konane-settings .konane-actions button,.yote-page .yote-settings .yote-actions button,.surakarta-page .surakarta-settings .surakarta-actions button{box-sizing:border-box;flex:0 0 auto;width:auto;min-width:0;min-height:32px;margin:0;padding:5px 8px;font-size:14px;line-height:1.2;white-space:nowrap}.connect-four-page .game-settings>label:nth-of-type(2){grid-column:auto}}.online-lobby-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 15px;border:1px solid rgba(255,255,255,.55);border-radius:7px;color:#fff;text-decoration:none;font-size:14px;font-weight:900;white-space:nowrap}.online-lobby-link:hover{background:#ffffff1f}.online-match-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid #d4c69f;background:#fff6d9;color:#26322d;font-size:14px;font-weight:800}.online-match-bar a{color:inherit;font-weight:900}.online-match-bar [data-online-dot]{width:8px;height:8px;border-radius:50%;background:#c48c22;box-shadow:0 0 0 4px #c48c2226}.online-match-bar.is-connected [data-online-dot]{background:#2d8b57}.online-match-bar.is-disconnected [data-online-dot]{background:#b64032}.online-match-bar>span{display:flex;align-items:center;gap:9px}.online-mode .ai-delay-option{display:none}.online-mode .online-lobby-link{margin-left:auto}@media(max-width:620px){.online-lobby-link{grid-column:1/-1;width:100%}.online-match-bar{align-items:flex-start;flex-direction:column}}.game-recruitment{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,1.1fr);gap:18px;padding:16px 18px;border-top:1px solid #d8cfbc;background:#fffdf7;color:#24322c}.recruitment-create-panel{min-width:0}.recruitment-room-panel{min-width:0;padding-left:18px;border-left:1px solid #e5dfd3}.recruitment-heading,.recruitment-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.recruitment-heading>div{display:grid;gap:3px}.recruitment-heading b{font-size:14px}.recruitment-heading small,.recruitment-list-heading small{color:#68736e;font-size:14px}.recruitment-heading>span{flex:none;padding:5px 8px;border-radius:999px;background:#fff0cc;color:#83621c;font-size:14px;font-weight:900}.recruitment-heading>span.is-connected{background:#e5f4e9;color:#236244}.recruitment-heading>span.is-disconnected{background:#f8e7e3;color:#963d31}.recruitment-actions{display:flex;align-items:center;gap:8px;margin-top:12px}.recruitment-actions input{width:min(210px,100%);min-width:0;padding:9px 11px;border:1px solid #adb9b3;border-radius:7px;background:#fff;color:#1d2924;font-size:14px}.recruitment-actions button,.recruitment-rooms button,.recruitment-waiting button{flex:none;padding:9px 13px;border:1px solid #214d40;border-radius:7px;background:#173f35;color:#fff;cursor:pointer;font-size:14px;font-weight:900}.recruitment-actions button:disabled{opacity:.45;cursor:default}.recruitment-waiting{display:flex;align-items:center;gap:10px;margin-top:11px;padding:10px 12px;border-radius:8px;background:#e9f4ec;color:#235840;font-size:14px}.recruitment-waiting[hidden]{display:none}.recruitment-waiting span{margin-right:auto;color:#62736b;font-size:14px}.recruitment-waiting button{padding:6px 9px;border-color:#7f958b;background:#fff;color:#315c4d}.recruitment-list-heading{min-height:27px}.recruitment-list-heading b{font-size:14px}.recruitment-rooms{display:grid;gap:5px;margin-top:7px}.recruitment-rooms>p{margin:0;padding:10px;border-radius:7px;background:#f4f1e9;color:#748079;font-size:14px}.recruitment-rooms article{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #dfd9cc;border-radius:8px;background:#fff}.recruitment-rooms article span{display:grid;gap:2px;margin-right:auto}.recruitment-rooms article strong{font-size:14px}.recruitment-rooms article small{color:#77817c;font-size:14px}.online-mode .game-recruitment{display:none}@media(max-width:700px){.game-recruitment{grid-template-columns:1fr}.recruitment-room-panel{padding-top:14px;padding-left:0;border-top:1px solid #e5dfd3;border-left:0}}@media(max-width:420px){.recruitment-actions{align-items:stretch;flex-direction:column}.recruitment-actions input{width:100%}.recruitment-waiting{align-items:flex-start;flex-wrap:wrap}.recruitment-waiting span{flex-basis:100%}}.recruitment-actions:has([data-recruitment-size]){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.recruitment-actions:has([data-recruitment-size]) input{grid-column:1/-1;width:min(210px,100%)}.recruitment-actions select{min-width:0;padding:9px 6px;border:1px solid #adb9b3;border-radius:7px;background:#fff;color:#1d2924;font:inherit}.recruitment-actions:has([data-recruitment-rounds]){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.recruitment-actions:has([data-recruitment-rounds]) input{grid-column:1/-1;width:100%}.online-match-bar{flex-wrap:wrap}[data-online-rematch]{padding:9px 14px;border:1px solid #214d40;border-radius:7px;background:#173f35;color:#fff;cursor:pointer;font:inherit}[data-online-rematch]:disabled{opacity:.65;cursor:default}.online-chat{max-width:100%;padding:14px 16px;margin:14px 0 20px;border:1px solid #d8cfbc;border-radius:10px;background:#fffdf7;color:#24322c;box-sizing:border-box}.online-chat h2{margin:0 0 8px;font-size:14px}.online-chat-messages{height:116px;overflow-y:auto;padding:8px 10px;border:1px solid #e4dfd4;border-radius:7px;background:#fff;font-size:14px}.online-chat-messages p{margin:0 0 6px;overflow-wrap:anywhere}.online-chat-messages strong{color:#345b48}.online-chat-form{display:flex;gap:8px;margin-top:9px}.online-chat-form input{flex:1;min-width:0;padding:9px 10px;border:1px solid #aeb9b2;border-radius:6px;font:inherit;font-size:14px}.online-chat-form button{padding:9px 16px;border:0;border-radius:6px;background:#173f35;color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.online-chat-form button:disabled{opacity:.45;cursor:default}.gomoku-page main{max-width:980px;margin:auto;padding:24px 16px}.gomoku-app{border:1px solid #d2c6ae;border-radius:12px;background:var(--paper, #f4f0e6);overflow:hidden}.gomoku-settings,.gomoku-actions{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:16px}.gomoku-settings{background:#173f35;color:#fff}.gomoku-settings label{display:grid;gap:5px}.gomoku-page button,.gomoku-page select{font:inherit}.gomoku-settings button,.gomoku-settings select,.gomoku-actions button{padding:9px 12px;border:1px solid #acb9b1;border-radius:7px}#gomokuStatus{padding:0 16px;font-size:18px;font-weight:700;min-height:28px}.gomoku-board{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));width:min(600px,calc(100% - 20px));margin:10px auto 18px;background:#e6bf7b;border:8px solid #946b35;border-radius:3px}.gomoku-board button{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;padding:0;border:0;border-radius:0;cursor:pointer;background:linear-gradient(#513b22,#513b22) center/1px 100% no-repeat,linear-gradient(#513b22,#513b22) center/100% 1px no-repeat}.gomoku-board button:nth-child(-n+15){background-size:1px 50%,100% 1px;background-position:center bottom,center}.gomoku-board button:nth-last-child(-n+15){background-size:1px 50%,100% 1px;background-position:center top,center}.gomoku-board button:nth-child(15n+1){background-size:1px 100%,50% 1px;background-position:center,right center}.gomoku-board button:nth-child(15n){background-size:1px 100%,50% 1px;background-position:center,left center}.gomoku-board button:nth-child(1){background-size:1px 50%,50% 1px;background-position:center bottom,right center}.gomoku-board button:nth-child(15){background-size:1px 50%,50% 1px;background-position:center bottom,left center}.gomoku-board button:nth-child(211){background-size:1px 50%,50% 1px;background-position:center top,right center}.gomoku-board button:nth-child(225){background-size:1px 50%,50% 1px;background-position:center top,left center}.gomoku-board button:disabled{opacity:1;cursor:default}.gomoku-board img{position:absolute;width:93%;height:93%;z-index:1;pointer-events:none}.gomoku-board .is-last:after{content:"";width:17%;height:17%;border-radius:50%;background:#d4372f;z-index:2}.gomoku-board button:focus-visible{outline:3px solid #0869d1;outline-offset:-3px;z-index:3}.gomoku-page details{margin-top:24px;font-size:16px}.gomoku-page .online-lobby-link{background:#173f35}.gomoku-board{aspect-ratio:1}.gomoku-rules{margin-top:24px;padding:18px;border:1px solid #d2c6ae;border-radius:10px;background:#fffdf8}.gomoku-rules h2{margin:0 0 10px}.gomoku-rules p{margin:6px 0}@media(max-width:480px){.gomoku-settings{gap:8px;padding:12px}.gomoku-settings label{flex:1;min-width:0}.gomoku-settings select{width:100%;min-width:0}.gomoku-page main{padding:20px 8px}.gomoku-board{border-width:4px}}@media(max-width:620px){.gomoku-rules{margin-top:10px;padding:10px;font-size:14px}.gomoku-rules h2{font-size:17px}}.gomoku-board{position:relative}.gomoku-board button{background:none!important}.gomoku-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.gomoku-lines path{fill:none;stroke:#513b22;stroke-width:1;vector-effect:non-scaling-stroke}.gomoku-board button:not(:disabled):hover:before{content:"";position:absolute;inset:5%;border-radius:50%;background:url(/vendor/shudan/stone-black.svg) center/contain no-repeat;opacity:.4;z-index:2}.gomoku-board[data-side=white] button:not(:disabled):hover:before{background-image:url(/vendor/shudan/stone-white.svg)}.gomoku-delay{display:flex!important;align-items:center;font-size:14px}.gomoku-delay input{width:17px;height:17px}.gomoku-forbidden{margin:24px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.gomoku-forbidden>h2,.gomoku-forbidden>p{grid-column:1/-1;margin:0}.gomoku-forbidden article{padding:16px;border:1px solid #cdbf9d;border-radius:10px;background:#fffdf7}.gomoku-forbidden h3{margin:0 0 10px}.gomoku-forbidden p{line-height:1.7}.rule-images{display:flex;flex-wrap:wrap;gap:8px}.rule-images img{width:auto;height:auto;max-width:100%;max-height:220px;object-fit:contain;border-radius:5px}@media(max-width:620px){.gomoku-forbidden{grid-template-columns:1fr;gap:10px}.gomoku-forbidden article{padding:10px}.rule-images img{max-width:calc(50% - 4px);max-height:180px}}.gomoku-draw-panel{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:8px 12px;border:1px solid #abbfb0;background:#f5fbf5;color:#1b4635;border-radius:7px;font-size:14px}.gomoku-draw-panel[hidden]{display:none}.gomoku-draw-panel button{padding:5px 10px;border:1px solid #416b52;border-radius:5px;background:#fff;color:#234d38;cursor:pointer}.gomoku-actions button[hidden]{display:none}.gomoku-actions button:disabled{opacity:.45;cursor:default}@media(max-width:620px){.gomoku-draw-panel{padding:5px 7px;font-size:14px}}.gomoku-primary-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.gomoku-primary-actions button{flex:0 0 auto;white-space:nowrap}@media(max-width:480px){.gomoku-primary-actions{flex:1 1 100%;justify-content:flex-end;margin:0}.gomoku-primary-actions button{flex:0 0 auto;white-space:nowrap}}@media(max-width:620px){.gomoku-page .gomoku-actions{gap:4px!important;margin-block:4px!important;padding:5px!important}.gomoku-page .gomoku-actions button{min-width:0!important;min-height:30px!important;margin:0!important;padding:4px 6px!important;border-radius:5px!important;font-size:14px!important;line-height:1.1!important}}@media(max-width:620px){.gomoku-page .gomoku-settings{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:end!important;gap:6px 8px!important;padding:9px!important}.gomoku-page .gomoku-settings>label{min-width:0!important;width:100%;gap:3px;font-size:14px}.gomoku-page .gomoku-settings>label:nth-of-type(3){grid-column:1 / -1}.gomoku-page .gomoku-settings select{width:100%!important;min-width:0!important;min-height:35px;padding:6px 22px 6px 7px!important;font-size:14px!important}.gomoku-page .gomoku-settings .gomoku-delay{grid-column:1;display:flex!important;flex-direction:row;align-items:center;gap:5px!important;min-width:0;min-height:35px;white-space:nowrap;font-size:14px!important}.gomoku-page .gomoku-delay input{flex:0 0 16px;width:16px;height:16px;margin:0}.gomoku-page .gomoku-settings>button{grid-column:2;width:100%;min-height:35px;padding:6px 5px!important;font-size:14px!important}}@media(max-width:780px){.gomoku-page .gomoku-board{width:100%!important;max-width:none!important;margin-inline:0!important}}
