.hanafuda-root{color:#27382e;font-synthesis:none;--pine:#193c32;--red:#a23629;--ink:#27382e;--hanafuda-muted:#63685e;--paper:#fffdf6;--gold:#eed59a;background:#f6f3eb;font-family:Noto Sans JP,sans-serif}.hanafuda-root,.hanafuda-root *{box-sizing:border-box}.hanafuda-root{background:#f6f3eb;margin:0}.hanafuda-root button,.hanafuda-root a{-webkit-tap-highlight-color:transparent}.hanafuda-root button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}.hanafuda-root button:disabled{cursor:default}.hanafuda-root button:focus-visible,.hanafuda-root a:focus-visible{outline-offset:4px;outline:3px solid #d78425}.hanafuda-root a{color:inherit}.hanafuda-root h2,.hanafuda-root h3,.hanafuda-root p{margin:0}.hanafuda-root button{transition:background .16s,box-shadow .16s,opacity .16s}.hanafuda-root button:not(:disabled):hover{filter:brightness(.96)}.hanafuda-root.app-shell{max-width:1360px;margin:auto;padding:0 40px}.hanafuda-root .site-header{border-bottom:1px solid #dcded2;justify-content:space-between;align-items:center;height:102px;display:flex}.hanafuda-root .brand{align-items:center;gap:14px;text-decoration:none;display:flex}.hanafuda-root .seal{background:var(--red);color:#fff9ee;border-radius:5px;place-items:center;width:44px;height:48px;font:30px Noto Serif JP,serif;display:grid}.hanafuda-root .brand strong{letter-spacing:.15em;font:700 27px Noto Serif JP,serif}.hanafuda-root .brand small{letter-spacing:.18em;color:var(--hanafuda-muted);margin-top:4px;font-size:10px;display:block}.hanafuda-root nav{align-items:center;gap:10px;display:flex}.hanafuda-root nav button{border-radius:22px;padding:10px 12px;font-size:12px}.hanafuda-root .hint-toggle{color:#324c37;background:#e7ece2}.hanafuda-root .intro{justify-content:space-between;align-items:center;padding:25px 0 23px;display:flex}.hanafuda-root .eyebrow{color:#5b614e;letter-spacing:.16em;margin-bottom:8px;font-size:10px;display:block}.hanafuda-root :where(.brand,.character-select) h2{letter-spacing:.05em;font:600 27px Noto Serif JP,serif}.hanafuda-root .match-score{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;width:248px;font-size:12px;display:flex}.hanafuda-root .match-score b{margin:0 9px;font:600 27px Georgia,serif}.hanafuda-root .match-score i{color:#777d6e;font-size:10px;font-style:normal}.hanafuda-root .match-score small{text-align:center;color:#696d61;width:100%;margin-top:-12px;font-size:10px}.hanafuda-root .hf-table{background:var(--pine);color:#f8f4e7;border:1px solid #254c3f;border-radius:16px;padding:20px 26px 0;scroll-margin-top:10px;overflow:hidden;box-shadow:0 12px 28px #17281c12}.hanafuda-root .table-top{align-items:center;gap:12px;font-size:11px;display:flex}.hanafuda-root .round-label{font-size:14px;font-weight:600}.hanafuda-root .round-label span{color:#cad1ba;font-size:11px}.hanafuda-root .practice-label{color:#e3e6d2;border:1px solid #587063;border-radius:4px;padding:4px 8px;font-size:10px}.hanafuda-root .table-link{color:#e3e7d4;text-underline-offset:4px;white-space:nowrap;min-height:32px;font-size:10px;text-decoration:underline}.hanafuda-root .opponent{border-bottom:1px solid #537060;align-items:center;gap:16px;padding:18px 0 17px;display:flex}.hanafuda-root .player-name{align-items:center;gap:10px;min-width:137px;display:flex}.hanafuda-root .avatar{color:#374338;background:#e7e3cf;border-radius:50%;place-items:center;width:36px;height:36px;font-family:Noto Serif JP,serif;display:grid}.hanafuda-root .player-name strong{font-size:13px;display:block}.hanafuda-root .player-name strong span{border:1px solid #6c8476;margin-left:4px;padding:1px 4px;font-size:9px;font-weight:400}.hanafuda-root .player-name small{color:#dee4ce;max-width:210px;margin-top:4px;font-size:10px;display:block}.hanafuda-root .backs{flex:1;justify-content:center;gap:5px;display:flex}.hanafuda-root .card-back{background:repeating-linear-gradient(45deg,#5a3026 0 2px,#743e2e 2px 4px);border:2px solid #dad9bd;border-radius:2px;width:25px;height:38px}.hanafuda-root .field-heading{color:#f2f0da;justify-content:space-between;align-items:center;padding:16px 0 9px;font-size:11px;display:flex}.hanafuda-root .field-heading small{color:#d0dac4;margin-left:10px;font-size:10px}.hanafuda-root .field-heading>span:last-child{color:#f5dfaa;background:#2e5140;border-radius:12px;padding:4px 10px;font-size:10px}.hanafuda-root .field-area{grid-template-columns:85px minmax(0,1fr);gap:20px;min-height:281px;padding:6px 0 15px;display:grid}.hanafuda-root .deck-area{color:#dfe4d1;flex-direction:column;align-items:center;gap:10px;padding-top:20px;font-size:10px;display:flex}.hanafuda-root .deck{background:repeating-linear-gradient(45deg,#543027 0 2px,#743e2e 2px 5px);border:4px solid #e6d8b8;border-radius:5px;place-items:center;width:66px;height:102px;display:grid;box-shadow:3px 3px #8b8d73,5px 5px #e2d5b8}.hanafuda-root .deck span{color:#f4e6c6;background:#543127;border:1px solid #d9ba86;place-items:center;width:35px;height:48px;font:24px Noto Serif JP,serif;display:grid}.hanafuda-root .deck.ready{outline-offset:5px;outline:3px solid #ffdb84}.hanafuda-root .field-cards{grid-template-columns:repeat(4,72px);place-content:start center;gap:28px 20px;padding-top:20px;display:grid}.hanafuda-root .card{color:#3e3826;background:#fff8e4;border:3px solid #f8f1dc;border-radius:5px;flex-direction:column;flex-shrink:0;width:72px;height:119px;padding:0;display:flex;position:relative;overflow:visible;box-shadow:0 3px 6px #07171038}.hanafuda-root .card img{object-fit:fill;border:1px solid #39352a;width:100%;height:85px;display:block}.hanafuda-root .card-month{flex-shrink:0;justify-content:space-between;height:18px;padding:0 3px;font-size:10px;line-height:17px;display:flex}.hanafuda-root .card-month b{font-weight:700}.hanafuda-root .card-kind{background:#fff5dd;flex-shrink:0;height:12px;font-size:8px;line-height:12px}.hanafuda-root .kind-光{color:#583c17;background:#f5d38c}.hanafuda-root .kind-短冊{color:#683529;background:#f4dfd3}.hanafuda-root .kind-たね{color:#324529;background:#dce6cd}.hanafuda-root .card:disabled{opacity:1}.hanafuda-root .card.match,.hanafuda-root .card.paired{outline-offset:3px;outline:3px solid #f0d28b;animation:1.8s ease-in-out infinite hf-target-glow}.hanafuda-root .card.selected{outline-offset:3px;background:#ffde9a;outline:3px solid #f0d28b}.hanafuda-root .match-dot{color:#193c32;white-space:nowrap;background:#f5d894;border:1px solid #193c32;border-radius:4px;height:18px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-24px;left:-3px;right:-3px}.hanafuda-root .drawn-card{flex-direction:column;align-items:center;gap:6px;display:flex}.hanafuda-root .drawn-card .card{width:48px;height:80px}.hanafuda-root .drawn-card .card img{height:50px}.hanafuda-root .coach{min-height:128px;color:var(--ink);background:#f3efdd;border-left:4px solid #d9b562;border-radius:8px;flex-direction:column;gap:9px;padding:13px 16px;display:flex;position:relative}.hanafuda-root .coach-main{align-items:center;gap:11px;display:flex}.hanafuda-root .coach-number{background:#dce3cf;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-family:Georgia,serif;font-size:16px;display:grid}.hanafuda-root .coach h2{margin-bottom:5px;font-size:14px;font-weight:700}.hanafuda-root .coach p{color:#535c4a;font-size:10px;line-height:1.8}.hanafuda-root .coach-actions{justify-content:flex-end;align-items:center;gap:8px;min-height:33px;display:flex}.hanafuda-root .primary,.hanafuda-root .secondary{border-radius:6px;min-height:36px;padding:9px 14px;font-size:11px;font-weight:600}.hanafuda-root .primary{background:var(--red);color:#fff9ed}.hanafuda-root .secondary{color:#334a35;background:#fffdf4;border:1px solid #b4baa7}.hanafuda-root .celebrate{background:#fbebc5;border-color:#a84629}.hanafuda-root .hand-heading{justify-content:space-between;align-items:center;padding-top:19px;font-size:12px;display:flex}.hanafuda-root .hand-heading small{color:#e1e6d3;margin-left:6px;font-size:10px;font-weight:400}.hanafuda-root .hand-heading>span{color:#d6dfca;font-size:10px}.hanafuda-root .hand{scrollbar-width:thin;scrollbar-color:#a3b394 #254b3d;justify-content:center;gap:13px;min-height:153px;padding:0 7px 11px;display:flex;overflow-x:auto}.hanafuda-root .hand-slot{flex-shrink:0}.hanafuda-root .hand-tag{text-align:center;color:#f4dca4;height:23px;font-size:9px;line-height:22px;display:block}.hanafuda-root .table-bottom{border-top:1px solid #537060;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:8px 0;display:flex}.hanafuda-root .table-bottom>span{color:#e2e7d4;font-size:10px;line-height:1.7}.hanafuda-root .sidebar{flex-direction:column;gap:15px;display:flex}.hanafuda-root .goal-panel{background:#fffdf7;border:1px solid #dedfcf;border-radius:12px;padding:21px 21px 4px}.hanafuda-root .section-heading{justify-content:space-between;align-items:center;gap:6px;display:flex}.hanafuda-root .section-heading h2{font:600 18px Noto Serif JP,serif}.hanafuda-root .section-heading button{color:#565f4d;white-space:nowrap;min-height:32px;font-size:10px}.hanafuda-root .section-heading small{margin-left:3px;font:11px Noto Sans JP,sans-serif}.hanafuda-root .section-description{color:#646956;margin:12px 0 2px;font-size:11px;line-height:1.9}.hanafuda-root .goal{border-bottom:1px solid #e6e5d8;padding:16px 0}.hanafuda-root .goal:last-child{border:0}.hanafuda-root .goal-heading{justify-content:space-between;align-items:center;margin-bottom:9px;font-size:12px;display:flex}.hanafuda-root .goal-heading>span{color:#8f3b2c;font-size:11px}.hanafuda-root .goal-content{justify-content:space-between;align-items:center;gap:6px;display:flex}.hanafuda-root .goal-cards{gap:6px;display:flex}.hanafuda-root .goal-card{background:#fff;border:2px solid #dddccf;border-radius:3px;width:34px;height:54px;padding:0;position:relative;overflow:hidden}.hanafuda-root .goal-card img{object-fit:fill;opacity:.65;width:100%;height:100%}.hanafuda-root .goal-card.owned{border-color:#2d5941}.hanafuda-root .goal-card.owned img{opacity:1}.hanafuda-root .goal-card.owned span{color:#fff;background:#254c38;padding:0 2px;font-size:10px;position:absolute;bottom:0;right:0}.hanafuda-root .goal-card.preview{outline-offset:2px;outline:2px solid #a77123}.hanafuda-root .progress-label{text-align:right;color:#536145;white-space:nowrap;font-size:11px}.hanafuda-root .progress-label small{color:#636d56;margin-top:5px;font:11px Georgia,serif;display:block}.hanafuda-root .goal p{color:#616751;margin-top:8px;font-size:9px;line-height:1.8}.hanafuda-root .goal.achieved .goal-heading b{color:#315b3d}.hanafuda-root .collection-panel{background:#e9edde;border:1px solid #d8dfcb;border-radius:10px;padding:17px 18px}.hanafuda-root .collection-panel .section-heading h2{font-size:16px}.hanafuda-root .collection-counts{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:12px;display:grid}.hanafuda-root .collection-counts button{text-align:center;border-right:1px solid #c8d1bb;flex-direction:column;gap:5px;padding:3px;display:flex}.hanafuda-root .collection-counts button:last-child{border:0}.hanafuda-root .collection-counts span{font-size:9px}.hanafuda-root .collection-counts b{font:21px Georgia,serif}.hanafuda-root .collection-panel p{color:#59644b;margin-top:11px;font-size:9px;line-height:1.8}.hanafuda-root .lesson{background:#eee8d7;border:1px solid #dfdccb;border-radius:10px;grid-template-columns:1fr 76px;align-items:center;gap:8px;padding:15px 0 15px 17px;display:grid;overflow:hidden}.hanafuda-root .lesson h3{margin-bottom:8px;font:600 13px/1.6 Noto Serif JP,serif}.hanafuda-root .lesson p{color:#575e4c;font-size:10px;line-height:1.9}.hanafuda-root .lesson img{object-fit:cover;object-position:60% 60%;mix-blend-mode:multiply;width:76px;height:130px}.hanafuda-root .lesson .eyebrow{margin-bottom:7px;font-size:9px}.hanafuda-root .lesson.risk{background:#f5e4c5}.hanafuda-root .result-summary{background:#efe8d3;border:1px solid #d7ccaa;border-radius:10px;margin-top:18px;padding:25px}.hanafuda-root .result-summary h2{margin-bottom:12px;font:600 22px Noto Serif JP,serif}.hanafuda-root .result-summary p{font-size:12px;line-height:2}.hanafuda-root footer{color:#65705a;justify-content:space-between;padding:22px 0 28px;font-size:10px;display:flex}.hanafuda-root footer i{margin:0 8px;font-style:normal}.hanafuda-root footer button{font-size:10px}.hanafuda-root dialog{color:#27382e;background:#fffdf5;border:1px solid #d5d7c8;border-radius:14px;width:calc(100% - 28px);max-width:730px;max-height:85dvh;padding:25px 30px;box-shadow:0 18px 80px #0004}.hanafuda-root dialog::backdrop{background:#0a2019a6}.hanafuda-root .dialog-head{border-bottom:1px solid #d9ddcf;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:13px;display:flex}.hanafuda-root .dialog-head h2{font:600 23px Noto Serif JP,serif}.hanafuda-root .close{background:#eeefe4;border-radius:50%;width:44px;height:44px;font-size:29px}.hanafuda-root dialog p,.hanafuda-root dialog li{color:#535f49;font-size:12px;line-height:2}.hanafuda-root dialog h3{margin:16px 0 10px;font-size:16px}.hanafuda-root dialog h4{font-size:13px}.hanafuda-root dialog a{color:#873c2b;text-underline-offset:3px}.hanafuda-root .rules li{margin-bottom:14px}.hanafuda-root .rules ol{padding-left:22px}.hanafuda-root .rules p{margin-bottom:12px}.hanafuda-root .all-goals{grid-template-columns:1fr 1fr;gap:5px 35px;display:grid}.hanafuda-root .all-goals .goal{border-bottom:1px solid #e6e5d8}.hanafuda-root .dots{flex-wrap:wrap;gap:2px;display:flex}.hanafuda-root .dots span{color:#717663;background:#ebece3;border-radius:3px;font-size:16px}.hanafuda-root .dots .filled{color:#fff;background:#31543c}.hanafuda-root .filter-tabs{gap:8px;display:flex}.hanafuda-root .filter-tabs button{background:#eef0e4;border-radius:5px;padding:10px 14px;font-size:12px}.hanafuda-root .filter-tabs button[aria-pressed=true]{color:#fff;background:#244c36}.hanafuda-root .collected-cards{flex-wrap:wrap;gap:15px;min-height:150px;padding:25px 0;display:flex}.hanafuda-root .card-detail{grid-template-columns:160px 1fr;gap:30px;padding:15px 0;display:grid}.hanafuda-root .card-detail>.card{width:160px;height:256px}.hanafuda-root .card-detail>.card img{height:218px}.hanafuda-root .card-detail>.card .card-month,.hanafuda-root .card-detail>.card .card-kind{height:16px;font-size:11px;line-height:16px}.hanafuda-root .card-detail h3{margin-top:0}.hanafuda-root .history{padding-left:24px}.hanafuda-root .history li{padding-bottom:12px}.hanafuda-root .restart-actions{gap:12px;margin-top:20px;display:flex}@media (min-width:1450px){.hanafuda-root.app-shell{max-width:1430px}.hanafuda-root .game-layout{grid-template-columns:minmax(0,1fr) 326px}.hanafuda-root .field-cards{gap:28px 32px}.hanafuda-root .hand{gap:18px}}@media (max-width:1150px){.hanafuda-root.app-shell{padding:0 22px}.hanafuda-root .game-layout{grid-template-columns:minmax(0,1fr) 275px;gap:16px}.hanafuda-root .hf-table{padding:17px 17px 0}.hanafuda-root .hand{justify-content:flex-start;gap:9px}.hanafuda-root .field-cards{gap:28px 14px}.hanafuda-root .field-area{gap:8px}.hanafuda-root .backs{gap:3px}.hanafuda-root .card-back{width:19px}.hanafuda-root .goal-panel{padding:18px 16px 4px}.hanafuda-root .lesson{grid-template-columns:1fr 58px}.hanafuda-root .lesson img{width:58px}.hanafuda-root .opponent{gap:9px}.hanafuda-root .hand-heading>span{font-size:9px}}@media (max-width:900px){.hanafuda-root .game-layout{grid-template-columns:1fr}.hanafuda-root .sidebar{grid-template-columns:1fr 1fr;align-items:start;display:grid}.hanafuda-root .goal-panel{grid-row:span 2}.hanafuda-root .hand{justify-content:center}.hanafuda-root .hf-table{padding:18px 25px 0}.hanafuda-root .field-cards{grid-template-columns:repeat(4,76px);gap:28px}.hanafuda-root .field-cards .card{width:76px}.hanafuda-root .field-area{grid-template-columns:95px minmax(0,1fr);min-height:284px}.hanafuda-root .intro{padding:23px 0}.hanafuda-root .site-header{height:84px}}@media (max-width:600px){.hanafuda-root.app-shell{padding:0 12px}.hanafuda-root .site-header{height:75px}.hanafuda-root .brand{gap:8px}.hanafuda-root .seal{width:32px;height:37px;font-size:23px}.hanafuda-root .brand strong{font-size:21px}.hanafuda-root .brand small{font-size:8px}.hanafuda-root .site-header nav{gap:0}.hanafuda-root .site-header nav button{padding:8px 7px;font-size:10px}.hanafuda-root .desktop-only,.hanafuda-root .hint-toggle span{display:none}.hanafuda-root .intro{gap:8px;padding:18px 1px}.hanafuda-root :where(.brand,.character-select) h2{max-width:210px;font-size:19px;line-height:1.65}.hanafuda-root .intro .eyebrow{margin-bottom:3px;font-size:8px}.hanafuda-root .match-score{flex-shrink:0;gap:3px;width:113px;font-size:9px}.hanafuda-root .match-score b{margin:0 2px;font-size:21px}.hanafuda-root .match-score i{font-size:8px}.hanafuda-root .match-score small{margin-top:1px;font-size:8px;line-height:1.5}.hanafuda-root .hf-table{border-radius:11px;padding:12px 12px 0}.hanafuda-root .table-top{gap:7px}.hanafuda-root .round-label{font-size:12px}.hanafuda-root .practice-label{padding:3px 5px;font-size:8px}.hanafuda-root .table-link{font-size:9px}.hanafuda-root .opponent{gap:7px;padding:10px 0}.hanafuda-root .avatar{width:29px;height:29px;font-size:13px}.hanafuda-root .player-name{gap:6px;min-width:99px}.hanafuda-root .player-name strong{font-size:11px}.hanafuda-root .player-name strong span{font-size:8px}.hanafuda-root .player-name small{max-width:125px;font-size:8px}.hanafuda-root .backs{gap:2px}.hanafuda-root .card-back{border-width:1px;width:12px;height:26px}.hanafuda-root .field-heading{padding:11px 0 8px;font-size:10px}.hanafuda-root .field-heading small{margin-left:5px;font-size:8px}.hanafuda-root .field-heading>span:last-child{font-size:9px}.hanafuda-root .field-area{grid-template-columns:43px minmax(0,1fr);gap:10px;min-height:239px;padding-top:4px;padding-bottom:12px}.hanafuda-root .field-cards{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:28px 9px}.hanafuda-root .card,.hanafuda-root .field-cards .card{border-width:2px;width:100%;height:101px}.hanafuda-root .card img{height:70px}.hanafuda-root .card-month{height:16px;padding:0 2px;font-size:9px;line-height:15px}.hanafuda-root .card-kind{height:11px;font-size:7px;line-height:10px}.hanafuda-root .deck-area{gap:9px;padding-top:14px;font-size:8px}.hanafuda-root .deck{border-width:2px;width:36px;height:62px;box-shadow:2px 2px #8b8d73,3px 3px #e2d5b8}.hanafuda-root .deck span{width:24px;height:34px;font-size:17px}.hanafuda-root .drawn-card .card{width:36px;height:64px}.hanafuda-root .drawn-card .card img{height:35px}.hanafuda-root .drawn-card small{font-size:7px}.hanafuda-root .match-dot{font-size:9px}.hanafuda-root .coach{gap:8px;min-height:134px;padding:10px}.hanafuda-root .coach-main{align-items:flex-start;gap:8px}.hanafuda-root .coach-number{width:24px;height:24px;font-size:14px}.hanafuda-root .coach h2{margin-bottom:4px;font-size:12px;line-height:1.65}.hanafuda-root .coach p{font-size:10px}.hanafuda-root .coach-actions{min-height:35px}.hanafuda-root .primary,.hanafuda-root .secondary{min-height:40px;font-size:11px}.hanafuda-root .hand-heading{padding-top:13px;font-size:11px}.hanafuda-root .hand-heading>span{text-align:right;max-width:185px;font-size:8px;line-height:1.6}.hanafuda-root .hand{justify-content:flex-start;gap:10px;min-height:132px;padding:0 5px 11px}.hanafuda-root .hand .card{width:58px}.hanafuda-root .hand-tag{height:21px;font-size:8px;line-height:21px}.hanafuda-root .table-bottom{min-height:49px}.hanafuda-root .table-bottom>span{font-size:9px}.hanafuda-root .sidebar{grid-template-columns:1fr;gap:12px}.hanafuda-root .goal-panel{grid-row:auto;padding:18px 18px 4px}.hanafuda-root .goal-panel .goal{vertical-align:top;width:calc(50% - 8px);margin-right:12px;padding:14px 0;display:inline-block}.hanafuda-root .goal-panel .goal:nth-of-type(3){margin-right:0}.hanafuda-root .goal-panel .goal:last-child{border-top:1px solid #e6e5d8;width:100%;margin:0;display:block}.hanafuda-root .goal-panel .goal:last-child .goal-content{justify-content:flex-start;gap:25px}.hanafuda-root .section-description br{display:none}.hanafuda-root .section-description{font-size:11px}.hanafuda-root .lesson{grid-template-columns:1fr 95px;padding:17px}.hanafuda-root .lesson img{width:95px;height:110px}.hanafuda-root .collection-panel{padding:17px 18px}.hanafuda-root .collection-counts b{font-size:24px}.hanafuda-root .collection-panel p{font-size:10px}.hanafuda-root footer{gap:12px;font-size:8px}.hanafuda-root footer button{font-size:8px}.hanafuda-root .all-goals{grid-template-columns:1fr;gap:0}.hanafuda-root .card-detail{grid-template-columns:95px 1fr;gap:16px}.hanafuda-root .card-detail>.card{width:95px;height:160px}.hanafuda-root .card-detail>.card img{height:124px}.hanafuda-root .card-detail>.card .card-month,.hanafuda-root .card-detail>.card .card-kind{font-size:9px}.hanafuda-root .dialog-head h2{font-size:19px}.hanafuda-root dialog{padding:17px}.hanafuda-root .filter-tabs{gap:5px}.hanafuda-root .filter-tabs button{padding:10px 12px}.hanafuda-root .collected-cards .card{width:64px}.hanafuda-root .result-summary{padding:18px}.hanafuda-root .result-summary h2{font-size:19px}}@media (prefers-reduced-motion:reduce){.hanafuda-root,.hanafuda-root *{scroll-behavior:auto!important;transition:none!important}}.hanafuda-root .swipe-note{display:none}@media (max-width:600px){.hanafuda-root .swipe-note{color:#e0e6d1;margin:7px 0 0;font-size:9px;display:block}.hanafuda-root .coach{min-height:134px}.hanafuda-root .hand-heading>span{max-width:160px}}.hanafuda-root .card.match .card-month,.hanafuda-root .card.selected .card-month{color:#193c32;background:#f5d894}@keyframes hf-target-glow{0%,to{box-shadow:0 0 0 4px #f5d89400}50%{box-shadow:0 0 0 7px #f5d89480}}@media (prefers-reduced-motion:reduce){.hanafuda-root .card.match,.hanafuda-root .card.paired{animation:none}}.hanafuda-root .drawn-card .card-month{font-size:7px}.hanafuda-root .coach-help summary{color:#535c4a;cursor:pointer;min-height:32px;padding:8px 0;font-size:11px}.hanafuda-root .coach-help p{margin-top:4px}.hanafuda-root .drawn-card .match-dot{width:18px;top:calc(50% - 9px);left:auto;right:-10px}.hanafuda-root .card{isolation:isolate}.hanafuda-root .card-kind{justify-content:center;align-items:center;gap:4px;display:flex}.hanafuda-root .card-kind b{letter-spacing:.04em;font-size:9px}.hanafuda-root .card-kind small{font-size:7px}@media (hover:hover) and (pointer:fine){.hanafuda-root .card[data-rarity=SSR],.hanafuda-root .card[data-rarity=SR]{transition:transform .16s ease-out}}.hanafuda-root .drawn-slot{width:48px;height:80px}.hanafuda-root .taken-tray,.hanafuda-root .cpu-tray{color:#f4efdb;text-align:left;background:#163b30;border:1px solid #6b8064;border-radius:6px;align-items:center;gap:12px;width:100%;min-height:52px;margin-top:8px;padding:5px 9px;display:flex}.hanafuda-root .taken-tray>span:first-child,.hanafuda-root .cpu-tray>span:first-child{white-space:nowrap;font-size:10px}.hanafuda-root .taken-faces{flex:1;gap:4px;min-width:0;min-height:38px;display:flex;overflow-x:auto}.hanafuda-root .taken-faces img{border:1px solid #cbb687;border-radius:2px;flex-shrink:0;width:25px;height:38px}.hanafuda-root .flying-card{z-index:20;pointer-events:none;transform-origin:0 0;background:#fff8e4;border:3px solid #f8f1dc;border-radius:5px;position:fixed;overflow:hidden;box-shadow:0 7px 18px #07171066}.hanafuda-root .flying-card img{object-fit:fill;width:100%;height:100%;display:block}.hanafuda-root .flying-card.rarity-SSR{border-color:#e4c27b;box-shadow:0 0 14px #f4d89488,0 7px 18px #07171066}.hanafuda-root .flying-card.face-down{background:repeating-linear-gradient(45deg,#543027 0 2px,#743e2e 2px 5px)}.hanafuda-root .flying-card.face-down img{visibility:hidden}.hanafuda-root .hf-table[aria-busy=true] .card{cursor:default}@media (max-width:600px){.hanafuda-root .drawn-slot{width:36px;height:64px}.hanafuda-root .card-kind{gap:2px}.hanafuda-root .card-kind b{font-size:8px}.hanafuda-root .card-kind small{font-size:7px}}@media (prefers-reduced-motion:reduce){.hanafuda-root .card[data-rarity]{transition:none}}.hanafuda-root .card-detail .card-kind b{font-size:11px}.hanafuda-root .card-detail .card-kind small{font-size:9px}@media (prefers-reduced-motion:reduce){.hanafuda-root .card[data-rarity]{transform:none!important}}.hanafuda-root.app-shell{max-width:1024px;padding:0 24px}.hanafuda-root .site-header{border-bottom:0;height:72px}.hanafuda-root .brand h2{font-size:23px}.hanafuda-root .brand .seal{width:34px;height:39px;font-size:24px}.hanafuda-root .game-layout{display:block}.hanafuda-root .match-score{gap:8px;width:auto;margin-left:auto;font-size:11px}.hanafuda-root .match-score b{margin:0 3px;font-size:20px}.hanafuda-root .match-score i{color:#d0dac4}.hanafuda-root .table-top .table-link{margin-left:10px}.hanafuda-root .table-top{min-height:30px}.hanafuda-root .field-area{position:relative}.hanafuda-root .field-heading>span:empty{visibility:hidden}.hanafuda-root .field-heading>span:last-child{min-height:23px}.hanafuda-root .coach{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;min-height:96px;padding:12px 16px}.hanafuda-root .coach h2{margin:0;font-size:15px}.hanafuda-root .coach-main{flex:1;min-width:0}.hanafuda-root .coach-help summary{text-align:center;border:1px solid #8a967d;border-radius:50%;width:28px;line-height:24px;list-style:none}.hanafuda-root .coach-help summary::-webkit-details-marker{display:none}.hanafuda-root .coach-actions{flex-shrink:0}.hanafuda-root .hand{grid-template-columns:repeat(8,72px);gap:10px;display:grid;overflow:visible}.hanafuda-root .hand-tag{font-size:15px}.hanafuda-root .table-bottom{justify-content:flex-end}.hanafuda-root .table-bottom>button:first-child{margin-right:auto}.hanafuda-root .hf-table[data-opening=ready] [data-card-id],.hanafuda-root .hf-table[data-opening=dealing] [data-card-id],.hanafuda-root .hf-table:not([data-opening=playing]) .coach,.hanafuda-root .hf-table:not([data-opening=playing]) .hand-tag{visibility:hidden}.hanafuda-root .hf-table:has(.turn-cutin) .coach{visibility:hidden}.hanafuda-root .turn-layer,.hanafuda-root .start-layer{z-index:24;pointer-events:none;align-items:center;display:grid;position:absolute;inset:0}.hanafuda-root .start-layer{justify-items:center}.hanafuda-root .start-button{pointer-events:auto;color:#213e31;background:#f2d68f;padding:18px 28px;font-size:17px;box-shadow:0 6px 20px #071c1640}.hanafuda-root .turn-cutin{text-align:center;color:#fff1cf;letter-spacing:.13em;background:#102f29f5;border-block:1px solid #f2d68f;padding:22px 12px;font:600 34px Noto Serif JP,serif}.hanafuda-root .turn-cutin[data-player=cpu]{color:#fff1df;background:#522c23f5;border-color:#f0ab86}.hanafuda-root .opening-card{z-index:20;pointer-events:none;transform-origin:0 0;margin:0;position:fixed}.hanafuda-root .opening-card[data-covered=true]{background:repeating-linear-gradient(45deg,#5a3026 0 2px,#743e2e 2px 4px);border-color:#dad9bd}.hanafuda-root .opening-card[data-covered=true]>*{visibility:hidden}.hanafuda-root footer{justify-content:flex-end;padding:12px 0}.hanafuda-root footer>span{display:none}@media (max-width:760px){.hanafuda-root.app-shell{padding:0 12px}.hanafuda-root .hf-table{padding:12px 12px 0}.hanafuda-root .site-header{height:60px}.hanafuda-root .brand h2{font-size:20px}.hanafuda-root .brand{gap:8px}.hanafuda-root .site-header nav{gap:2px}.hanafuda-root nav button{padding:8px}.hanafuda-root .match-score{gap:3px;font-size:10px}.hanafuda-root .match-score b{font-size:18px}.hanafuda-root .table-top{gap:8px}.hanafuda-root .table-top .table-link{margin-left:0}.hanafuda-root .round-label{font-size:12px}.hanafuda-root .opponent{padding:10px 0}.hanafuda-root .coach{flex-direction:column;align-items:stretch;gap:4px;min-height:116px;padding:10px 12px}.hanafuda-root .coach-main{flex:none}.hanafuda-root .coach h2{font-size:14px;line-height:1.5}.hanafuda-root .coach-actions{margin-top:auto}.hanafuda-root .hand{grid-template-columns:repeat(4,minmax(0,72px));justify-content:center;gap:2px 10px;padding:0 0 10px}.hanafuda-root .hand .card{width:100%}.hanafuda-root .hand-tag{height:16px;line-height:16px}.hanafuda-root .turn-cutin{font-size:28px}.hanafuda-root .start-button{padding:16px 20px;font-size:15px}}.hanafuda-root .coach-main>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hanafuda-root .coach-main>div>p{flex-basis:100%}.hanafuda-root .coach-help{margin-top:0}.hanafuda-root .coach-help summary{width:24px;min-height:24px;padding:0;line-height:22px}.hanafuda-root .coach-help[open]{flex-basis:100%}.hanafuda-root .hand{align-content:start;align-items:start}@media (max-width:760px){.hanafuda-root .coach{min-height:130px}.hanafuda-root .hand{min-height:246px}}@media (max-width:600px){.hanafuda-root .field-cards{grid-template-columns:repeat(4,minmax(0,72px))}}@media (min-width:601px) and (max-width:760px){.hanafuda-root .hand{min-height:282px}}.hanafuda-root.app-shell{max-width:1336px}.hanafuda-root .game-layout{grid-template-columns:minmax(0,1fr) 272px;align-items:start;gap:24px;display:grid}.hanafuda-root .yaku-guide{color:#364332;background:#f5f3e9;border:1px solid #deded0;border-radius:14px;padding:18px}.hanafuda-root .guide-heading{justify-content:space-between;align-items:center;display:flex}.hanafuda-root .guide-heading h2{margin:0;font-size:16px}.hanafuda-root .guide-heading>span,.hanafuda-root .guide-rule,.hanafuda-root .guide-legend{color:#526047;font-size:11px;line-height:1.7}.hanafuda-root .guide-rule{margin:12px 0 4px}.hanafuda-root .guide-legend{margin:0 0 6px}.hanafuda-root .guide-list{scrollbar-width:thin;max-height:680px;padding:3px;overflow-y:auto}.hanafuda-root .yaku-guide .goal{padding:13px 0}.hanafuda-root .yaku-guide .goal-cards{gap:4px}.hanafuda-root .yaku-guide .dots{flex-wrap:wrap}.hanafuda-root .yaku-guide .preview-note{color:#755010;margin-bottom:0}.hanafuda-root .guide-more{color:#48553c;background:0 0;border:0;padding:12px 0 0;font-size:11px}.hanafuda-root .dots .projected{outline-offset:1px;outline:2px solid #a77123}.hanafuda-root .card .match-dot{white-space:nowrap;border-radius:5px;width:auto;min-width:38px;height:auto;padding:3px 5px;font-size:10px;line-height:1.3}.hanafuda-root .hand-tag{color:#f7e4ac;font-size:10px}.hanafuda-root .coach-actions button small{margin-top:5px;font-size:10px;font-weight:400;display:block}@media (max-width:1050px){.hanafuda-root .game-layout{display:block}.hanafuda-root .yaku-guide{margin-top:18px}.hanafuda-root .guide-list{gap:20px;max-height:none;display:flex;overflow-x:auto}.hanafuda-root .yaku-guide .goal{border-bottom:0;flex:0 0 220px}}.hanafuda-root .dots .kind-label{color:#526047;background:0 0;border:0;width:100%;height:auto;font-size:10px}.hanafuda-root .dots span{color:#536145}.hanafuda-root .yaku-guide .preview-note{min-height:16px}.hanafuda-root .card.available .match-dot{color:#244631;background:#dce9d3;border-color:#dce9d3}.hanafuda-root .coach.action-dock{color:#fff1cf;background:0 0;border:0;min-height:96px;margin:6px 0;padding:10px 0}.hanafuda-root .coach.action-dock .coach-main{display:block}.hanafuda-root .coach.action-dock h2{color:#fff1cf}.hanafuda-root .coach.action-dock p{color:#e3e8d8;margin:6px 0 0;font-size:11px}.hanafuda-root .coach.action-dock .coach-actions{margin-left:auto}.hanafuda-root .hand-heading .hint-button{min-height:32px;margin-left:auto;padding:5px 8px;font-size:11px}.hanafuda-root .hand-heading{min-height:36px}@media (max-width:760px){.hanafuda-root .coach.action-dock{justify-content:center;align-items:stretch;gap:8px;min-height:130px}.hanafuda-root .coach.action-dock .coach-main{flex:0}.hanafuda-root .coach.action-dock .coach-actions{justify-content:flex-end;margin-left:0}}.hanafuda-root .coach-actions button strong{letter-spacing:.12em;font-family:Noto Serif JP,Yu Mincho,serif;font-size:clamp(25px,3vw,32px);line-height:1.35;display:block}.hanafuda-root .coach-actions button small{font-size:11px;line-height:1.6}.hanafuda-root .sound-volume{align-items:center;display:inline-flex}.hanafuda-root .sound-volume input{accent-color:#d9af69;cursor:pointer;width:68px}.hanafuda-root .audio-error{text-align:center;color:#f2c993;font-size:12px}.hanafuda-root .hf-table:has(.event-cutin) .coach{visibility:hidden}.hanafuda-root .event-cutin{--event-ink:#eac771;isolation:isolate;color:#fff2cc;text-align:center;background:#0c201bf5;border-block:1px solid #bda064;width:100%;min-height:260px;position:relative;overflow:hidden;box-shadow:0 16px 38px #06100c80}.hanafuda-root .event-cutin[data-kind=koi]{--event-ink:#df765a;background:#2b1414f7;border-color:#c57c59}.hanafuda-root .event-stroke{z-index:-1;background:linear-gradient(110deg, transparent 9%, var(--event-ink) 10% 10.4%, transparent 11% 15%, #ab783026 16% 81%, var(--event-ink) 82% 82.5%, transparent 83%);clip-path:polygon(0 24%,100% 0,95% 75%,3% 100%);position:absolute;inset:6% -8%}.hanafuda-root .event-cutin[data-kind=koi] .event-stroke{background:linear-gradient(110deg, transparent 8%, #ba382be6 9% 85%, var(--event-ink) 86% 86.4%, transparent 87%)}.hanafuda-root .event-cutin:after{content:"";border:1px solid var(--event-ink);opacity:.2;z-index:-1;border-radius:50%;width:180px;height:180px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hanafuda-root .event-content{padding:20px 14px;position:relative}.hanafuda-root .event-label{letter-spacing:.25em;color:#f1dca8;font-size:11px}.hanafuda-root .event-title{letter-spacing:.09em;text-shadow:0 2px #57411c,0 0 24px #f7cc5540;overflow-wrap:anywhere;margin:7px auto 10px;font-family:Noto Serif JP,Yu Mincho,serif;font-size:clamp(26px,4vw,48px);font-weight:900;line-height:1.3}.hanafuda-root .event-cutin[data-kind=koi] .event-title{letter-spacing:.06em;text-shadow:3px 4px #47100e;margin:18px 0;font-size:clamp(48px,7vw,84px);font-style:italic}.hanafuda-root .event-cards{justify-content:center;gap:8px;margin:8px 0 10px;display:flex}.hanafuda-root .event-cards:empty{display:none}.hanafuda-root .event-cards img{object-fit:fill;border:2px solid #e8c47a;border-radius:3px;width:42px;height:66px;box-shadow:0 3px 10px #0008}.hanafuda-root .event-caption{color:#f1dca8;letter-spacing:.2em;font-size:13px}@media (max-width:600px){.hanafuda-root .event-cutin{min-height:236px}.hanafuda-root .event-content{padding:18px 8px}.hanafuda-root .event-title{letter-spacing:.02em;font-size:27px}.hanafuda-root .event-cards{gap:5px}.hanafuda-root .event-cards img{width:34px;height:54px}}.hanafuda-root .event-extra{color:#f1dca8;white-space:nowrap;align-self:center;font-size:12px}.hanafuda-root .event-cutin.has-character{min-height:310px}.hanafuda-root .event-cutin .event-character{object-fit:cover;object-position:50% 40%;width:48%;height:100%;position:absolute;inset:0 auto 0 0;-webkit-mask-image:linear-gradient(90deg,#000 80%,#0000);mask-image:linear-gradient(90deg,#000 80%,#0000)}.hanafuda-root .event-cutin.has-character .event-content{margin-left:40%}.hanafuda-root .event-cutin.has-character[data-player=cpu] .event-character{left:auto;right:0;-webkit-mask-image:linear-gradient(270deg,#000 80%,#0000);mask-image:linear-gradient(270deg,#000 80%,#0000)}.hanafuda-root .event-cutin.has-character[data-player=cpu] .event-content{margin-left:0;margin-right:40%}.hanafuda-root .event-cutin[data-character=shizuku]{--event-ink:#c0daf3;background:#142333f7;border-color:#a4bbd6}@media (max-width:600px){.hanafuda-root .event-cutin.has-character{min-height:300px}.hanafuda-root .event-cutin.has-character .event-character{object-position:50% 33%;width:100%;height:145px;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 65%,#0000);mask-image:linear-gradient(#000 65%,#0000)}.hanafuda-root .event-cutin.has-character .event-content,.hanafuda-root .event-cutin.has-character[data-player=cpu] .event-content{margin:0;padding-top:145px}.hanafuda-root .event-cutin.has-character[data-player=cpu] .event-character{-webkit-mask-image:linear-gradient(#000 65%,#0000);mask-image:linear-gradient(#000 65%,#0000)}.hanafuda-root .event-cutin.has-character[data-kind=koi] .event-title{margin:8px 0}.hanafuda-root .event-cutin.has-character .event-card{width:min(92px, calc((100% - 34px) / var(--show-count,1)))}}.hanafuda-root .event-cutin[data-kind=win]{--event-ink:#ffe4a0;background:#241c10f7;border-block:2px solid #f0ce80;box-shadow:0 0 60px #e4b85555,0 18px 48px #0008}.hanafuda-root .event-cutin[data-kind=win] .event-title{letter-spacing:.24em;color:#ffe8ac;text-shadow:3px 4px #6d3a18,0 0 28px #ffca6b99;margin-block:18px;font-size:clamp(62px,9vw,100px)}.hanafuda-root .event-cutin[data-kind=win] .event-caption{font-size:clamp(16px,2vw,23px);font-weight:700}.hanafuda-root .event-cutin[data-kind=win] .event-stroke{clip-path:none;background:repeating-conic-gradient(from 10deg,#0000 0deg 12deg,#e7b74b22 13deg 15deg,#0000 17deg 30deg);animation:9s linear infinite hf-victory-rays;inset:-60%}.hanafuda-root .event-cutin[data-kind=win]:after{opacity:0;z-index:2;background:linear-gradient(90deg,#0000,#fff3c1,#0000);border:0;border-radius:0;width:160%;height:3px;animation:.75s ease-out hf-victory-slash}@keyframes hf-victory-rays{to{rotate:30deg}}@keyframes hf-victory-slash{0%{opacity:0;transform:translate(-100%,-50%)rotate(-14deg)}25%{opacity:1}to{opacity:0;transform:translate(15%,-50%)rotate(-14deg)}}@media (prefers-reduced-motion:reduce){.hanafuda-root .event-cutin[data-kind=win] .event-stroke,.hanafuda-root .event-cutin[data-kind=win]:after{animation:none}}@media (max-width:600px){.hanafuda-root .event-cutin.has-character[data-character=shizuku] .event-character,.hanafuda-root .match-result .result-character[src*=shizuku-]{object-position:50% 0%}}.hanafuda-root .event-score-detail{color:#f3e5bf;overflow-wrap:anywhere;margin-top:8px;font-size:clamp(11px,1.15vw,15px);line-height:1.6}.hanafuda-root .card:has(.collector-face){box-shadow:none;background:0 0;border:0}.hanafuda-root .collector-face{aspect-ratio:2/3;isolation:isolate;background:#10231c;border-radius:4%;width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 0 .6px #cfb878,.4px .4px #e4cb91,.8px .8px #524936,1.2px 1.2px #a78d59,1.6px 1.6px #19271f,5px 7px 10px #0008;container-type:inline-size}.hanafuda-root .collector-face.scene-cup{box-shadow:0 0 0 .6px #d5d3bc,.4px .4px #c6ccbd,.8px .8px #50584d,1.2px 1.2px #8c998b,1.6px 1.6px #19271f,5px 7px 10px #0008}.hanafuda-root .card .collector-face>img.original-art{object-fit:contain;border-radius:inherit;border:0;width:100%;height:100%;position:absolute;inset:0}.hanafuda-root .card .collector-face .card-month,.hanafuda-root .card .collector-face .card-kind{color:#f7e4b8;letter-spacing:.04em;text-align:center;z-index:3;background:#10231c;border-radius:2px;width:max-content;max-width:48%;height:auto;padding:1px 3px;font-size:clamp(9px,4.5cqw,16px);line-height:1.1;position:absolute;left:50%;transform:translate(-50%)}.hanafuda-root .card .collector-face .card-month{top:.7%}.hanafuda-root .card .collector-face .card-kind{bottom:.7%}.hanafuda-root .card .collector-face .card-kind b{font-size:inherit}.hanafuda-root .card .collector-face .card-month:after{content:none}.hanafuda-root .card:has(.collector-face):is(.selected,.match) .card-month{color:#193c32;background:#f5d894}.hanafuda-root .collector-foil,.hanafuda-root .collector-varnish{border-radius:inherit;pointer-events:none;z-index:1;position:absolute;inset:0}.hanafuda-root .collector-foil{background:linear-gradient(115deg,#0000 25%,#cba25340 40%,#fff4cfed 49%,#fffef5 50%,#e5bc6570 54%,#0000 66%) 0 0/260% 260%;background-position:var(--foil-x,32%) var(--foil-y,45%);mix-blend-mode:screen;opacity:.42;transition:opacity .2s;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:luminance;mask-mode:luminance}.hanafuda-root .collector-varnish{background:radial-gradient(ellipse at var(--foil-x,24%) var(--foil-y,18%), #fff7df55, transparent 58%);mix-blend-mode:screen;opacity:.2}.hanafuda-root .scene-moon .collector-varnish{clip-path:ellipse(20% 14% at 73% 21%);background:linear-gradient(125deg,#aedecb20,#fff7e780 40%,#d0bfe650 53%,#0000 70%) 0 0/220% 220%;background-position:var(--foil-x,32%) var(--foil-y,45%);opacity:.45}.hanafuda-root .scene-cup .collector-varnish{clip-path:ellipse(34% 16% at 51% 73%);opacity:.55}.hanafuda-root .card-detail:has(.collector-face){grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:center;gap:36px;padding:28px 0}.hanafuda-root .card-detail:has(.collector-face)>.card{aspect-ratio:2/3;width:100%;height:auto}.hanafuda-root .card-detail .collector-face{box-shadow:0 0 0 1px #d6bd83,1px 1px #e4cb91,2px 2px #524936,3px 3px #a78d59,4px 4px #19271f,7px 10px 16px #0005,14px 22px 36px #07171030}.hanafuda-root .card-detail .collector-foil{opacity:.65}.hanafuda-root .art-motion{pointer-events:none;z-index:1;opacity:.45;transition:opacity .2s;position:absolute;inset:8% 3% 6%;overflow:hidden}.hanafuda-root .card:is(.selected,.match) .art-motion,.hanafuda-root .card-detail .art-motion{opacity:.85}.hanafuda-root .art-motion i{display:block;position:absolute}.hanafuda-root .art-sakura i{background:linear-gradient(130deg,#ffeddb,#dcae93);border-radius:80% 0 80% 35%;width:3.5%;height:2.5%;animation:8s linear infinite hf-petal-drift;top:15%;left:22%}.hanafuda-root .art-sakura i:nth-child(2){animation-delay:-3s;top:28%;left:54%}.hanafuda-root .art-sakura i:nth-child(3){animation-delay:-5.5s;top:5%;left:72%}@keyframes hf-petal-drift{0%{opacity:0;transform:translate(0)rotate(-25deg)}15%{opacity:.9}85%{opacity:.65}to{opacity:0;transform:translate(-220%,1100%)rotate(160deg)}}.hanafuda-root .art-moon i{clip-path:polygon(0 65%,25% 45%,38% 48%,50% 10%,60% 35%,82% 40%,100% 60%,78% 76%,40% 70%,26% 85%);background:linear-gradient(#0000,#e6d7aa75,#0000);width:80%;height:12%;animation:12s linear infinite hf-cloud-drift;top:22%;left:15%}.hanafuda-root .art-moon i:nth-child(2){animation-delay:-6s;top:36%;left:-25%}.hanafuda-root .art-moon i:nth-child(3){display:none}@keyframes hf-cloud-drift{0%{opacity:0;transform:translate(-35%)}25%,75%{opacity:.8}to{opacity:0;transform:translate(45%)}}.hanafuda-root .art-cup i{border:1px solid #fff0bd;border-radius:50%;width:50%;height:7%;animation:5s linear infinite hf-cup-ripple;top:67%;left:25%}.hanafuda-root .art-cup i:nth-child(2){animation-delay:-2.5s}.hanafuda-root .art-cup i:nth-child(3){display:none}@keyframes hf-cup-ripple{0%{opacity:0;transform:scale(.45)}20%{opacity:.7}to{opacity:0;transform:scale(1.08)}}@media (hover:hover) and (pointer:fine){.hanafuda-root .card:has(.collector-face):hover .art-motion{opacity:.85}.hanafuda-root .card:has(.collector-face):hover .collector-foil{opacity:.65}}@media (max-width:760px){.hanafuda-root .card-detail:has(.collector-face){grid-template-columns:1fr;gap:30px;padding-top:16px}.hanafuda-root .card-detail:has(.collector-face)>.card{justify-self:center;width:min(220px,78%)}}@media (prefers-reduced-motion:reduce){.hanafuda-root .art-motion{transition:none;display:none}.hanafuda-root .collector-foil{transition:none}}.hanafuda-root .card-detail .collector-face.scene-cup{box-shadow:0 0 0 1px #d5d3bc,1px 1px #c6ccbd,2px 2px #50584d,3px 3px #8c998b,4px 4px #19271f,7px 10px 16px #0005,14px 22px 36px #07171030}.hanafuda-root img[src$=\.webp]{object-fit:contain;background:#10231c}.hanafuda-root .card .collector-face .card-kind{white-space:nowrap;align-items:baseline;gap:3px;max-width:72%;font-size:clamp(8px,4cqw,14px)}.hanafuda-root .card .collector-face .card-kind small{font-size:.8em}.hanafuda-root .drawn-card .collector-face .card-kind{gap:0;padding-inline:2px;font-size:6px}.hanafuda-root .drawn-card .collector-face .card-kind small{display:none}.hanafuda-root .collector-face.finish-SR{box-shadow:0 0 0 .6px #c7ccbf,.4px .4px #b9c2b2,.8px .8px #465144,1.2px 1.2px #8b9686,1.6px 1.6px #19271f,5px 7px 10px #0008}.hanafuda-root .collector-face.finish-R{box-shadow:0 0 0 .6px #c99e7c,.4px .4px #d5ac89,.8px .8px #644430,1.2px 1.2px #a67451,1.6px 1.6px #32271f,5px 7px 10px #0008}.hanafuda-root .collector-face.finish-N{box-shadow:0 0 0 .6px #b8b19a,.4px .4px #c4b89a,.8px .8px #57503d,1.2px 1.2px #8c8062,1.6px 1.6px #282a20,5px 7px 10px #0008}.hanafuda-root .card .collector-face.finish-R .collector-foil{opacity:.28}.hanafuda-root .card .collector-face.finish-N .collector-foil{opacity:.1}.hanafuda-root .card .collector-face.finish-N .collector-varnish{opacity:.08}@media (hover:hover) and (pointer:fine){.hanafuda-root .card:hover .collector-face.finish-R .collector-foil{opacity:.45}.hanafuda-root .card:hover .collector-face.finish-N .collector-foil{opacity:.18}}.hanafuda-root .material-surface{isolation:isolate;background:#10231c;border-radius:4%;width:100%;height:100%;position:relative;box-shadow:0 0 0 .6px #c7aa70,1px 1px #a88d58,2px 2px #3a382b,3px 5px 8px #0007}.hanafuda-root .material-surface[data-kind=たね]{box-shadow:0 0 0 .6px #c7ccbf,1px 1px #929d8f,2px 2px #353e34,3px 5px 8px #0007}.hanafuda-root .material-surface[data-kind=短冊]{box-shadow:0 0 0 .6px #caa388,1px 1px #9f6f51,2px 2px #44312a,3px 5px 8px #0007}.hanafuda-root .material-surface[data-kind=かす]{box-shadow:0 0 0 .6px #b8b19a,1px 1px #79705a,2px 2px #2d3228,3px 5px 8px #0007}.hanafuda-root .flying-card .material-surface img,.hanafuda-root .event-cards .material-surface img{object-fit:contain;border-radius:inherit;width:100%;height:100%;box-shadow:none;border:0;display:block}.hanafuda-root .material-foil{border-radius:inherit;pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:luminance;mask-mode:luminance}.hanafuda-root .material-beam{opacity:0;background:linear-gradient(115deg,#0000 32%,#edcf8050 44%,#fffce9 50%,#e6ba6570 55%,#0000 68%);position:absolute;inset:-50%}.hanafuda-root .material-surface[data-kind=たね] .material-beam{background:linear-gradient(115deg,#0000 32%,#cde0e550 44%,#fffef6 50%,#adcfc570 55%,#0000 68%)}.hanafuda-root .material-surface[data-kind=短冊] .material-foil{filter:opacity(.65)}.hanafuda-root .material-surface[data-kind=かす] .material-foil{filter:opacity(.28)}.hanafuda-root .flying-card:has(.material-surface){box-shadow:none;background:0 0;border:0;overflow:visible}.hanafuda-root .flying-card.face-down .material-surface{visibility:hidden}.hanafuda-root .flying-card.face-down:has(.material-surface){background:repeating-linear-gradient(45deg,#79382a 0 3px,#c79767 3px 4px);border:2px solid #e5d2a4}.hanafuda-root .event-cards{align-items:center;gap:8px;padding:5px 2px 9px}.hanafuda-root .event-card{width:min(128px, calc((100% - 40px) / var(--show-count,1)));aspect-ratio:2/3;flex-shrink:0}.hanafuda-root .event-extra{position:absolute;bottom:40px;right:10px}@media (max-width:600px){.hanafuda-root .event-cards{gap:6px}.hanafuda-root .event-card{width:min(108px, calc((100% - 34px) / var(--show-count,1)))}}.hanafuda-root .event-extra{background:#10231c;border-radius:3px;padding:3px 5px}.hanafuda-root .deck,.hanafuda-root .card-back,.hanafuda-root .opening-card[data-covered=true]{background:#10231c url(/games/hanafuda/card-back.webp) 50%/100% 100% no-repeat;border:0;border-radius:4%;box-shadow:0 0 0 .6px #b79c63,1px 1px #ab915d,2px 2px #34362a,3px 4px 7px #0006}.hanafuda-root .flying-card.face-down:has(.material-surface){background:#10231c url(/games/hanafuda/card-back.webp) 50%/100% 100% no-repeat;border:0;border-radius:4%;box-shadow:0 0 0 .6px #b79c63,1px 1px #ab915d,2px 2px #34362a,3px 4px 7px #0006}.hanafuda-root .deck{box-shadow:0 0 0 .6px #b79c63,1px 1px #c7ac77,2px 2px #34362a,3px 3px #b29a6d,4px 4px #34362a,5px 5px #b29a6d,7px 9px 12px #0007}.hanafuda-root .character-avatar{object-fit:cover;object-position:50% 23%}.hanafuda-root .your-character{align-items:center;gap:7px;display:flex}.hanafuda-root .your-character img{object-fit:cover;object-position:50% 23%;border:1px solid #d4bc80;border-radius:50%;width:32px;height:32px}.hanafuda-root .your-character small{font-size:10px;font-weight:400}.hanafuda-root .match-result:has(.result-character){width:min(860px,100vw - 32px)}.hanafuda-root .result-character{object-fit:cover;object-position:50% 25%;width:46%;height:100%;animation:.9s ease-out both hf-character-reveal;position:absolute;inset:0 auto 0 0;-webkit-mask-image:linear-gradient(90deg,#000 75%,#0000);mask-image:linear-gradient(90deg,#000 75%,#0000)}.hanafuda-root .match-result:has(.result-character) .result-content{margin-left:37%}.hanafuda-root .result-choose{color:#efe1bb;margin:16px auto 0;font-size:12px;text-decoration:underline;display:block}@keyframes hf-character-reveal{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:none}}@media (max-width:600px){.hanafuda-root .character-select{flex-direction:column;justify-content:center;padding:28px 12px;display:flex}.hanafuda-root .character-options{gap:12px;width:100%;margin:0 auto}.hanafuda-root .character-caption{gap:5px;padding:34px 6px 12px}.hanafuda-root .character-caption strong{font-size:24px}.hanafuda-root .character-select h2{font-size:22px}.hanafuda-root .character-caption>span{font-size:10px}.hanafuda-root .match-result:has(.result-character) .result-content{margin-left:0;padding-top:160px}.hanafuda-root .result-character{object-position:50% 24%;width:100%;height:200px;-webkit-mask-image:linear-gradient(#000 65%,#0000);mask-image:linear-gradient(#000 65%,#0000)}.hanafuda-root .match-result:has(.result-character) .result-seal{display:none}.hanafuda-root .match-result:has(.result-character) h2{margin-top:10px}}@media (prefers-reduced-motion:reduce){.hanafuda-root .character-option{transition:none}.hanafuda-root .character-option:hover{transform:none}.hanafuda-root .result-character{animation:none}}.hanafuda-root .character-select{--stage-glow:#ce7548;color:#f9e7bb;text-align:center;isolation:isolate;background:radial-gradient(at 50% 55%,#354c3c,#0a1d19 72%);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px 18px 28px;display:flex;overflow:hidden}.hanafuda-root .character-select[data-active=shizuku]{--stage-glow:#8caddd}.hanafuda-root .selection-heading{z-index:3;position:relative}.hanafuda-root .character-brand{letter-spacing:.35em;margin:0 0 10px;font:16px Noto Serif JP,serif}.hanafuda-root .character-select h2{margin:0;font:24px Noto Serif JP,serif}.hanafuda-root .selection-stage{width:min(960px,100%);height:clamp(390px,64dvh,650px);margin:16px auto 0;position:relative}.hanafuda-root .selection-halo{background:radial-gradient(ellipse, var(--stage-glow), transparent 68%);opacity:.32;pointer-events:none;transition:background .5s;position:absolute;inset:5% 10% 0}.hanafuda-root .selection-orbit{aspect-ratio:1;pointer-events:none;border:1px solid #d3bc7750;border-radius:50%;width:56%;animation:7s ease-in-out infinite alternate hf-orbit-breathe;position:absolute;top:4%;left:22%;box-shadow:0 0 0 12px #d3bc7708,inset 0 0 0 18px #d3bc7708}.hanafuda-root .character-options{width:100%;max-width:none;margin:0;display:block;position:absolute;inset:0}.hanafuda-root .character-option{width:57%;height:100%;box-shadow:none;transform-origin:50% 90%;opacity:.72;z-index:1;background:0 0;border:0;border-radius:0;padding:0;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .5s;position:absolute;bottom:0;overflow:visible;transform:translateY(22px)scale(.77)}.hanafuda-root .character-option:first-child{left:0}.hanafuda-root .character-option:last-child{right:0}.hanafuda-root .character-option[aria-pressed=true]{opacity:1;z-index:2;transform:translateY(-6px)scale(1.04)}.hanafuda-root .character-option>img{object-fit:contain;filter:brightness(.52)saturate(.65)drop-shadow(0 20px 12px #0008);background:0 0;width:100%;height:100%;transition:filter .5s}.hanafuda-root .character-option[aria-pressed=true]>img{filter:brightness(1.06)saturate(1.02)drop-shadow(0 15px 16px #0009)drop-shadow(0 0 15px #dac98a35);animation:5s ease-in-out infinite hf-character-float}.hanafuda-root .character-option:hover{box-shadow:none}.hanafuda-root .character-option:focus-visible{outline:0}.hanafuda-root .character-option:focus-visible .character-caption{outline-offset:5px;outline:2px solid #ffe4a0}.hanafuda-root .character-ground{filter:blur(10px);background:#0007;border-radius:50%;width:60%;height:7%;position:absolute;bottom:0;left:20%}.hanafuda-root .character-caption{color:#ffecc7;text-shadow:0 2px 8px #071910,0 0 12px #071910;pointer-events:none;background:0 0;gap:3px;padding:18px 8px 6px;display:grid;position:absolute;bottom:0;left:15%;right:15%}.hanafuda-root .character-caption strong{letter-spacing:.15em;font:30px Noto Serif JP,serif}.hanafuda-root .character-caption small{font-size:11px}.hanafuda-root .selection-controls{z-index:4;margin-top:22px;position:relative}.hanafuda-root .character-confirm{color:#122d24;background:linear-gradient(110deg,#b99150,#f6e1ab,#c4a05e);border:1px solid #f7e5b8;border-radius:3px;min-width:240px;padding:14px 30px;font-size:16px;font-weight:700;box-shadow:0 5px 22px #0005}.hanafuda-root .character-confirm span{margin-left:20px}.hanafuda-root .character-note{color:#d3d5bd;margin:14px 0 0;font-size:11px}.hanafuda-root .selection-sparks{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hanafuda-root .selection-sparks i{width:4px;height:4px;box-shadow:0 0 9px var(--stage-glow);background:#ffeac3;border-radius:50%;animation:6s linear infinite hf-stage-spark;position:absolute;bottom:5%}@keyframes hf-character-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes hf-orbit-breathe{0%{opacity:.4;transform:scale(.97)}to{opacity:.8;transform:scale(1.04)}}@keyframes hf-stage-spark{0%{opacity:0;transform:translateY(0)}20%{opacity:.65}to{opacity:0;transform:translateY(-400px)}}@media (max-width:600px){.hanafuda-root .character-select{padding:22px 8px}.hanafuda-root .selection-stage{width:100%;height:clamp(340px,54dvh,500px)}.hanafuda-root .character-option{width:48%}.hanafuda-root .character-option:first-child{left:0}.hanafuda-root .character-option:last-child{right:0}.hanafuda-root .character-caption{left:20%;right:20%}.hanafuda-root .character-caption strong{font-size:24px}.hanafuda-root .selection-orbit{width:90%;top:18%;left:5%}.hanafuda-root .character-select h2{font-size:21px}}@media (prefers-reduced-motion:reduce){.hanafuda-root .character-option,.hanafuda-root .character-option>img,.hanafuda-root .selection-halo{transition:none}.hanafuda-root .character-option[aria-pressed=true]>img,.hanafuda-root .selection-orbit,.hanafuda-root .selection-sparks i{animation:none}.hanafuda-root .selection-sparks{display:none}}@media (max-width:600px){.hanafuda-root .character-option>img{pointer-events:none;width:118%;max-width:none;margin-left:-9%}.hanafuda-root .character-caption{left:5%;right:5%}}.hanafuda-root .match-result .result-character,.hanafuda-root .avatar.character-avatar{object-fit:cover}@media (max-width:600px){.hanafuda-root .character-option:first-child[aria-pressed=true]{transform:translate(14px,-6px)scale(1.04)}.hanafuda-root .character-option:last-child[aria-pressed=true]{transform:translate(-14px,-6px)scale(1.04)}}.hanafuda-root .field-place{color:#ffe8a9;background:#e6c77812;border:2px dashed #e6c778;border-radius:5px;grid-column:1/-1;justify-content:center;align-self:center;align-items:center;gap:8px;width:100%;min-height:52px;padding:8px;display:flex;box-shadow:inset 0 0 20px #e6c7780d}.hanafuda-root .field-place>span{font-size:27px;line-height:1}.hanafuda-root .field-place small{font-size:11px}.hanafuda-root .field-place:hover{background:#e6c77828}.hanafuda-root .match-result{--result-gold:#edd18b;color:#fff0c5;isolation:isolate;background:#102b23;border:1px solid #bb9859;border-radius:8px;width:min(620px,100vw - 32px);max-height:calc(100dvh - 32px);padding:0;overflow:auto;box-shadow:0 30px 100px #0009,inset 0 0 70px #b0913b14}.hanafuda-root .match-result[open]{animation:.65s cubic-bezier(.16,1,.3,1) both hf-result-arrive}.hanafuda-root .match-result::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#051610bd}.hanafuda-root .match-result[data-outcome=loss]{--result-gold:#b8cbde;background:#15232e;border-color:#8eabc2}.hanafuda-root .match-result[data-outcome=draw]{--result-gold:#d4c6e3;background:#262538;border-color:#b6a4cb}.hanafuda-root .result-content{text-align:center;padding:32px 24px;position:relative}.hanafuda-root .result-eyebrow{color:var(--result-gold);letter-spacing:.45em;margin:0 0 20px;font-size:12px}.hanafuda-root .result-seal{border:1px solid var(--result-gold);outline-offset:7px;width:96px;height:96px;color:var(--result-gold);background:#08191266;border-radius:50%;outline:1px solid #dac18440;place-items:center;margin:auto;font-family:Noto Serif JP,serif;font-size:54px;animation:1.1s cubic-bezier(.16,1,.3,1) both hf-seal-arrive;display:grid;box-shadow:0 0 45px #d5b35030}.hanafuda-root .match-result h2{color:#fff0c5;text-shadow:0 0 25px #dfb94f55;margin:26px 0 10px;font-family:Noto Serif JP,serif;font-size:clamp(23px,4.5vw,38px);line-height:1.4}.hanafuda-root .result-message{color:#dfdac5;font-size:13px}.hanafuda-root .result-score{border-block:1px solid #baa36b55;justify-content:center;align-items:center;gap:30px;margin:26px auto;padding:18px 0;display:flex}.hanafuda-root .result-score>div{gap:6px;min-width:80px;display:grid}.hanafuda-root .result-score span{color:#e4d8b9;font-size:12px}.hanafuda-root .result-score strong{color:#fff1c9;font:42px Noto Serif JP,serif}.hanafuda-root .result-score small{margin-left:5px;font-size:12px}.hanafuda-root .match-result .primary{color:#18382e;background:#edd18b;border:1px solid #ffecc1;padding:14px 24px}.hanafuda-root .result-rays{pointer-events:none;background:repeating-conic-gradient(from 15deg,#edcf801c 0deg 9deg,#0000 9deg 30deg);border-radius:50%;width:620px;height:620px;animation:2.4s ease-out both hf-result-rays;position:absolute;top:-150px;left:calc(50% - 310px);-webkit-mask-image:radial-gradient(circle,#000,#0000 68%);mask-image:radial-gradient(circle,#000,#0000 68%)}.hanafuda-root .result-petals{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hanafuda-root .result-petals i{background:var(--result-gold);border-radius:70% 0;width:7px;height:13px;animation:2.5s ease-out both hf-result-petal;position:absolute;top:8%}.hanafuda-root .match-result[data-outcome=loss] .result-petals i{opacity:.4;width:2px;height:28px}@keyframes hf-result-arrive{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:none}}@keyframes hf-seal-arrive{0%{opacity:0;transform:scale(1.5)rotate(-12deg)}to{opacity:1;transform:none}}@keyframes hf-result-rays{0%{opacity:0;transform:rotate(-25deg)scale(.75)}to{opacity:1;transform:rotate(10deg)scale(1)}}@keyframes hf-result-petal{0%{opacity:0;transform:translateY(-20px)rotate(0)}20%{opacity:.8}to{opacity:0;transform:translateY(440px)rotate(170deg)}}@media (max-width:600px){.hanafuda-root .field-place{min-height:48px}.hanafuda-root .result-content{padding:26px 16px}.hanafuda-root .result-score{gap:18px}}@media (prefers-reduced-motion:reduce){.hanafuda-root .match-result[open],.hanafuda-root .result-seal,.hanafuda-root .result-rays{animation:none}.hanafuda-root .result-petals{display:none}}.hanafuda-root .field-place-slot{z-index:2;grid-column:1/-1;min-height:52px;position:relative}.hanafuda-root .field-place{z-index:1;touch-action:manipulation;position:relative}.hanafuda-root .field-place>*{pointer-events:none}.hanafuda-root .event-cutin.has-character{grid-template-columns:56% 44%;align-items:center;min-height:0;display:grid}.hanafuda-root .event-cutin.has-character .event-character,.hanafuda-root .event-cutin.has-character[data-player=cpu] .event-character{aspect-ratio:3/2;object-fit:contain;object-position:center;align-self:center;width:100%;height:auto;position:relative;inset:auto;-webkit-mask-image:none;mask-image:none}.hanafuda-root .event-cutin.has-character .event-content,.hanafuda-root .event-cutin.has-character[data-player=cpu] .event-content{min-width:0;margin:0;padding:22px 14px}.hanafuda-root .event-cutin.has-character[data-player=cpu] .event-character{order:2}.hanafuda-root .event-cutin.has-character[data-player=cpu]{grid-template-columns:44% 56%}.hanafuda-root .event-cutin.has-character .event-title{font-size:clamp(26px,3.3vw,44px)}.hanafuda-root .event-cutin.has-character[data-kind=win] .event-title{font-size:clamp(48px,7vw,80px)}.hanafuda-root .event-cutin.has-character[data-kind=koi] .event-title{font-size:clamp(32px,4.5vw,54px)}.hanafuda-root .event-cutin.has-character .event-card{width:min(100px, calc((100% - 34px) / var(--show-count,1)))}.hanafuda-root .match-result:has(.result-character){width:min(1060px,100vw - 32px);max-width:calc(100vw - 32px)}.hanafuda-root .match-result[open]:has(.result-character){grid-template-columns:58% 42%;align-items:center;display:grid}.hanafuda-root .match-result .result-character{aspect-ratio:3/2;object-fit:contain;object-position:center;z-index:1;width:100%;height:auto;position:relative;inset:auto;-webkit-mask-image:none;mask-image:none}.hanafuda-root .match-result:has(.result-character) .result-content{margin:0;padding:24px 18px}.hanafuda-root .match-result:has(.result-character) h2{font-size:clamp(23px,2.5vw,32px)}@media (max-width:600px){.hanafuda-root .event-cutin.has-character,.hanafuda-root .event-cutin.has-character[data-player=cpu]{grid-template-columns:1fr}.hanafuda-root .match-result[open]:has(.result-character){grid-template-columns:1fr}.hanafuda-root .event-cutin.has-character[data-player=cpu] .event-character{order:0}.hanafuda-root .event-cutin.has-character .event-content,.hanafuda-root .event-cutin.has-character[data-player=cpu] .event-content{padding:12px 10px 16px}.hanafuda-root .event-cutin.has-character .event-card{width:min(72px, calc((100% - 34px) / var(--show-count,1)))}.hanafuda-root .event-cutin.has-character .event-title{margin-block:5px}.hanafuda-root .event-cutin.has-character[data-kind=win] .event-title{margin-block:8px}.hanafuda-root .event-cutin.has-character .event-caption{letter-spacing:.07em}.hanafuda-root .match-result:has(.result-character) .result-content{padding:16px}.hanafuda-root .match-result:has(.result-character) .result-eyebrow{margin-bottom:8px}}.hanafuda-root .event-cutin[data-character=shizuku][data-kind=koi] .event-stroke{background:linear-gradient(110deg,#0000 8%,#245b7ce6 9% 85%,#c0daf3 86% 86.4%,#0000 87%)}.hanafuda-root .match-result:has(.result-character) .result-seal{width:64px;height:64px;font-size:38px}.hanafuda-root .match-result:has(.result-character) .result-score{margin-block:18px;padding-block:12px}