._main_1555s_1{--ink:#142229;--green:#396b5d;--paper:#f3f2e9;background-color:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--font-geist-sans),sans-serif;background-image:linear-gradient(#396b5d0b 1px,#0000 1px),linear-gradient(90deg,#396b5d0b 1px,#0000 1px);background-size:34px 34px;padding:70px 20px 100px}._back_1555s_1{color:#547269;font-size:13px;text-decoration:none;position:absolute;top:25px;left:28px}._header_1555s_1{border-top:5px solid var(--green);border-bottom:1px solid #9aaca6;align-items:end;width:min(760px,100%);margin:auto;padding:34px 8px 25px;display:flex}._header_1555s_1>p{writing-mode:vertical-rl;letter-spacing:.25em;color:var(--green);margin:0 25px 5px 0;font-size:9px;font-weight:800}._header_1555s_1 h1{letter-spacing:-.07em;margin:0;font:clamp(44px,8vw,78px)/.82 Georgia,Noto Serif JP,serif}._header_1555s_1 h1 span{color:var(--green);margin-left:55px}._header_1555s_1>div{text-align:right;margin-left:auto}._header_1555s_1 small{letter-spacing:.18em;color:#71867f;font-size:9px;display:block}._header_1555s_1 strong{color:var(--green);font:clamp(34px,7vw,60px) Georgia,serif}._lab_1555s_1{background:#fff;border:1px solid #b9c7c2;width:min(650px,100%);margin:36px auto 0;padding:clamp(15px,4vw,34px);box-shadow:8px 8px #466d6118}._meter_1555s_1{color:#657b74;border-bottom:1px solid #d4ddd9;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;font-size:12px;display:flex}._meter_1555s_1 b{color:var(--green)}._board_1555s_1{perspective:900px;grid-template-columns:repeat(4,1fr);gap:clamp(7px,2vw,13px);display:grid}._card_1555s_1{aspect-ratio:3/4;cursor:pointer;transform-style:preserve-3d;background:0 0;border:0;padding:0;transition:transform .4s;position:relative}._card_1555s_1._open_1555s_1{transform:rotateY(180deg)}._card_1555s_1._matched_1555s_1{filter:saturate(.7);opacity:.66}._backFace_1555s_1,._face_1555s_1{backface-visibility:hidden;border-radius:10px;place-items:center;display:grid;position:absolute;inset:0}._backFace_1555s_1{color:#e5d9a8;background:repeating-linear-gradient(45deg,#2e6254 0 8px,#356f60 8px 16px);border:5px solid #fff;outline:1px solid #9cafaa;font:clamp(28px,8vw,50px) Georgia,serif;box-shadow:0 5px 10px #19382e28}._face_1555s_1{background:#fbfaf5;border:1px solid #b8c6c1;grid-template-rows:1fr auto;padding:10px 5px;transform:rotateY(180deg)}._face_1555s_1 b{filter:drop-shadow(0 3px 2px #0002);align-self:end;font-size:clamp(30px,8vw,52px)}._face_1555s_1 small{color:#557068;align-self:end;margin-bottom:3px;font-size:clamp(8px,2vw,11px);font-weight:700}._result_1555s_1{border-left:4px solid var(--green);background:#eef3ef;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px;padding:22px;display:grid}._result_1555s_1>div{text-align:center}._result_1555s_1 small{color:#6b817a;font-size:10px;display:block}._result_1555s_1 strong{font:25px Georgia,serif}._result_1555s_1 label{grid-column:1/-1;font-size:11px;font-weight:800}._submit_1555s_1{grid-column:1/-1;gap:8px;display:flex}._submit_1555s_1 input{border:1px solid #b6c4bf;flex:1;min-width:0;padding:13px;font-size:16px}._submit_1555s_1 button{background:var(--green);color:#fff;border:0;padding:0 17px;font-weight:800}._result_1555s_1 p{color:#9a641e;grid-column:1/-1;margin:0;font-size:12px}._reset_1555s_1{border:0;border-bottom:1px solid var(--green);color:var(--green);cursor:pointer;background:0 0;margin:22px auto 0;padding:7px;display:block}._ranking_1555s_1{width:min(760px,100%);margin:70px auto 0}._rankingTitle_1555s_1{border-bottom:1px solid #aab8b3;justify-content:space-between;align-items:end;padding-bottom:15px;display:flex}._rankingTitle_1555s_1 p{letter-spacing:.2em;color:var(--green);margin:0 0 6px;font-size:9px;font-weight:800}._rankingTitle_1555s_1 h2{margin:0;font:29px Georgia,Noto Serif JP,serif}._rankingTitle_1555s_1 button{color:var(--green);cursor:pointer;background:0 0;border:1px solid #8fa39c;padding:7px 14px}._tabs_1555s_1{grid-template-columns:1fr 1fr;margin-top:18px;display:grid}._tabs_1555s_1 button{color:#5b716a;cursor:pointer;background:#fff;border:1px solid #a8b8b2;padding:13px;font-weight:800}._tabs_1555s_1 button+button{border-left:0}._tabs_1555s_1 ._active_1555s_1{background:var(--green);color:#fff}._ranking_1555s_1 ol{margin:0;padding:0;list-style:none}._ranking_1555s_1 li{border-bottom:1px solid #cbd4d1;grid-template-columns:45px 1fr 100px 80px;align-items:center;gap:10px;padding:14px 10px;display:grid}._ranking_1555s_1 li span{color:#82968f;font:18px Georgia,serif}._ranking_1555s_1 li b{text-align:right;color:var(--green)}._ranking_1555s_1 li small{text-align:right;color:#71837d}._empty_1555s_1{text-align:center;color:#80928c;padding:30px}@media (width<=540px){._main_1555s_1{padding:66px 12px 80px}._back_1555s_1{left:15px}._header_1555s_1{padding-top:26px}._header_1555s_1>p{margin-right:12px}._header_1555s_1 h1 span{margin-left:28px}._lab_1555s_1{margin-top:22px}._board_1555s_1{gap:8px}._backFace_1555s_1{border-width:3px}._face_1555s_1{padding:5px 2px}._submit_1555s_1{flex-direction:column}._submit_1555s_1 button{height:45px}._ranking_1555s_1{margin-top:50px}._ranking_1555s_1 li{grid-template-columns:35px 1fr 85px}._ranking_1555s_1 li small{text-align:left;grid-column:2/4;margin-top:-7px}}
