@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&family=Zen+Maru+Gothic:wght@500;700;900&display=swap";:root{--ink:#233c35;--green:#245c46;--paper:#f7f6f0;--line:#dedfd3;--muted:#727c72;--gold:#96702b}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Noto Sans JP,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit;text-decoration:none}:is(button:focus-visible,a:focus-visible){outline-offset:4px;outline:3px solid #b48a37}button{color:inherit}h1,h2,h3,p{overflow-wrap:anywhere}h2{letter-spacing:-.5px;align-items:center;gap:10px;margin:12px 0;font-size:20px;display:flex}h3{font-size:16px}p{line-height:1.9}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1600px;height:88px;margin:auto;padding:0 5%;display:flex}.brand{align-items:center;gap:11px;font-size:19px;font-weight:800;display:flex}.brand-icon{border:1px solid var(--green);border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.beta{letter-spacing:1px;border:1px solid var(--line);padding:4px 7px;font-size:9px;font-weight:500}.header-note{color:var(--muted);font-size:12px}main{max-width:1240px;margin:auto;padding:42px 40px 0}.eyebrow{letter-spacing:2px;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.eyebrow>span{background:var(--green);border-radius:50%;width:6px;height:6px}.hero{background:#e9eddf;border-radius:5px;min-height:363px;padding:42px 40px;position:relative;overflow:hidden}.hero h1{letter-spacing:-1.5px;margin:20px 0 14px;font-size:clamp(27px,3.1vw,42px);font-weight:800;line-height:1.65}.hero h1 em{color:var(--green);border-bottom:3px solid #b2c48f;font-style:normal}.hero p{color:#626f60;font-size:13px}.hero-bottom{color:#586b55;gap:24px;margin-top:28px;font-size:10px;display:flex}.hero-bottom span:first-child{align-items:center;gap:7px;display:flex}.fish-art{outline-offset:-25px;background:#f6f7ef;border:14px solid #f0f3e7;border-radius:50%;outline:1px solid #d9dfce;place-items:center;width:270px;height:270px;display:grid;position:absolute;top:40px;right:45px;transform:rotate(-16deg)}.fish-art>span{background:var(--green);color:#fff;padding:9px 20px;font-size:12px;position:absolute;bottom:0;right:-20px;transform:rotate(11deg)}.demo-notice{color:#746341;background:#f1eddd;border:1px solid #e5dec4;border-radius:4px;align-items:flex-start;gap:12px;margin:22px 0;padding:16px 20px;font-size:11px;display:flex}.demo-notice svg{flex-shrink:0;margin-top:2px}.demo-notice p{margin:5px 0 0;font-size:11px;line-height:1.8}.card{border:1px solid var(--line);background:#fffefa;border-radius:5px;padding:30px}.start-grid{grid-template-columns:1fr 1fr;gap:24px;margin:25px 0 36px;display:grid}.step{letter-spacing:1.6px;color:#7a8b6b;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.start-grid h2{justify-content:space-between}.muted{color:var(--muted);font-size:12px}label{margin-top:22px;font-size:11px;font-weight:600;display:block}input:not([type=file]),select{width:100%;min-width:0;color:var(--ink);background:#fffefa;border:1px solid #cfd4c6;border-radius:3px;outline:none;margin-top:9px;padding:13px 14px;font-size:13px;display:block}.two-fields{grid-template-columns:1fr 1.65fr;gap:16px;display:grid}.primary,.secondary{border-radius:3px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:49px;margin-top:16px;padding:14px 18px;font-size:12px;font-weight:700;display:flex}.primary{background:var(--green);color:#fff;border:1px solid var(--green)}.primary:hover:not(:disabled){background:#174b36}.secondary{color:var(--green);background:0 0;border:1px solid #b7c1ad}.field-note{color:var(--muted);margin:13px 0;font-size:10px;line-height:1.9}.how-box ol{gap:17px;margin:20px 0;padding:0;font-size:12px;list-style:none;display:grid}.how-box li span{color:#a1ae8c;margin-right:17px;font-family:Georgia,serif;font-size:18px}.how-box p{color:var(--muted);font-size:11px}.manifesto{align-items:center;gap:22px;padding:15px 0 38px;display:flex}.manifesto h2{font-size:18px}.manifesto p{color:var(--muted);font-size:11px}footer{border-top:1px solid var(--line);color:var(--muted);letter-spacing:1px;justify-content:space-between;align-items:center;gap:16px;padding:25px 0;font-size:9px;display:flex}footer span:first-child{white-space:nowrap;align-items:center;gap:7px;font-weight:700;display:flex}footer p{letter-spacing:0}.back{color:var(--muted);align-items:center;gap:6px;margin-bottom:30px;font-size:11px;display:flex}.room-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;display:flex}.room-heading h1{letter-spacing:-1px;margin:14px 0 10px;font-size:30px}.room-heading p{color:var(--muted);margin:0;font-size:12px}.share{flex-shrink:0;gap:12px;width:auto}.room-grid{grid-template-columns:370px 1fr;gap:24px;margin:25px 0;display:grid}.name-chip{margin:24px 0 16px;font-size:15px;font-weight:700}.name-chip span{color:var(--muted);margin-left:8px;font-size:11px;font-weight:400}.photo-picker{cursor:pointer;text-align:center;color:#5d7655;background:#eff2e7;border:1px dashed #afbaa0;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:232px;margin:16px 0 0;padding:20px;display:flex;position:relative;overflow:hidden}.photo-picker span{font-size:10px;font-weight:400;line-height:1.8}.photo-picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.photo-picker.has-photo{min-height:0;padding:8px}.plate-image{object-fit:contain;background:#f0efe7;border-radius:3px;width:100%;height:auto;max-height:500px;display:block}.photo-picker .plate-image{max-height:300px}.preview-caption{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:9px;font-size:10px;display:flex}.text-button{text-underline-offset:3px;color:var(--green);background:0 0;border:0;padding:5px 0;font-size:11px;text-decoration:underline}.sample-button{color:#627752;background:0 0;border:1px dashed #b7c3a7;border-radius:3px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;margin-top:16px;padding:11px 10px;font-size:11px;display:flex}.privacy-note{color:var(--muted);margin:15px 0 0;font-size:9px;line-height:1.9}.status-line{color:var(--green);align-items:center;gap:8px;margin:25px 0 15px;font-size:12px;font-weight:700;display:flex}.submitted h3{margin:19px 0 10px;font-size:14px}.submitted p{color:var(--muted);font-size:11px}.locked-note{color:#6d7c62;background:#f0f2e9;border-radius:3px;margin-top:18px;padding:11px 12px;font-size:9px;line-height:1.7;display:block}.section-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-heading h2{margin-bottom:0}.count{white-space:nowrap;background:#e9eddf;border-radius:20px;padding:7px 12px;font-size:10px}.progress-label{color:var(--muted);justify-content:space-between;align-items:center;margin-top:27px;font-size:11px;display:flex}.progress-label b span{font-size:10px;font-weight:400}.progress-track{background:#e9ecdf;border-radius:10px;height:5px;margin:10px 0 22px;overflow:hidden}.progress-track>span{background:#77905a;height:100%;transition:width .3s;display:block}.member-row{border-bottom:1px solid #e9ebdf;align-items:center;gap:12px;padding:16px 0;display:flex}.member-avatar{color:#8d9b7d;border:1px solid #d5dccc;border-radius:50%;flex-shrink:0;place-items:center;width:37px;height:37px;font-family:Georgia,serif;display:grid}.member-avatar.sent{color:var(--green);background:#e9efdc;border:0}.member-name{flex:1;min-width:0}.member-name b{overflow-wrap:anywhere;font-size:12px;display:block}.member-name small,.rank-name b small{color:#63764f;white-space:nowrap;background:#edf0e5;border-radius:2px;margin-left:7px;padding:3px 5px;font-size:9px;font-weight:400;display:inline-block}.sample-tag{color:#8a927e;margin-top:4px;font-size:9px;display:block}.member-status{color:#969c8c;white-space:nowrap;font-size:10px}.member-status.sent{color:#527743}.host-panel{background:#edf1e5;border-radius:4px;margin-top:28px;padding:24px}.host-panel h3{margin:13px 0 9px;font-size:16px}.host-panel p{color:#6e7b60;font-size:11px;line-height:1.9}.host-panel>small{color:var(--muted);margin-top:10px;font-size:9px;display:block}.host-panel .primary{margin-top:20px}.host-panel .test-hint{margin-bottom:0;font-size:9px;line-height:1.8}.waiting-panel{color:#6e7f61;background:#f1f3e9;align-items:center;gap:15px;margin-top:26px;padding:15px;display:flex}.waiting-panel p{margin:0;font-size:11px}.room-code{color:var(--muted);margin:26px 0 40px;font-size:10px;line-height:2.1}.room-code b{letter-spacing:1px;font-weight:500}.loading-state{min-height:220px;color:var(--muted);justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.empty{text-align:center;margin:25px 0}.empty>svg{margin:20px auto}.empty h2{justify-content:center}.empty .secondary{max-width:240px;margin:20px auto}.judging-stage{text-align:center;margin:25px 0;padding:50px 20px 40px}.live-label{letter-spacing:2px;justify-content:center;align-items:center;gap:7px;font-size:9px;display:flex}.live-label>span{background:#b29450;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse}.judging-icon{background:#eef1e4;border-radius:50%;place-items:center;width:130px;height:130px;margin:30px auto;display:grid;position:relative}.judging-icon>svg:last-child{color:#9d823f;position:absolute;top:10px;right:8px}.judging-stage h2{justify-content:center;font-size:27px;line-height:1.7}.judging-stage p{color:var(--muted);font-size:12px}.judging-stage>.spin{color:#879c71;margin:28px auto 15px;display:block}.judging-stage>small{color:var(--muted);margin-bottom:10px;font-size:10px;display:block}.ranking{margin:26px 0 32px}.ranking-columns{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:1px;justify-content:space-between;margin-top:28px;padding:0 36px 10px 14px;font-size:9px;display:flex}.ranking-row{text-align:left;background:0 0;border:0;border-bottom:1px solid #e3e7d9;align-items:center;gap:18px;width:100%;padding:20px 14px;display:flex;position:relative}.ranking-row.active{box-shadow:inset 3px 0 var(--green);background:#f0f3e8}.ranking-row.first{background:#f5f0df}.ranking-row.first.active{box-shadow:inset 3px 0 #9f7a32}.position{color:#8c987c;flex-shrink:0;align-items:center;gap:9px;width:66px;font-family:Georgia,serif;font-size:24px;display:flex}.rank-name{flex:1;min-width:0}.rank-name>b{overflow-wrap:anywhere;font-size:14px}.title-inline{color:#987237;align-items:center;gap:5px;margin-top:5px;font-size:10px;display:flex}.rank-score{font-variant-numeric:tabular-nums;white-space:nowrap;font-family:Georgia,serif;font-size:31px}.rank-score small{color:var(--muted);margin-left:5px;font-family:sans-serif;font-size:12px;font-weight:400}.rank-arrow{color:#8c9a80}.result-sheet{--accent:#5c7250;--edge:#a7b799;border:1px solid var(--edge);background:#fffefa;border-radius:3px;max-width:900px;margin:0 auto 28px;padding:28px 55px;scroll-margin-top:25px;position:relative;overflow:hidden;box-shadow:0 12px 28px #26392306}.tier-silver{--accent:#6e7d83;--edge:#b2bec1;background:linear-gradient(135deg,#fff,#f0f3f2 50%,#fcfdfb);border:3px double #a4b4b5}.tier-plain{--accent:#67715f;--edge:#d0d5c6;box-shadow:none}.tier-paper{--accent:#7b7c75;--edge:#dcddd7;box-shadow:none;background:#fff;border-radius:0}.certificate-top{letter-spacing:1.5px;color:var(--accent);border-bottom:1px solid var(--edge);z-index:1;justify-content:space-between;gap:12px;padding-bottom:15px;font-size:8px;display:flex;position:relative}.certificate-corner{border-color:var(--edge);pointer-events:none;border-style:solid;border-width:0;width:23px;height:23px;position:absolute}.c1{border-top-width:1px;border-left-width:1px;top:11px;left:11px}.c2{border-top-width:1px;border-right-width:1px;top:11px;right:11px}.c3{border-bottom-width:1px;border-left-width:1px;bottom:11px;left:11px}.c4{border-bottom-width:1px;border-right-width:1px;bottom:11px;right:11px}.tier-plain .certificate-corner,.tier-paper .certificate-corner{display:none}.award-emblem{border:1px solid var(--edge);width:88px;height:88px;color:var(--accent);border-radius:50%;place-items:center;margin:30px auto 18px;display:grid;position:relative}.tier-gold .award-emblem:before,.tier-silver .award-emblem:before{content:"❧";font-family:Georgia,serif;font-size:55px;position:absolute;top:6px;left:-50px;transform:rotate(-70deg)}.tier-gold .award-emblem:after,.tier-silver .award-emblem:after{content:"❧";font-family:Georgia,serif;font-size:55px;position:absolute;top:6px;right:-50px;transform:scaleX(-1)rotate(-70deg)}.tier-paper .award-emblem{border:0;border-radius:0;width:45px;height:45px;margin:24px auto 10px}.tier-paper .award-emblem svg{width:29px}.result-overline{text-align:center;letter-spacing:3px;color:var(--accent);font-size:11px;font-weight:600}.player-name{text-align:center;letter-spacing:0;justify-content:center;margin:14px 0 25px;font-size:26px;display:block}.player-name>span{margin-left:10px;font-size:12px;font-weight:400}.result-numbers{color:var(--accent);justify-content:center;gap:55px;margin:20px auto 32px;display:flex}.result-numbers>div{flex-direction:column;justify-content:center;align-items:center;min-width:90px;display:flex;position:relative}.result-numbers>div+div:before{content:"";background:var(--edge);width:1px;position:absolute;top:10px;bottom:10px;left:-28px}.result-numbers>div>span{color:var(--muted);font-size:10px}.result-numbers strong{letter-spacing:-2px;font-variant-numeric:tabular-nums;font-family:Georgia,serif;font-size:66px;font-weight:400;line-height:1.35}.result-numbers strong em{letter-spacing:0;margin-left:5px;font-family:Noto Sans JP,sans-serif;font-size:22px;font-style:normal}.result-numbers small{letter-spacing:1.4px;font-size:8px}.tier-paper .result-numbers strong{color:#464b43;font-size:52px}.special-title{color:#927030;background:#f6efd9;border:1px solid #bc9952;justify-content:center;align-items:center;gap:12px;max-width:420px;margin:0 auto 30px;padding:13px 20px;display:flex;box-shadow:inset 0 0 0 3px #fff9}.special-title span{text-align:center;letter-spacing:2px;margin-bottom:4px;font-size:8px;display:block}.special-title b{letter-spacing:1px;font-size:14px}.result-photo{border:1px solid var(--edge);background:#fffc;margin-bottom:28px;padding:12px}.result-photo .plate-image{max-height:430px}.result-photo>span{color:var(--muted);text-align:center;margin-top:9px;font-size:9px;line-height:1.8;display:block}.judges-voice{padding:10px 0 24px}.judges-voice .step{color:var(--accent)}.judges-voice h3{letter-spacing:-.5px;margin:16px 0 0;font-size:25px;font-weight:800;line-height:1.8}.comment-block{border-top:1px solid var(--edge);padding:23px 0 10px}.comment-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.comment-block p{white-space:pre-line;overflow-wrap:anywhere;margin:18px 0 12px;font-size:14px;line-height:2.35}.character-tag{color:#687756;letter-spacing:.5px;background:#e9ecdf;border-radius:2px;padding:5px 9px;font-size:9px}.character-tag.solo{margin-top:0;display:table}.certificate-bottom{color:var(--accent);border-top:1px solid var(--edge);letter-spacing:2px;justify-content:flex-end;align-items:center;gap:20px;margin-top:25px;padding-top:15px;font-size:11px;display:flex}.seal{border:2px double var(--accent);opacity:.75;border-radius:50%;place-items:center;width:50px;height:50px;font-size:10px;display:grid;transform:rotate(-10deg)}.tier-paper:not(:has(.special-title)) .seal{display:none}.demo-footnote{text-align:center;color:var(--muted);margin:22px 0 0;font-size:9px;line-height:1.8}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{background:#c6a052;width:6px;height:11px;animation:2.3s ease-in forwards fall;display:block;position:absolute;top:-15px}.confetti i:nth-child(3n){background:#bdc998;width:5px}.confetti i:nth-child(3n+1){background:#d8c486}.result-actions{gap:15px;max-width:600px;margin:0 auto 30px;display:flex}.result-actions .secondary{justify-content:center}.error-toast{color:#8d3a25;z-index:30;background:#fff0e9;border:1px solid #d9aa97;align-items:flex-start;gap:15px;width:500px;max-width:calc(100vw - 30px);padding:17px 18px;font-size:12px;line-height:1.9;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #0002}.error-toast span{flex:1}.error-toast button{background:0 0;border:0;padding:2px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1b30299c;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:480px;max-height:90dvh;position:relative;overflow:auto;box-shadow:0 20px 80px #0002}.modal h2{margin:20px 0;font-size:21px;line-height:1.7}.modal p{color:var(--muted);font-size:12px}.modal .plate-image{max-height:280px}.modal-close{background:0 0;border:0;padding:4px;position:absolute;top:13px;right:16px}.missing-players{color:#88632a;background:#f6eddb;border-radius:3px;padding:12px 15px;font-size:11px;line-height:1.9}.spin{animation:1.3s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fall{0%{opacity:0;top:-20px}10%{opacity:.9}to{opacity:0;top:95%;transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.3}}@media (max-width:1050px){.fish-art{width:220px;height:220px;top:65px;right:25px}.fish-art>svg{width:145px}.hero{padding:32px}.hero h1{font-size:32px}.room-grid{grid-template-columns:320px 1fr}.card{padding:25px}.host-panel{padding:20px}.hero-bottom{gap:20px;font-size:9px}.header-note{font-size:11px}}@media (max-width:760px){.site-header{height:72px;padding:0 20px}.brand{gap:8px;font-size:16px}.brand-icon{width:34px;height:34px}.beta{padding:3px 5px;font-size:8px}.header-note{display:none}main{padding:25px 18px 0}.hero{min-height:450px;padding:28px 23px}.hero h1{z-index:1;font-size:27px;line-height:1.7;position:relative}.hero p{z-index:1;font-size:12px;position:relative}.hero .eyebrow{font-size:8px}.fish-art{outline-offset:-16px;border-width:8px;width:145px;height:145px;top:auto;bottom:25px;right:24px}.fish-art>svg{width:108px}.fish-art>span{padding:7px 12px;font-size:10px;right:-10px}.hero-bottom{flex-direction:column;gap:12px;max-width:150px;margin-top:34px;line-height:1.8}.start-grid,.room-grid{grid-template-columns:1fr;gap:18px}.start-grid{margin-top:20px;margin-bottom:25px}.card{padding:23px}.demo-notice{gap:9px;padding:14px}.demo-notice b{font-size:11px}.demo-notice p{font-size:10px}.manifesto{gap:15px;padding-bottom:25px}.manifesto>svg{flex-shrink:0;width:25px}.manifesto h2{font-size:15px}.manifesto p{font-size:10px}.room-heading{display:block}.room-heading h1{font-size:26px}.room-heading p{font-size:11px}.share{justify-content:center;width:100%;margin-top:19px}.back{margin-bottom:25px}.room-grid{margin-top:20px}.room-code{margin:23px 0 30px;font-size:9px;line-height:2.2}.section-heading{gap:10px}.section-heading h2{font-size:18px}.count{padding:6px 10px;font-size:9px}.ranking{padding:20px 16px}.ranking-columns{padding-left:10px;padding-right:30px}.ranking-row{gap:10px;padding:17px 9px}.position{gap:4px;width:45px;font-size:20px}.position svg{width:17px}.rank-name>b{font-size:12px}.rank-name b small{margin-left:4px;padding:2px 4px;font-size:8px}.rank-score{font-size:25px}.rank-score small{margin-left:3px;font-size:9px}.rank-arrow{flex-shrink:0;width:13px}.title-inline,.sample-tag{font-size:8px}.result-sheet{margin-bottom:20px;padding:22px 24px}.certificate-top{letter-spacing:.7px;gap:8px;font-size:7px}.certificate-top span:first-child{max-width:160px}.award-emblem{width:76px;height:76px;margin-top:27px}.award-emblem svg{width:35px}.result-overline{letter-spacing:2px;font-size:10px}.player-name{margin:14px 0 22px;font-size:22px}.result-numbers{gap:40px;margin:18px auto 27px}.result-numbers strong{font-size:53px}.result-numbers>div+div:before{left:-21px}.result-numbers strong em{font-size:18px}.result-numbers small{font-size:7px}.tier-paper .result-numbers strong{font-size:45px}.result-photo{margin-bottom:21px;padding:8px}.result-photo>span{font-size:8px}.judges-voice{padding-bottom:20px}.judges-voice h3{margin-top:13px;font-size:21px;line-height:1.8}.comment-block{padding-top:20px}.comment-block p{margin-top:16px;font-size:13px;line-height:2.25}.character-tag{font-size:8px}.special-title{gap:8px;padding:12px}.special-title b{letter-spacing:.5px;font-size:12px}.certificate-bottom{margin-top:19px;font-size:10px}.demo-footnote{font-size:8px}.result-actions{flex-direction:column;gap:0}.judging-stage{padding:35px 20px}.judging-stage h2{font-size:24px}.judging-stage p{font-size:11px}.how-box{margin-top:29px}.modal-backdrop{padding:18px}.modal{padding:28px 22px}.modal h2{font-size:19px}footer{flex-wrap:wrap;gap:12px;padding:23px 0;font-size:8px}footer p{order:3;width:100%;margin:0}.two-fields{grid-template-columns:1fr 1.6fr;gap:12px}select{padding:13px 8px;font-size:12px}.host-panel{padding:20px}.photo-picker{min-height:220px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.confetti{display:none}}input:not([type=file]),select,textarea{font-size:16px}:root{--ink:#21473e;--green:#21624f;--paper:#fff9ed;--line:#d9dfcb;--muted:#65756a;--gold:#956414;--orange:#ee8259;--sky:#dceff7;--lime:#dfed9c}body{background-color:var(--paper);background-image:radial-gradient(#b4c5ab60 .75px,#0000 .75px);background-size:19px 19px}h1,h2,h3,.brand,.result-overline{font-family:Zen Maru Gothic,Noto Sans JP,sans-serif}.site-header{border-bottom:2px solid var(--ink);background:#fff9edf2;height:90px}.brand{letter-spacing:.2px;font-size:21px;font-weight:900}.brand-icon{background:var(--green);color:#fff8e7;border:0;width:42px;height:42px;transform:rotate(-9deg);box-shadow:3px 3px #dfed9c}.beta{letter-spacing:0;background:#ffdbc8;border:1px solid #dca487;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:700}.header-note{font-size:11px;font-weight:500}main{padding-top:36px}.hero{border:2px solid var(--ink);background:#dfed9c;border-radius:25px;min-height:375px;padding:38px 40px;box-shadow:6px 7px #d5dfbc}.hero .eyebrow{border:1px solid var(--ink);letter-spacing:1.5px;background:#fff9ed;border-radius:20px;padding:8px 13px;font-size:9px;display:inline-flex;transform:rotate(-1deg)}.hero h1{letter-spacing:-1.5px;margin-top:19px;font-size:clamp(29px,3.3vw,44px);font-weight:900;line-height:1.55}.hero h1 em{background:linear-gradient(#0000 64%,#fff9ed 64%);border:0;padding:0 3px;position:relative}.hero p{color:#4f6750;font-size:13px;line-height:2}.hero-bottom{color:#455f43;gap:20px;margin-top:25px;font-weight:500}.hero-bottom>span:last-child{background:#f9f8d4;border:1px solid #b4c27c;border-radius:20px;padding:5px 10px;font-size:9px}.hero-bottom>span:first-child{align-self:center}.fish-art{border:2px solid var(--ink);outline-offset:-16px;background:#fff9ed;outline:1px dashed #a8b295;width:255px;height:255px;top:48px;right:45px;transform:rotate(-12deg);box-shadow:8px 10px #b7ce74}.fish-art>svg{color:#21624f;stroke-width:1.1px;width:172px}.fish-art:before{content:"✦";color:#ed865b;text-shadow:1px 1px #fff;font-size:46px;position:absolute;top:11px;right:17px;transform:rotate(15deg)}.fish-art:after{content:"✧";color:#90b8cc;font-size:40px;position:absolute;bottom:35px;left:19px}.fish-art>span{color:#2c4537;border:1px solid var(--ink);background:#ee8259;border-radius:5px;padding:9px 18px;font-weight:800;bottom:4px;right:-12px;transform:rotate(7deg);box-shadow:3px 3px #21473e}.demo-notice{color:#705a2c;background:#fff0c9;border:1px solid #e4cb7b;border-radius:14px;margin-top:26px;padding:15px 18px}.demo-notice b{font-size:12px}.demo-notice p{font-size:10px}.card{background:#fffefa;border:1.5px solid #a4b9a1;border-radius:20px;padding:30px;box-shadow:4px 5px #dfe6d0}.start-grid{gap:26px;margin-top:28px;margin-bottom:34px}.step{letter-spacing:1.5px;color:#5f7b4c;font-size:9px;font-weight:800}.start-grid>.card>.step{background:#e9efcf;border:1px solid #c6d6ad;border-radius:7px;padding:6px 10px;display:table;transform:rotate(-2deg)}.start-grid>.join-card>.step{background:#d6eaf5;border-color:#b4d1e0;transform:rotate(2deg)}h2{margin-top:16px;font-size:22px;font-weight:800}.muted{line-height:1.9}label{margin-top:20px;font-size:12px;font-weight:700}input:not([type=file]),select,textarea{color:var(--ink);background:#fffdf7;border:1.5px solid #b1c3aa;border-radius:10px;padding:12px 14px;font-size:16px}.field-note{color:#687b69}.primary,.secondary{border-radius:11px;min-height:51px;padding:14px 18px;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s}.primary{background:var(--green);border:1.5px solid #173e31;margin-bottom:4px;box-shadow:0 4px #143e30}.primary:hover:not(:disabled){background:#2c775d;transform:translateY(-1px);box-shadow:0 5px #143e30}.primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #143e30}.primary:disabled{opacity:.55;box-shadow:0 3px #a9b8a1}.secondary{background:#fffdf3;border:1.5px solid #a1b3a0;box-shadow:0 3px #d9e2cb}.secondary:hover:not(:disabled){background:#eef4db;transform:translateY(-1px)}.how-box{border-top:2px dashed #c2d7de;margin-top:34px;padding-top:25px}.how-box ol{gap:15px}.how-box li{align-items:center;gap:13px;display:flex}.how-box li span{color:#426e80;background:#fffdfa;border:1px solid #a8c2cd;border-radius:50%;place-items:center;width:29px;height:29px;margin:0;font-family:Georgia,serif;font-size:14px;display:inline-grid}.how-box p{font-size:11px}.manifesto{background:#ffe0cf;border:1px solid #e2baa0;border-radius:18px;gap:18px;margin:0 0 30px;padding:20px 25px}.manifesto>svg{color:#a05e37;flex-shrink:0}.manifesto h2{margin:0 0 6px;font-size:19px}.manifesto p{color:#78634c;margin:0;font-size:11px}footer{color:#61765e;border-top:2px dashed #c3ceb8;padding:25px 0}footer>span:first-child{letter-spacing:.8px}.back{color:#58764d;background:#fffdfa;border:1px solid #ccd4c0;border-radius:20px;margin-bottom:23px;padding:7px 11px;display:inline-flex}.room-heading h1{font-size:33px;font-weight:900}.room-heading .eyebrow{color:#638151;font-size:9px}.share{border-radius:22px;min-height:43px;padding:11px 16px;font-size:11px}.room-heading p{font-size:12px}.count{color:#506a3d;background:#dfed9c;border:1px solid #c0d186;border-radius:9px;padding:7px 12px;font-weight:700;transform:none}.photo-picker{color:#537a40;background:#edf4db;border:2px dashed #a3bd82;border-radius:15px;min-height:238px}.photo-picker.has-photo{background:#f3f4e8;border:1px solid #b4c3a1;padding:8px}.plate-image{border-radius:8px}.photo-picker>svg{background:#d9e7b8;border-radius:50%;width:51px;height:51px;padding:7px}.photo-picker b{font-family:Zen Maru Gothic,sans-serif;font-size:15px}.sample-button{background:#f6f9e9;border:1.5px dashed #9fb880;border-radius:10px;padding:12px 10px;font-size:11px}.name-chip{background:#f5ecd7;border-radius:20px;margin-top:22px;padding:8px 13px;font-size:13px;display:table}.preview-caption{margin-top:10px}.status-line{background:#e3efca;border-radius:20px;padding:8px 12px;font-size:11px;display:table}.status-line>svg{vertical-align:middle;margin-right:7px}.locked-note{color:#796b4e;background:#f2eddf;border-radius:9px}.submitted h3{font-size:16px}.privacy-note{font-size:10px}.progress-track{background:#f4f4e8;border:1px solid #cbd6bb;height:9px;margin-top:11px}.progress-track>span{background:#e8a16d;border-right:1px solid #bf875d}.progress-label b{color:#4b7042;font-size:20px}.member-row{border-bottom:1px dashed #d3dec6;padding:17px 0}.member-avatar{background:#f8f2e5;border-color:#c8c9ac;width:39px;height:39px}.member-avatar.sent{background:#dfed9c;border:1px solid #b9cd85}.member-status.sent{background:#e9f2db;border-radius:20px;padding:5px 8px;font-size:9px}.member-name>b{font-size:13px}.member-name small,.rank-name b small{color:#88633b;background:#fff0d7;border:1px solid #e6cea2;border-radius:10px;padding:2px 6px}.host-panel{background:#e6efcb;border:1px solid #cadb9f;border-radius:14px;padding:24px}.host-panel h3{font-size:18px}.host-panel .primary{color:#3d3a28;background:#ee9369;border-color:#ab6642;box-shadow:0 4px #ab6642}.host-panel .primary:hover:not(:disabled){background:#f3a37a;box-shadow:0 5px #ab6642}.host-panel .primary:active:not(:disabled){box-shadow:0 1px #ab6642}.waiting-panel{background:#eaf2d8;border:1px solid #c7dab1;border-radius:13px}.room-code{background:#fff8e9;border:1px dashed #d4d7bd;border-radius:11px;padding:12px 16px;font-size:9px}.judging-icon{background:#f6dca3;border:2px solid #c4a16c;border-radius:42%;transform:rotate(-7deg);box-shadow:5px 5px #f0e7c8}.judging-stage h2{font-weight:900}.judging-stage .text-button{margin-top:8px}.ranking{padding:29px 30px}.ranking-columns{border-bottom:2px dashed #c3d1b4;margin-top:27px;padding-bottom:13px}.ranking-row{border-bottom:1px dashed #ccd7c0;border-radius:12px;margin-top:5px;padding:18px 15px}.ranking-row.first{background:#fff0bd;border:1px solid #e2cc7e}.ranking-row.first.active{background:#fff0bd;box-shadow:inset 4px 0 #c59b38}.position.p1{color:#b27c22}.position.p2{color:#6f97aa}.position.p3{color:#b67650}.rank-score{font-size:34px}.title-inline{color:#9d682b;font-size:10px;font-weight:600}.rank-name>b{font-family:Zen Maru Gothic,Noto Sans JP,sans-serif;font-size:16px;font-weight:800}.rank-name .sample-tag{font-size:9px}.result-sheet{--edge:#b2c78d;background:#fffef7;border-radius:19px;padding-top:28px;box-shadow:5px 6px #dce3c9}.tier-gold{--accent:#996c19;--edge:#c5a44f;background:linear-gradient(125deg,#fff9db,#fff2b7 55%,#fffce9);border:3px double #b7973b;box-shadow:7px 8px #dfcd8f}.tier-silver{--accent:#557f93;--edge:#a2c1cd;background:linear-gradient(125deg,#f6fcff,#e5f1f6 55%,#fafefe);border:3px double #8baebd;box-shadow:6px 7px #c8dce5}.tier-green{--accent:#4c713e;background:#eef5d8}.tier-plain{background:#fffef9;box-shadow:3px 4px #e1e4d6}.tier-paper{box-shadow:none;--edge:#d7dbd0;background:#fff;border-radius:3px}.certificate-corner{width:27px;height:27px}.certificate-top{font-size:8px}.award-emblem{border:2px solid var(--edge);background:#fffaf0;box-shadow:3px 3px #c5aa4b22}.tier-silver .award-emblem{background:#fff}.tier-paper .award-emblem{box-shadow:none;background:0 0;border:0}.tier-gold .award-emblem:before,.tier-gold .award-emblem:after{color:#b68b29}.player-name{font-family:Zen Maru Gothic,sans-serif;font-size:29px;font-weight:900}.result-overline{letter-spacing:3px;font-size:12px;font-weight:800}.result-numbers strong{font-size:70px}.result-photo{background:#fffef4;border-radius:12px;padding:12px}.result-photo>span{color:#788168}.judges-voice .step{font-size:10px}.judges-voice h3{font-family:Zen Maru Gothic,sans-serif;font-size:28px;font-weight:900;line-height:1.7}.comment-block{border-top:2px dashed var(--edge)}.character-tag{color:#91603d;background:#ffe1cf;border:1px solid #e7b99c;border-radius:20px;padding:5px 10px;transform:rotate(-2deg)}.special-title{color:#8a6022;background:#ffe8bd;border:2px solid #bd8c3d;border-radius:9px;box-shadow:3px 4px #dab577}.seal{background:#fff4;border-width:3px}.certificate-bottom{border-top-style:dashed}.demo-footnote{font-size:9px}.modal{border:2px solid #74936e;border-radius:22px;box-shadow:7px 8px #183c3655}.modal-close{background:#edf2df;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.modal h2{font-family:Zen Maru Gothic,sans-serif;font-size:23px}.missing-players{background:#ffecd0;border-radius:9px}.error-toast{background:#fff0e3;border:1.5px solid #d09c82;border-radius:13px;box-shadow:4px 5px #b8876940}@media (max-width:1050px){.fish-art{width:215px;height:215px;top:65px;right:25px}.fish-art>svg{width:143px}.hero h1{font-size:33px}.card{padding:25px}.host-panel{padding:21px}}@media (max-width:760px){.site-header{height:75px;padding:0 18px}.brand{gap:8px;font-size:17px}.brand-icon{width:35px;height:35px;box-shadow:2px 2px #dfed9c}.beta{padding:4px 7px;font-size:8px}main{padding-top:24px}.hero{border-radius:21px;min-height:472px;padding:27px 22px;box-shadow:4px 5px #d5dfbc}.hero .eyebrow{letter-spacing:1px;padding:7px 10px;font-size:7px}.hero h1{margin-top:19px;font-size:27px;line-height:1.65}.hero p{font-size:12px}.hero-bottom{gap:12px;max-width:155px;margin-top:28px;font-size:9px}.hero-bottom>span:first-child{align-self:flex-start}.hero-bottom>span:last-child{align-self:flex-start;padding:5px 8px;font-size:8px}.fish-art{outline-offset:-11px;width:139px;height:139px;top:auto;bottom:25px;right:22px;box-shadow:5px 6px #b7ce74}.fish-art>svg{width:98px}.fish-art:before{font-size:31px;top:1px;right:7px}.fish-art:after{font-size:25px;bottom:24px;left:8px}.fish-art>span{padding:7px 11px;font-size:10px;bottom:0;right:-8px}.demo-notice{border-radius:12px;margin-top:23px;padding:14px}.demo-notice b{font-size:11px}.card{border-radius:17px;padding:23px;box-shadow:3px 4px #dfe6d0}.start-grid{gap:20px;margin-top:24px}.start-grid .join-card{box-shadow:3px 4px #c9dfe8}h2{font-size:20px}.two-fields{grid-template-columns:1fr 1.6fr;gap:12px}input:not([type=file]),select,textarea{padding:12px 11px;font-size:16px}.primary,.secondary{min-height:49px;font-size:12px}.manifesto{border-radius:15px;gap:12px;padding:18px}.manifesto h2{font-size:16px;line-height:1.7}.manifesto p{font-size:10px}.manifesto>svg{width:24px}.room-heading h1{font-size:28px}.room-heading p,.share{font-size:11px}.section-heading h2{font-size:19px}.count{padding:6px 9px;font-size:9px}.host-panel{border-radius:12px;padding:20px}.host-panel h3{font-size:17px}.photo-picker{border-radius:12px;min-height:220px}.name-chip{font-size:13px}.member-name>b{font-size:12px}.room-code{padding:12px 14px;font-size:9px}.ranking{padding:22px 15px}.ranking-row{border-radius:10px;gap:9px;padding:17px 10px}.rank-name>b{font-size:13px}.rank-name .sample-tag{font-size:8px}.rank-score{font-size:28px}.rank-score small{font-size:9px}.title-inline{font-size:8px}.position{gap:3px;width:44px;font-size:20px}.position>svg{width:17px}.result-sheet{border-radius:16px;padding:23px 24px;box-shadow:4px 5px #dce3c9}.tier-gold{box-shadow:4px 5px #dfcd8f}.tier-silver{box-shadow:4px 5px #c8dce5}.tier-paper{box-shadow:none;border-radius:3px}.certificate-top{font-size:7px}.player-name{font-size:24px}.result-overline{letter-spacing:2px;font-size:10px}.result-numbers strong{font-size:55px}.tier-paper .result-numbers strong{font-size:45px}.judges-voice h3{font-size:23px;line-height:1.8}.result-photo{border-radius:10px;padding:8px}.special-title{padding:12px;box-shadow:2px 3px #dab577}.character-tag{font-size:8px}.modal{border-radius:19px;padding:28px 22px}.modal h2{font-size:21px}.demo-footnote{font-size:8px}footer{padding-top:23px}.judging-stage h2{font-size:25px}}@media (max-width:380px){.brand{font-size:15px}.hero h1{font-size:25px}.hero{min-height:460px}.result-numbers{gap:26px}.result-numbers>div{min-width:70px}.result-numbers>div+div:before{left:-14px}.result-numbers strong{font-size:48px}.rank-score{font-size:24px}.rank-name>b{font-size:12px}.ranking-row{gap:6px}.position{width:39px}.two-fields{grid-template-columns:1fr}}:root{--ink:#21475d;--green:#276c8c;--paper:#f3fbff;--line:#c8dfeb;--muted:#607d8b;--sky:#d8f0ff;--lime:#c3e6f8}body{background-color:#f3fbff;background-image:radial-gradient(#8ebbd050 .75px,#0000 .75px)}.site-header{background:#f3fbfff5;border-color:#315e77}.brand-icon{color:#f6fcff;background:#286e90;box-shadow:3px 3px #a6d9ef}.header-note{color:#607d8b}.hero{background:#c9eaff;border-color:#315e77;box-shadow:6px 7px #a8cfe3}.hero .eyebrow{color:#335e76;background:#f9fdff;border-color:#6595af}.eyebrow>span{background:#347b9e}.hero h1 em{color:#215e82;background:linear-gradient(#0000 64%,#fff6dc 64%)}.hero p,.hero-bottom{color:#466d82}.hero-bottom>span:last-child{color:#3f6f89;background:#edf9ff;border-color:#94c4dd}.fish-art{background:#f6fcff;border-color:#315e77;outline-color:#9fbfce;box-shadow:8px 10px #8fc3dd}.fish-art>svg{color:#286e90}.fish-art:after{color:#69afd2}.fish-art>span{color:#384856;border-color:#3c5c6d;box-shadow:3px 3px #315e77}.card{background:#fff;border-color:#9ebfd1;box-shadow:4px 5px #d2e6f0}.start-grid>.card:first-child{background:#fff}.start-grid .join-card{background:#e9f6ff;border-color:#94bbd2;box-shadow:4px 5px #bcdcec}.step{color:#4e7c96}.start-grid>.card>.step{color:#446f87;background:#dceffc;border-color:#a7cde2}.start-grid>.join-card>.step{background:#cbe9fb;border-color:#9bc7df}.how-box{border-color:#b5d4e5}.how-box li span{color:#38718e;background:#fff;border-color:#a4c5d8}.how-box p,.field-note,.privacy-note{color:#64808e}.demo-notice{color:#486f83;background:#e5f4fc;border-color:#b3d7eb}.demo-notice>svg{color:#4c7f98}.manifesto{background:#ffdfce;border-color:#e3b9a0}.manifesto h2{color:#4a5961}input:not([type=file]),select,textarea{color:#21475d;background:#fff;border-color:#a5c6d8;font-size:16px}input:focus,select:focus{border-color:#3f86ad;box-shadow:0 0 0 3px #c4e8fb}.primary{background:#286e90;border-color:#23526c;box-shadow:0 4px #204c65}.primary:hover:not(:disabled){background:#3382a6;box-shadow:0 5px #204c65}.primary:active:not(:disabled){box-shadow:0 1px #204c65}.primary:disabled{box-shadow:0 3px #a7c4d2}.secondary{color:#286681;background:#f4fbff;border-color:#97bdd1;box-shadow:0 3px #d1e5ef}.secondary:hover:not(:disabled){background:#e2f2fc}.join-card .secondary{background:#cfeafa;border-color:#90b9d1;box-shadow:0 3px #b6d7e8}.join-card .secondary:hover:not(:disabled){background:#c1e2f6}.text-button{color:#276f95}.back{color:#4d7b94;background:#f8fdff;border-color:#bad5e5}.room-heading .eyebrow{color:#5a839b}.count{color:#3f7390;background:#d5edfc;border-color:#a7cee3}.photo-picker{color:#487c99;background:#e6f5ff;border-color:#94c4df}.photo-picker>svg{background:#cce9fa}.photo-picker.has-photo{background:#f0f9ff;border-color:#abcbdc}.sample-button{color:#507f99;background:#edf8ff;border-color:#a2c8df}.sample-button:hover:not(:disabled){background:#dbf0fc}.name-chip{background:#e3f2fb}.status-line{color:#2c7296;background:#d5edfa}.locked-note{color:#688290;background:#eaf3f8}.progress-track{background:#edf7fc;border-color:#b8d5e3}.progress-track>span{background:#76b9dd;border-right-color:#5398bd}.progress-label b{color:#367899}.member-row{border-color:#c5dce8}.member-avatar{color:#6a91a5;background:#eff8fd;border-color:#bad4e2}.member-avatar.sent{color:#2e7091;background:#c9e8fa;border-color:#9cc8e0}.member-status.sent{color:#4d7a93;background:#dff2fc}.host-panel{background:#dceffc;border-color:#afcfe3}.host-panel>.step{color:#41738f}.host-panel h3{color:#2f617b}.host-panel p{color:#597e92}.host-panel .sample-button{background:#f0f9ff}.waiting-panel{color:#577e92;background:#e3f3fc;border-color:#b1d4e7}.room-code{color:#627f8e;background:#eaf6fd;border-color:#bdd8e8}.judging-stage{background:#edf8ff;border-color:#a4cce2}.judging-icon{background:#c9e9fa;border-color:#8cbad2;box-shadow:5px 5px #e0f0f8}.judging-icon>svg:first-child{color:#327c9f}.live-label{color:#4c7c96}.ranking-columns{border-color:#b4d1e2}.ranking-row{border-bottom-color:#c0d8e6}.ranking-row.active{background:#deeffb;box-shadow:inset 4px 0 #6ba9cb}.ranking-row:hover{background:#e9f5fd}.ranking-row.first,.ranking-row.first.active{background:#fff0bd;box-shadow:inset 4px 0 #c59b38}.ranking-row.first:hover{background:#fcebaf}.position{color:#779caf}.rank-name b small,.member-name small{color:#527d96;background:#e6f4fd;border-color:#b7d9eb}.rank-name .sample-tag{color:#7192a3}.result-sheet:not(.tier-gold):not(.tier-silver):not(.tier-paper){--edge:#a7ccdf;--accent:#3c7a9c;box-shadow:5px 6px #d3e7f1}.tier-green{background:#e5f4ff}.tier-plain{background:#fbfeff}.result-sheet .judges-voice h3{color:#21475d}.character-tag{color:#91603d;background:#ffe1cf}.certificate-bottom{color:var(--accent)}footer{color:#638292;border-color:#b9d6e5}.modal{background:#fff;border-color:#6e9eb9;box-shadow:7px 8px #163b5055}.modal-close{background:#e1f0f9}.modal-backdrop{background:#173d558c}.tier-gold,.tier-silver,.tier-paper{color:#21475d}@media (max-width:760px){.brand-icon{box-shadow:2px 2px #a6d9ef}.hero{box-shadow:4px 5px #a8cfe3}.fish-art{box-shadow:5px 6px #8fc3dd}.card{box-shadow:3px 4px #d2e6f0}.start-grid .join-card{box-shadow:3px 4px #bcdcec}.result-sheet:not(.tier-gold):not(.tier-silver):not(.tier-paper){box-shadow:4px 5px #d3e7f1}input:not([type=file]),select,textarea{font-size:16px}}.start-grid{align-items:start}.hero-guide-button{z-index:1;color:#fff;background:#286e90;border:1px solid #315e77;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:44px;margin-top:17px;padding:11px 21px;font-size:13px;font-weight:700;display:inline-flex;position:relative;box-shadow:3px 3px #8fc3dd}.hero-guide-button:hover{background:#205c7a}.how-dialog{color:#21475d;background:#fff;border:1px solid #7ba8c1;border-radius:22px;width:min(680px,100% - 32px);max-height:calc(100dvh - 40px);padding:0;overflow:hidden;box-shadow:7px 8px #163b5040}.how-dialog::backdrop{background:#173d558c}.how-dialog-shell{flex-direction:column;max-height:calc(100dvh - 44px);display:flex}.how-dialog-header{border-bottom:1px solid #d5e7f1;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:24px 26px 18px;display:flex}.how-dialog-header h2{margin:8px 0 0;font-size:22px}.how-close{color:#315e77;background:#e5f3fb;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.how-dialog-scroll{overscroll-behavior:contain;min-height:0;padding:0 26px 26px;overflow-y:auto}.how-intro{margin:20px 0;font-size:13px;line-height:1.9}.how-steps{grid-template-columns:1fr 1fr;gap:26px 22px;margin:0 0 24px;padding:0;list-style:none;display:grid}.guide-art{width:100%;height:auto;display:block}.how-steps h3{align-items:center;gap:8px;margin:13px 0 7px;font-size:15px;line-height:1.6;display:flex}.how-steps h3>span{color:#397995;background:#e4f4ff;border-radius:50%;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.how-steps p,.how-tip{color:#5a7a8c;margin:0;font-size:12px;line-height:1.9}.how-tip{background:#edf7fd;border-radius:10px;margin-bottom:18px;padding:14px}@media (max-width:760px){.hero{min-height:510px}.hero-guide-button{margin-top:15px;padding:10px 18px}.how-dialog{border-radius:18px;width:calc(100% - 24px);max-height:calc(100dvh - 28px)}.how-dialog-shell{max-height:calc(100dvh - 32px)}.how-dialog-header{padding:20px 19px 16px}.how-dialog-header h2{font-size:20px}.how-dialog-scroll{padding:0 19px 22px}.how-steps{grid-template-columns:1fr;gap:23px}.how-steps h3{font-size:16px}.how-steps p{font-size:13px}}.site-header{z-index:10;background:#f3fbff;position:sticky;top:0;box-shadow:0 3px 12px #315e7710}.result-sheet{scroll-margin-top:110px}@media (max-width:760px){.result-sheet{scroll-margin-top:95px}}.fish-art>.hero-fish-king{object-fit:contain;width:180px;height:180px}@media (max-width:760px){.fish-art>.hero-fish-king{width:108px;height:108px}}.fish-mark{flex-shrink:0;display:block;transform:rotate(-15deg)}.brand-icon{color:#fff;background:#286e90}.brand-icon .fish-mark{width:25px;height:25px}.award-emblem .fish-mark{width:60px;height:60px}footer .fish-mark{width:24px;height:24px}.invite-flow{background:#e4f4ff;border-radius:18px;gap:10px;padding:18px;display:grid}.invite-flow-row{background:#fff;border:1px solid #c2dfea;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.invite-flow-row>svg{color:#286e90;flex-shrink:0}.invite-flow-row b{margin-bottom:3px;font-size:13px;display:block}.invite-flow-row small{color:#527a90;font-size:12px;line-height:1.6;display:block}.invite-flow-arrow{color:#5798b7;justify-self:center}.how-intro strong{color:#286e90;margin-top:9px;display:inline-block}.how-steps p strong{color:#315e77}.browser-gate-loading{color:#527a90;justify-content:center;align-items:center;gap:10px;min-height:70dvh;display:flex}.browser-gate{max-width:550px;margin:36px auto;padding:0 18px 32px}.browser-gate .card{text-align:center;padding:30px}.browser-gate-symbol{color:#286e90;background:#d5edfc;border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 20px;display:grid}.browser-gate h1{margin:12px 0 18px;font-size:30px;line-height:1.5}.browser-gate p{font-size:14px;line-height:1.9}.browser-open-steps{text-align:left;gap:15px;margin:24px 0;padding:0;list-style:none;display:grid}.browser-open-steps li{background:#edf8ff;border-radius:12px;align-items:flex-start;gap:12px;padding:15px;display:flex}.browser-open-steps svg{color:#286e90;flex-shrink:0;margin-top:2px}.browser-open-steps b{margin-bottom:5px;font-size:14px;display:block}.browser-open-steps span{color:#527a90;font-size:12px;line-height:1.8;display:block}.browser-gate .primary,.browser-gate .secondary{justify-content:center;align-items:center;gap:9px;width:100%;margin:12px 0;display:flex}.browser-gate .browser-copy-note{color:#527a90;text-align:left;font-size:12px}.browser-copy-fallback{text-align:left;font-size:12px;display:block}.browser-copy-fallback input{width:100%;font-size:16px}@media (max-width:480px){.browser-gate{margin-top:22px}.browser-gate .card{padding:25px 20px}.browser-gate h1{font-size:26px}}.primary,.secondary,.sample-button{text-align:center;justify-content:center}.primary>svg,.secondary>svg,.sample-button>svg,.text-button>svg{flex-shrink:0}.text-button{text-align:center;justify-content:center;align-items:center;gap:8px;display:inline-flex}.primary,.secondary,.sample-button,.text-button,.browser-gate .primary,.browser-gate .secondary{text-align:center;grid-template-columns:minmax(20px,1fr) auto minmax(20px,1fr);justify-content:normal;align-items:center;column-gap:9px;display:grid}.primary>svg,.secondary>svg,.sample-button>svg,.text-button>svg{grid-area:1/1;justify-self:end}.primary:after,.secondary:after,.sample-button:after,.text-button:after{content:"";grid-area:1/3}.text-button{display:inline-grid}