*{box-sizing:border-box}body{margin:0;background:#f6f3e9;color:#433519;font-family:"Zen Maru Gothic",sans-serif}.mole-page{width:min(1240px,calc(100% - 24px));margin:20px auto}.mole-page>h1{margin:12px 0 4px}.parent-note{font-size:14px;line-height:1.9;margin:18px 4px}#host{container-type:inline-size;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:3px solid #677d40;border-radius:18px;background:#a6c676 url('./assets/meadow.webp') center/cover}#host button{font-family:inherit;font-size:clamp(12px,1.55cqw,20px);font-weight:900;color:#433519;background:#fff3d3;border:2px solid #a58c5f;border-radius:12px;padding:.5em .7em;line-height:1.4;cursor:pointer;touch-action:manipulation}#host button:focus-visible,#field:focus-visible{outline:4px solid #0c638f;outline-offset:3px}#host button:disabled{cursor:default}#host button.green-button{background:#467943;color:#fff;border-color:#2a582b}#host button[aria-pressed="true"]{background:#dceecf;border-color:#3e7446;box-shadow:0 0 0 2px #fff}#host [hidden]{display:none!important}#base{height:100%;display:grid;grid-template-rows:9% 1fr}.mole-top{display:flex;align-items:center;justify-content:space-between;padding:.4% 1.5%;background:#f3d69f url('./assets/wood.webp') center/cover;border-bottom:2px solid #89704b}.mole-top>strong{font-size:clamp(15px,2cqw,27px)}.top-tools{display:flex;gap:.4cqw}.top-tools button{font-size:clamp(11px,1.25cqw,16px)!important;padding:.25em .65em!important}.wood{background:#efd4a2 url('./assets/wood.webp') center/100% 100%;border:2px solid #947748;border-radius:14px}.paper{background:#ffffec url('./assets/ticket.webp') center/100% 100%;border-radius:12px}#cover{display:grid;grid-template-rows:minmax(0,1fr);grid-template-columns:38% 1fr;padding:2%;gap:2%;min-height:0}.invitation{display:flex;align-items:center;justify-content:space-around;flex-direction:column;padding:4% 6%;gap:2%;min-height:0;text-align:center}.invitation h2{font-size:clamp(20px,2.7cqw,36px);line-height:1.5;margin:0}#modes{display:flex;flex-direction:column;gap:.9cqw;width:100%}#modes button{font-size:clamp(14px,1.85cqw,25px)}#mode-note{font-size:clamp(12px,1.4cqw,18px);line-height:1.6;margin:0}#start{width:100%;font-size:clamp(17px,2.3cqw,29px)!important}.cover-rules{display:flex;height:22%;justify-content:space-around;gap:4%;width:100%}.cover-rules figure{margin:0;display:flex;align-items:center;flex-direction:column;width:30%;min-height:0}.cover-rules img{height:72%;max-width:100%;object-fit:contain}.cover-rules figcaption{font-size:clamp(11px,1.15cqw,15px);font-weight:900;white-space:nowrap}.cover-field{position:relative;min-height:0}#empty-holes{position:absolute;inset:3% 0 12%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);align-items:center;gap:6%}#empty-holes img{width:100%;height:100%;object-fit:contain}.cover-mole{position:absolute;width:30%;height:32%;object-fit:contain;bottom:0;left:30%}
#play{display:grid;grid-template-rows:13% 1fr 13%;padding:1.3% 1.5%;gap:1.5%;min-height:0}.score-strip{display:flex;align-items:center;justify-content:space-around;gap:1%;padding:0 2%;font-size:clamp(12px,1.65cqw,21px)}.score-strip p{margin:0;white-space:nowrap}.score-strip p strong{font:700 clamp(22px,3.3cqw,43px) Fredoka,sans-serif;color:#8e4528}.score-strip>strong{font-size:clamp(13px,1.7cqw,22px)}.field-space{display:grid;grid-template-columns:15% 1fr 15%;align-items:center;justify-items:center;min-height:0;position:relative}#field{position:relative;touch-action:none;max-width:100%;aspect-ratio:10/7;cursor:crosshair;overflow:hidden;border-radius:10px}#mole-canvas{width:100%;height:100%;display:block}.field-side{display:flex;align-items:center;justify-content:center;flex-direction:column;width:85%;padding:7%;border-radius:17px;background:#fff5d7d9;border:2px solid #fff2c4;transform:rotate(-4deg)}.field-side.right{transform:rotate(4deg)}.field-side img{width:90%;aspect-ratio:1;object-fit:contain}.field-side span{font-size:clamp(13px,1.8cqw,23px);font-weight:900;text-align:center;line-height:1.5}.play-bottom{display:flex;align-items:center;justify-content:space-around;padding:0 1.5%;gap:2%;min-height:0}.flower-rule{display:flex;align-items:center;gap:6%;height:80%;white-space:nowrap;font-size:clamp(12px,1.55cqw,20px);font-weight:900}.flower-rule img{height:90%;aspect-ratio:1;object-fit:contain}#feedback{font-size:clamp(12px,1.4cqw,18px);font-weight:900;margin:0;flex:1;text-align:center;min-width:0}#restart,#record{font-size:clamp(11px,1.4cqw,18px)!important;white-space:nowrap}
#result{margin:2% 20%;padding:3% 6%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:0;text-align:center}#result h2{font-size:clamp(22px,3.7cqw,49px);margin:0}#result-mode{font-size:clamp(12px,1.5cqw,20px);margin:0}.result-score{font-size:clamp(17px,2.3cqw,31px);margin:0}.result-score strong{font:700 clamp(35px,5.7cqw,73px) Fredoka,sans-serif;color:#974b26}#record-note{font-size:clamp(12px,1.6cqw,21px);margin:0}.result-counts{display:flex;flex-direction:column;gap:3%;width:100%;height:32%}.result-counts p{display:flex;align-items:center;justify-content:center;margin:0;gap:5%;height:31%;font-size:clamp(12px,1.6cqw,21px)}.result-counts img{height:100%;aspect-ratio:1;object-fit:contain}.result-counts strong{font:700 clamp(19px,2.5cqw,34px) Fredoka,sans-serif}.result-tools{display:flex;justify-content:center;gap:5%;width:100%}.result-tools button{font-size:clamp(12px,1.55cqw,21px)!important;white-space:nowrap}#modal{position:absolute;inset:0;background:#2a321faa;display:grid;place-items:center;padding:3%;z-index:20}.dialog{width:min(820px,92%);max-height:100%;padding:3% 4%;overflow:auto;box-shadow:0 8px 40px #182c3677}.dialog header{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog h2{font-size:clamp(18px,2.6cqw,28px);margin:0}.dialog p{font-size:clamp(14px,1.75cqw,22px);line-height:1.8}.dialog small{font-size:clamp(12px,1.3cqw,16px);line-height:1.8;display:block}.dialog button{margin:8px 5px 8px 0}.dialog label{display:block;margin-top:18px;font-weight:900}.dialog input[type=range]{width:100%;height:44px;accent-color:#477b42}#host:fullscreen{border:0;width:100vw;height:100dvh;border-radius:0;aspect-ratio:auto;display:grid;place-items:center}#host:fullscreen #base{width:min(100vw,177.7778dvh);height:min(100dvh,56.25vw);aspect-ratio:16/9}
@media(max-width:600px) and (orientation:portrait){.mole-page{width:calc(100% - 16px);margin:12px auto}.mole-page>h1{font-size:24px}#host{height:770px;aspect-ratio:auto;border-radius:14px}#base{grid-template-rows:77px 1fr}.mole-top{flex-direction:column;justify-content:center;gap:7px;padding:7px}.mole-top>strong{font-size:20px}.top-tools{gap:5px}.top-tools button{font-size:11px!important;padding:4px 8px!important}#cover{grid-template-columns:1fr;grid-template-rows:62% 1fr;padding:12px;gap:9px}.invitation{padding:15px;gap:9px}.invitation h2{font-size:25px;line-height:1.25}.invitation h2 br{display:none}#modes{gap:8px}#modes button{font-size:17px}#mode-note{font-size:13px}#start{font-size:20px!important}.cover-rules{height:85px}.cover-rules img{height:62px}.cover-rules figcaption{font-size:11px}#empty-holes{inset:0 2% 6%;gap:2% 9%}.cover-mole{height:35%;width:25%;left:37%;bottom:0}#play{grid-template-rows:100px 1fr 140px;padding:11px;gap:12px}.score-strip{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:30px 1fr;text-align:center;padding:10px;gap:0}.score-strip>strong{grid-column:1/4;font-size:17px}.score-strip p{font-size:12px}.score-strip p strong{font-size:28px;display:block}.field-space{grid-template-columns:1fr;grid-template-rows:1fr;min-height:0}.field-side{display:none}#field{max-width:100%;width:100%;height:auto;aspect-ratio:10/7}.play-bottom{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:42px 28px 44px;padding:7px;gap:5px}.flower-rule{grid-column:1/3;justify-content:center;font-size:15px;height:42px;gap:10px}#feedback{grid-column:1/3;font-size:13px}#restart,#record{font-size:13px!important;padding:7px 9px!important}#restart:last-child{grid-column:1/3}#result{margin:16px 12px;padding:25px 19px;gap:11px}#result h2{font-size:32px}#result-mode{font-size:16px}.result-score{font-size:22px}.result-score strong{font-size:60px}#record-note{font-size:15px}.result-counts{height:34%;gap:10px}.result-counts p{font-size:17px}.result-counts strong{font-size:27px}.result-tools{flex-direction:column;gap:8px}.result-tools button{font-size:15px!important;padding:9px!important}.dialog{width:96%;padding:18px}.dialog h2{font-size:21px}.dialog p{font-size:15px}.dialog small{font-size:12px}.dialog button{font-size:14px!important}#host:fullscreen{height:100dvh}#host:fullscreen #base{width:100vw;height:100dvh;aspect-ratio:auto}}
@media(max-width:350px) and (orientation:portrait){.top-tools button{padding:4px 6px!important}.dialog{padding:13px}.score-strip>strong{font-size:15px}.score-strip p{font-size:11px}#play{padding:8px}}

@media(max-width:600px) and (orientation:portrait){#host[data-phase="play"]{height:640px}#host:fullscreen[data-phase="play"]{height:100dvh}#host[data-mode="challenge"] #restart{grid-column:1/3}}

.field-space{min-width:0;grid-template-columns:15% minmax(0,1fr) 15%}#field{min-width:0}@media(max-width:600px) and (orientation:portrait){.field-space{grid-template-columns:minmax(0,1fr)}}

@media(max-height:550px) and (orientation:landscape){.mole-page{margin:8px auto}#host{width:min(100%,calc((100dvh - 16px)*16/9));margin:auto}.mole-top>strong{font-size:15px}.top-tools button{font-size:10px!important}.dialog p{font-size:14px}.dialog small{font-size:12px}}
#empty-holes{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}#empty-holes img{min-width:0;min-height:0}