@charset "UTF-8";
:root{font-family:"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:#293d35;background:#eeeae1;font-synthesis:none;--green:#315548;--wine:#923f46;--gold:#e4c47b;--paper:#fffcf5}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;min-height:48px;border:0}button:disabled{cursor:default;opacity:.44}button:focus-visible,a:focus-visible{outline:4px solid #d19225;outline-offset:4px}button{transition:background .15s,transform .15s}button:hover:not(:disabled){filter:brightness(1.06)}.topbar{max-width:1500px;margin:auto;padding:22px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7d8cb}.brand{display:flex;gap:13px;align-items:center;color:#294637;text-decoration:none;font-family:"Nanum Myeongjo","Batang",serif;font-size:28px;font-weight:700;letter-spacing:-1px}.brand b{font-weight:400}.brand-flower{font-size:46px;color:#9c5559}.brand small{display:block;font:12px "Apple SD Gothic Neo",sans-serif;letter-spacing:2px;margin-top:5px;color:#657368}nav{display:flex;gap:10px}nav button{min-width:66px;background:transparent;color:#344c3f;font-size:24px;border-radius:10px}nav button span{display:block;font-size:13px;margin-top:3px}nav button[aria-pressed=true]{background:#dce2d6}.layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:46px;padding:28px 48px 20px}.companion{padding:25px 0}.season{font-size:14px;color:#6b775f;letter-spacing:1px;display:flex;align-items:center;gap:10px}.season:before{content:"";width:26px;height:1px;background:#859879}h1{font-family:"Nanum Myeongjo","Batang",serif;font-size:32px;line-height:1.55;font-weight:500;letter-spacing:-1.3px;margin:16px 0}.intro{font-size:17px;line-height:1.75;color:#657163}.portrait{height:230px;position:relative;margin-top:12px;text-align:center;background:radial-gradient(ellipse at 50% 80%,#d9ddc8 0 44%,transparent 45%)}.portrait svg{height:211px;max-width:100%;position:relative;top:9px}.character-name{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#fffcf5;padding:9px 18px;border-radius:30px;font-size:13px;box-shadow:0 3px 12px #263e3310}.character-name strong{font-size:18px;margin-left:7px}.speech{background:#fffdf7;margin:30px 2px 0;padding:20px;border-radius:2px 20px 20px 20px;text-align:center;font-size:18px;line-height:1.65;box-shadow:0 3px 10px #334f3510}.tea{display:flex;gap:15px;align-items:center;margin:25px 12px}.tea>span{font-size:43px;color:#876e50}.tea p{font-size:14px;line-height:1.8;color:#687463}.tea strong{font-weight:500;color:#334d40}.gentle-note{text-align:center;font-size:14px;line-height:1.8;color:#687463}.game-heading{display:flex;justify-content:space-between;align-items:center;margin:0 2px 15px;font-size:16px;font-weight:600}.dot{display:inline-block;width:8px;height:8px;border-radius:100%;background:#6d885a;margin-right:9px}.mode{font-size:13px;font-weight:400;background:#e0e3d6;padding:7px 12px;border-radius:5px}.board{border:9px solid #9b8061;border-radius:19px;background:radial-gradient(ellipse at 45% 50%,#3e6453,#284b3f);box-shadow:0 0 0 1px #80694f,0 9px 0 #7a6047,0 16px 26px #4b3c2422,inset 0 0 70px #142c3b22;color:#f4f2df;min-height:385px;padding:19px 24px 10px;position:relative}.board:after{content:"";position:absolute;inset:7px;border:1px solid #d4dec41f;border-radius:8px;pointer-events:none}.opponent{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:1px solid #fff2}.player-label{font-size:18px;margin-right:13px}.opponent strong,.my-score strong{font-size:29px;font-weight:600}.opponent small,.my-score small{font-size:15px;font-weight:400;margin-left:5px}.opponent-hand{display:flex;padding:0 5px}.mini-back{display:inline-block;background:repeating-linear-gradient(45deg,#8a4146 0 3px,#a35e61 3px 4px);height:39px;width:26px;border:2px solid #ecdcc8;border-radius:3px;margin-left:-8px;box-shadow:0 2px 1px #0003}.tally{display:flex;gap:12px;font-size:15px}.tally b{font-size:18px;margin-left:3px;color:inherit}.table-middle{display:flex;gap:28px;align-items:center;min-height:254px;padding:19px 0}.deck{min-width:80px;text-align:center;font-size:12px;color:#e3e7ce}.deck>span{display:block;margin-top:10px}.card-back{width:65px;height:89px;border:4px solid #f5e9d1;background:repeating-linear-gradient(45deg,#843c43 0 5px,#995057 5px 6px);box-shadow:2px 3px #8eac94,4px 6px #e5ddc9,6px 8px #234232;border-radius:4px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:31px;color:#ecd29b}.card-back span{font-size:10px}.table-cards{display:flex;flex-wrap:wrap;gap:11px;flex:1;align-content:center}.hwatu{display:inline-flex;position:relative;flex-direction:column;width:68px;min-width:0;min-height:0;padding:0;border:3px solid #eadfcb;border-radius:5px;background:#fffaf0;color:#303b32;box-shadow:0 3px 3px #142b2b66;overflow:hidden;vertical-align:middle}.hwatu svg{display:block;width:100%;height:81px}.card-month{font-size:13px;font-weight:700;position:absolute;top:3px;right:3px;background:#fffcf3eb;padding:1px 3px;border-radius:2px;z-index:1}.card-kind{font-size:13px;font-weight:600;background:#fffaf0;line-height:21px;display:block;text-align:center}.hwatu.selected{transform:translateY(-12px);border-color:#a33f49;box-shadow:0 0 0 3px #a33f4933,0 8px 8px #4326272b}.hwatu.hinted{outline:3px solid #a77820;outline-offset:2px}.hwatu.pickable{outline:4px solid #f9d574;outline-offset:3px}.hwatu.small{width:48px}.hwatu.small svg{height:56px}.hwatu.small .card-kind{font-size:11px;line-height:17px}.hwatu.small .card-month{font-size:10px}.last-card{display:flex;align-items:center;flex-direction:column;gap:6px;margin-top:16px;font-size:11px}.board-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#d0d7c3;border-top:1px solid #fff2}.board-bottom button{background:transparent;color:#f8f0d5;font-size:13px}.board-bottom button span{margin-left:6px}.my-score{display:flex;align-items:center;justify-content:space-between;padding:26px 4px 10px;color:#304a3c}.goal{font-size:12px;color:#71775f}.turn-message{font-size:16px;min-height:45px;display:flex;align-items:center;gap:10px;margin:0 3px 12px;color:#385440}.turn-message>span{color:#8d7343;font-size:12px}.hand{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;min-height:113px;padding:10px 2px 1px}.hand .hwatu{width:100%;transition:transform .15s}.hand .hwatu:disabled{opacity:1;filter:saturate(.72)}.hand .hwatu svg{height:auto;aspect-ratio:96/128}.action-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0 12px}.primary{background:var(--wine);color:#fff9eb;border-radius:9px;padding:15px 26px;font-size:18px;font-weight:600;box-shadow:0 3px 0 #743339}.primary span{margin-left:18px}.secondary{background:#e1e3d6;color:#384e3c;border:1px solid #c4ccb9;padding:14px 18px;border-radius:9px;font-size:16px}.selection-label{font-size:13px;color:#66715e}.game-footer{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#657260}.game-footer button{background:transparent;color:#657260;text-decoration:underline;font-size:13px}.go-badge{margin-left:7px;padding:4px 7px;background:#eed28d;color:#5f432b;border-radius:4px}.large-type .turn-message,.large-type .speech,.large-type .intro{font-size:21px}.large-type .card-kind{font-size:16px}.large-type .card-month{font-size:16px}dialog{max-width:580px;width:calc(100% - 32px);max-height:88dvh;overflow:auto;border:1px solid #d9d8c4;border-radius:22px;background:#fffcf4;color:#344b3b;padding:36px;text-align:center;box-shadow:0 25px 100px #162e3155}dialog::backdrop{background:#1b352b80;backdrop-filter:blur(4px)}dialog h2{font-family:"Batang",serif;font-size:30px;line-height:1.55;font-weight:500;margin:10px 0 18px}dialog h3{font-size:20px;text-align:left;margin-top:26px}dialog p{font-size:17px;line-height:1.8}dialog .eyebrow{font-size:14px;color:#718167;margin:0}.welcome-flower{font-size:59px;color:#a05861}.welcome-rules{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:24px 0}.welcome-rules span{background:#e9eddf;border-radius:5px;font-size:13px;padding:8px}.wide{width:100%;margin-top:12px}.fine{font-size:12px!important;color:#737969;margin-bottom:0}.modal-actions{display:flex;justify-content:center;gap:14px;margin-top:24px}.instructions{text-align:left;padding-left:24px;font-size:18px;line-height:1.8}.instructions li{margin:12px 0}.text-button{background:transparent;color:#5b6a52;text-decoration:underline;margin-top:16px}.collected-grid{display:flex;flex-wrap:wrap;gap:9px}.result-note{background:#edf0e5;padding:18px;border-radius:8px}.large-type dialog p,.large-type .instructions{font-size:20px}@media(min-width:1400px){.table-cards{gap:16px}.table-cards .hwatu{width:78px}.table-cards .hwatu svg{height:94px}.board{min-height:420px}.table-middle{min-height:290px}}@media(max-width:1100px){.layout{grid-template-columns:210px minmax(0,1fr);gap:24px;padding:24px}.topbar{padding:20px 24px}.companion h1{font-size:28px}.tally{gap:8px;font-size:13px}.goal{display:none}.board{padding:15px}.table-middle{gap:18px}.hand{gap:5px}.selection-label{display:none}.table-cards{gap:9px}.hwatu{width:61px}.hwatu svg{height:73px}}@media(max-width:800px){.topbar{padding:14px 18px}.brand{font-size:23px}.brand-flower{font-size:36px}.brand small{font-size:10px;letter-spacing:1px}nav{gap:1px}nav button{min-width:48px;font-size:21px}nav button span{font-size:10px}.layout{display:flex;flex-direction:column;padding:14px 16px;gap:12px}.companion{display:grid;grid-template-columns:70px 1fr;gap:8px;padding:0;align-items:center}.companion .season,.companion h1,.intro,.character-name,.tea,.gentle-note{display:none}.portrait{margin:0;height:70px;grid-column:1;grid-row:1;overflow:hidden;border-radius:100%;background:#d8ddc8}.portrait svg{height:82px;top:2px}.speech{margin:0;padding:10px 18px;grid-column:2;font-size:16px;text-align:left;line-height:1.5}.speech br{display:none}.game-heading{font-size:14px;margin-bottom:10px}.mode{font-size:11px}.board{min-height:325px;border-width:6px;border-radius:12px;padding:13px 10px 4px}.opponent{gap:8px;flex-wrap:wrap;padding-bottom:9px}.opponent>.tally{gap:9px}.opponent-hand{display:none}.player-label{font-size:16px;margin-right:7px}.opponent strong,.my-score strong{font-size:24px}.table-middle{gap:14px;min-height:230px;padding:14px 0}.table-cards{gap:8px}.hwatu{width:54px}.hwatu svg{height:66px}.card-kind{font-size:12px;line-height:19px}.card-month{font-size:12px}.deck{min-width:48px;font-size:10px}.card-back{width:43px;height:66px;font-size:23px;border-width:3px}.card-back span{font-size:8px}.last-card{font-size:10px}.last-card .hwatu{width:37px}.last-card .hwatu svg{height:43px}.board-bottom>span{font-size:10px}.board-bottom button{font-size:12px}.my-score{padding-top:22px}.tally{font-size:13px;gap:10px}.tally b{font-size:17px}.turn-message{font-size:15px;line-height:1.5;margin:0 0 8px;min-height:46px}.hand{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 8px;max-width:450px;margin:auto;padding-top:9px}.hand .hwatu{max-width:78px;justify-self:center}.hand .hwatu svg{height:75px;aspect-ratio:auto}.hand .card-kind{font-size:14px}.hand .hwatu.selected{transform:translateY(-5px)}.action-row{margin-top:16px}.primary{font-size:17px;padding:14px 20px}.secondary{font-size:15px;padding:13px}.game-footer{font-size:11px}.game-footer button{font-size:12px}dialog{padding:28px 22px}dialog h2{font-size:27px}.large-type .turn-message{font-size:19px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.hwatu.matching{outline:4px solid #f2ce78;outline-offset:3px;box-shadow:0 0 16px #f4d89166}
@media(max-width:400px){.topbar{padding:12px}.brand{font-size:20px;gap:7px;white-space:nowrap}.brand-flower{font-size:29px}.brand small{font-size:9px;letter-spacing:0}.topbar nav button{min-width:42px}.topbar nav button span{font-size:9px}.table-middle{gap:8px}.deck{min-width:40px}.table-cards{gap:7px}.table-cards .hwatu{width:50px}.table-cards .hwatu svg{height:62px}.board-bottom>span{max-width:120px;line-height:1.5}.my-score .tally{gap:7px}.hand{gap:9px 5px}.hand .hwatu svg{height:64px}.action-row{gap:8px}.action-row .primary,.action-row .secondary{font-size:14px;padding:13px 12px}.primary span{margin-left:8px}}
/* Sound and motion are separate from the game rules. */
.game-area{position:relative}.board-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:12px}.board-atmosphere i{position:absolute;color:#e9daa7;opacity:.09;font-size:26px;font-style:normal;animation:maru-drift 16s ease-in-out infinite}.board-atmosphere i:nth-child(1){left:12%;top:48%}.board-atmosphere i:nth-child(2){right:13%;top:20%;animation-delay:-6s}.board-atmosphere i:nth-child(3){left:62%;bottom:10%;animation-delay:-10s}.opponent,.table-middle,.board-bottom{position:relative}.sound-status{display:flex;justify-content:center;align-items:center;gap:9px;min-height:30px;font-size:12px;color:#61735b}.music-bars{display:flex;align-items:center;gap:3px;height:16px}.music-bars i{display:block;width:3px;height:4px;background:#8d9b71;border-radius:3px}.playing .music-bars i{animation:maru-bars 1s ease-in-out infinite alternate}.playing .music-bars i:nth-child(2){animation-delay:-.35s}.playing .music-bars i:nth-child(3){animation-delay:-.65s}.audio-settings{text-align:left}.settings-intro{color:#5c715c}.switch-row{display:flex;align-items:center;justify-content:space-between;font-size:19px;font-weight:600;margin:22px 0 12px;min-height:44px}.switch-row input{width:25px;height:25px;accent-color:#923f46;cursor:pointer}.volume-label{display:flex;justify-content:space-between;font-size:16px}.volume-label output{font-variant-numeric:tabular-nums;color:#923f46}.audio-settings input[type=range]{width:100%;height:38px;accent-color:#923f46;cursor:pointer}.theme-label{display:block;font-size:16px;margin:12px 0 8px}.audio-settings select{font:inherit;width:100%;padding:12px;border:1px solid #a6b29a;background:#f6f5eb;border-radius:8px;color:#304737;min-height:48px}.preview-buttons{display:flex;gap:10px;margin:20px 0 0}.preview-buttons button{flex:1;font-size:14px;padding:12px 8px}#audio-feedback{font-size:14px;min-height:26px;margin:10px 0}.audio-settings input:focus-visible,.audio-settings select:focus-visible{outline:3px solid #b58934;outline-offset:3px}.fx-flying{position:fixed;z-index:20;top:0;left:0;width:58px;height:80px;border:3px solid #fff3db;border-radius:5px;overflow:hidden;box-shadow:0 8px 24px #20352755;pointer-events:none}.fx-flying svg{width:100%;height:100%}.fx-particle{position:fixed;z-index:40;left:0;top:0;pointer-events:none;font-size:24px;text-shadow:0 2px 4px #fff8;font-style:normal}.petal-0{color:#c97582}.petal-1{color:#dfb25c}.petal-2{color:#91b395}.petal-3{color:#cca3c6}dialog .fx-particle{position:absolute}.fx-toast{position:absolute;z-index:30;top:135px;left:50%;transform:translateX(-50%);max-width:90%;width:max-content;padding:12px 23px;border-radius:30px;border:1px solid #edd69b;background:#fffae9;color:#754048;font-size:20px;font-weight:700;text-align:center;box-shadow:0 6px 24px #1a332638;pointer-events:none;animation:maru-toast .3s ease-out}dialog .fx-toast{position:sticky;top:auto;bottom:4px;left:auto;transform:none;margin:10px auto 0;font-size:17px}.go-badge{animation:maru-badge .5s ease-out}.hand button.hwatu:active{transform:translateY(-4px) scale(.95)}button.primary:active:not(:disabled),button.secondary:active:not(:disabled){transform:translateY(2px);box-shadow:none}.effects-off *, .effects-off *:before,.effects-off *:after{animation:none!important;transition:none!important}.effects-off .board-atmosphere{display:none}.effects-off .hwatu:hover{transform:none}.effects-off .hwatu.selected{transform:translateY(-5px)}
@media(hover:hover) and (pointer:fine){.hand button.hwatu:not(:disabled):hover{transform:translateY(-10px) rotate(-2deg);box-shadow:0 10px 18px #31442d33;border-color:#d1a44d}.hand button.hwatu.selected:hover{transform:translateY(-14px) rotate(0)}.hwatu.pickable:hover{transform:translateY(-5px) scale(1.08)}.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 0 #743339,0 9px 16px #923f4628}.secondary:hover:not(:disabled){transform:translateY(-2px);background:#d6dfc9}nav button:hover{background:#dde4d3}.portrait:hover svg{transform:rotate(-2deg);transition:transform .3s}.effects-off .primary:hover,.effects-off .secondary:hover,.effects-off .portrait:hover svg,.effects-off .hwatu.pickable:hover{transform:none}}
@keyframes maru-drift{0%,100%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(12px,-20px) rotate(30deg)}}@keyframes maru-bars{from{height:4px}to{height:15px}}@keyframes maru-toast{from{opacity:0;margin-top:10px}to{opacity:1;margin-top:0}}@keyframes maru-badge{0%{transform:scale(.7)}60%{transform:scale(1.18)}100%{transform:scale(1)}}
@media(max-width:800px){.fx-toast{top:110px;font-size:17px;padding:10px 16px}.sound-status{font-size:11px}}@media(prefers-reduced-motion:reduce){.board-atmosphere{display:none}.hwatu:hover,.primary:hover,.secondary:hover,.portrait:hover svg{transform:none!important}}
.sound-toolbar{margin:0 0 20px;padding:17px 18px;background:#fffcf4;border:1px solid #b7c5ad;border-radius:12px;box-shadow:0 3px 10px #2947370a}.sound-toolbar-title{font-size:18px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.sound-toolbar-title small{font-size:13px;font-weight:400;color:#526549}.sound-toolbar-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.sound-control,.sound-settings-button{min-height:72px;padding:12px 9px;border:2px solid #899d7d;border-radius:9px;background:#fffdf5;color:#314d3d;font-size:19px;font-weight:700;text-align:center}.sound-control>span,.sound-settings-button>span{margin-right:5px}.sound-control small,.sound-settings-button small{display:block;font-size:12px;font-weight:400;margin-top:7px;line-height:1.4}.sound-control[aria-pressed=true]{background:#315548;border-color:#315548;color:#fffced}.sound-settings-button{background:#e7ecdd;border-color:#c4cdb7}.sound-control:hover,.sound-settings-button:hover{box-shadow:0 3px 10px #31554822}.large-type .sound-control,.large-type .sound-settings-button{font-size:22px}.large-type .sound-control small,.large-type .sound-settings-button small{font-size:15px}@media(max-width:800px){.sound-toolbar{padding:14px 12px;margin-bottom:16px}.sound-toolbar-title{font-size:17px;display:block}.sound-toolbar-title small{display:block;margin-top:5px}.sound-toolbar-buttons{grid-template-columns:1fr 1fr;gap:9px}.sound-settings-button{grid-column:1/-1;min-height:50px;font-size:16px;padding:10px}.sound-settings-button small{display:inline;margin-left:10px}.sound-control{font-size:18px;min-height:76px}}@media(max-width:400px){.sound-control{font-size:16px}.sound-control small{font-size:11px}.sound-settings-button small{display:block;margin:5px 0 0}}