@font-face{font-family:Replica;src:url('assets/NotoSansSC-app-v2.woff2');font-weight:100 900;font-display:swap}
:root{--pink:#ff298a;--yellow:#ffeb0b;--teal:#14c7c5;--ink:#050606;--paper:#f5f0e4}
*{box-sizing:border-box}html{background:#132c30}body{margin:0;color:var(--ink);font-family:Replica,'PingFang SC','Microsoft YaHei',sans-serif}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:5px solid #125bff;outline-offset:5px}button{border:0;background:none}p,h1,h2,blockquote{margin:0}img{user-select:none}a{color:inherit}mark{background:var(--yellow);color:inherit}u{text-decoration:none;border-bottom:8px solid var(--pink)}
.tools{position:fixed;z-index:100;left:24px;top:25px;width:190px;padding:20px 16px;background:#f5f0e4;border-radius:14px;box-shadow:0 8px 30px #0003;font-family:Replica,sans-serif;font-size:13px}.tool-brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:900;text-decoration:none}.tool-brand span{font-size:13px}.tools nav{display:grid;gap:3px;margin:18px 0}.tools nav a{padding:9px 12px;text-decoration:none;border-radius:6px}.tools nav a[aria-current=page]{background:#162b2f;color:white}.tool-actions{display:grid;gap:7px}.tool-actions button{padding:9px 5px;border:1px solid #183035;border-radius:6px;font-size:12px}.tool-actions button[aria-pressed=true]{background:#ff298a}.tools p{margin-top:14px;font-size:10px;line-height:1.7;color:#52666a}
#app{padding:24px 24px 24px 238px;min-height:100vh}.viewport{position:relative;width:min(100%,460px);margin:0 auto;overflow:hidden;box-shadow:0 15px 60px #0003}.stage{position:relative;transform-origin:0 0;overflow:hidden;width:941px;height:1672px;background:#06b4c0 url('assets/teal-texture.png') repeat;color:#050606;font-weight:700}.stage[hidden]{display:none}.stage.home{width:916px;height:1717px}.art{position:absolute;object-fit:fill;pointer-events:none}.paper-stock{background:var(--paper) url('assets/paper-texture.png') repeat}.pink-stock{background:var(--pink) url('assets/pink-texture.png') repeat}.yellow-stock{background:var(--yellow) url('assets/yellow-texture.png') repeat}.black-stock{background:#050b0c url('assets/black-texture.png') repeat;color:#fffaf0}.yellow-tag{background:var(--yellow);border:3px solid var(--ink);padding:3px 12px;font-size:30px;line-height:44px;font-weight:900;clip-path:polygon(4% 0,96% 0,100% 16%,100% 84%,96% 100%,4% 100%,0 84%,0 16%)}
.brand{position:absolute;left:22px;top:19px;width:379px;height:92px;border:6px solid #000;border-radius:60px;background:#000;color:white;box-shadow:0 0 0 7px white,inset 0 -8px var(--pink),0 7px var(--pink);display:flex;align-items:center;gap:17px;padding:5px 13px;z-index:10}.brand>b{width:54px;height:54px;flex-shrink:0;background:#ffed00;color:#000;border:3px solid #fff;border-radius:50%;font-size:23px;display:grid;place-items:center;box-shadow:5px 3px 0 var(--pink)}.brand>span{font:900 22px Arial,sans-serif;white-space:nowrap}.home-stamp{position:absolute;left:719px;top:36px;color:var(--pink);border:5px solid var(--pink);font:900 23px Arial,sans-serif;padding:8px 9px;transform:rotate(17deg);text-align:center;z-index:4}.home-paper{left:40px;top:120px;width:850px;height:640px;filter:drop-shadow(7px 8px 0 #001a1b)}.home-clip{left:582px;top:37px;width:80px;height:128px;transform:rotate(16deg);z-index:4}.home-note{position:absolute;left:76px;top:152px;width:135px;height:127px;padding:17px 10px;transform:rotate(-15deg);text-align:center;font-size:22px;line-height:1.24;font-weight:900;z-index:5;box-shadow:3px 4px 1px #0003}.home-note:before{content:'';position:absolute;width:65px;height:25px;top:-13px;left:34px;background:url('assets/tape.png') center/100% 100%;opacity:.8}.home-title{position:absolute;left:199px;top:208px;width:595px;font-size:124px;font-weight:900;line-height:1.14;letter-spacing:-5px;transform:rotate(-10deg);z-index:3}.home-title span{display:block;white-space:nowrap;paint-order:stroke fill;-webkit-text-stroke:15px #fff8ed;filter:drop-shadow(7px 0 var(--pink)) drop-shadow(-7px 0 var(--pink)) drop-shadow(0 7px var(--pink)) drop-shadow(0 -7px var(--pink))}.home-title span+span{margin-left:2px;font-size:132px}.home-title:after{content:'';position:absolute;height:13px;background:var(--yellow);left:1px;right:-1px;bottom:-9px;transform:rotate(-1deg)}.home-intro{position:absolute;left:277px;top:529px;transform:rotate(-10deg);font-size:33px;line-height:1.45;letter-spacing:1px;text-align:center;z-index:4}.home-intro mark{font-weight:900;padding:0 3px}.home-intro u{border-bottom-width:7px}.home-squid{left:20px;top:406px;width:185px;height:449px;z-index:5}.home-queen{left:704px;top:415px;width:176px;height:291px;z-index:5}.home-sponge{left:97px;top:676px;width:272px;height:303px;z-index:7}.home-patrick{left:350px;top:684px;width:230px;height:288px;z-index:6}.home-krabs{left:582px;top:637px;width:231px;height:314px;z-index:6}.home-bitter{left:768px;top:755px;width:136px;height:261px;z-index:8}.character-label{position:absolute;z-index:12;width:95px;min-height:79px;padding:3px 5px;box-shadow:3px 4px 2px #0003;text-align:center;line-height:1.24}.character-label b{display:block;font:900 30px Arial,sans-serif}.character-label span{font-size:25px;white-space:nowrap}.label-sqd{left:8px;top:682px;transform:rotate(4deg)}.label-sis{left:814px;top:600px;transform:rotate(5deg)}.label-spg{left:80px;top:875px;transform:rotate(3deg)}.label-ptr{left:350px;top:883px;transform:rotate(-3deg)}.label-mrk{left:568px;top:877px;transform:rotate(-1deg)}.label-bit{left:722px;top:958px;transform:rotate(3deg)}.collection{position:absolute;left:35px;top:982px;width:245px;height:103px;background:#139be9;border:8px solid #f8f0e7;border-left-width:15px;transform:rotate(-12deg);z-index:9;text-align:center;box-shadow:4px 2px #c5c4ba}.collection i{display:block;color:var(--pink);font:italic 56px 'Brush Script MT','Snell Roundhand',cursive;line-height:.9}.collection b{display:block;font:900 31px Arial,sans-serif;margin-left:35px}.home-actions{position:absolute;left:45px;top:1076px;display:flex;gap:34px;z-index:5}.cut-button{height:144px;width:395px;border:7px solid #050909;box-shadow:0 12px #003e46;clip-path:polygon(7% 0,93% 0,100% 18%,100% 85%,94% 100%,6% 100%,0 86%,0 18%);font-size:56px;font-weight:900;display:flex;justify-content:center;align-items:center;gap:16px}.cut-button+button{width:387px;font-size:44px}.box-icon{font-size:79px}.home-ticket{left:80px;top:1287px;width:725px;height:257px;filter:drop-shadow(4px 6px #041e20)}.ticket-caption{position:absolute;left:246px;top:1255px;width:415px;height:63px;font-size:30px;font-weight:800;letter-spacing:3px;transform:rotate(2deg);z-index:5}.ticket-characters{position:absolute;left:119px;top:1307px;width:643px;height:217px;display:grid;grid-template-columns:repeat(4,1fr);transform:rotate(2deg)}.ticket-characters>button{position:relative;border-right:3px dashed #222;padding:0 10px}.ticket-characters>button:last-child{border:0}.ticket-characters img{height:147px;width:145px;object-fit:contain}.ticket-characters b{position:absolute;bottom:6px;left:5px;right:8px;background:#080909;display:block;color:var(--yellow);font-size:22px;line-height:1.12;padding:4px 0}.ticket-characters b em{display:block;color:var(--pink);font:900 28px Arial,sans-serif}.ticket-characters b span{display:block}.home-bottom{position:absolute;left:67px;top:1574px;width:808px;min-height:350px;border:3px solid #191c1b;transform:rotate(2deg);padding:30px 80px}.home-bottom h2{padding:4px 35px;position:absolute;left:140px;right:110px;top:25px;font-size:34px;white-space:nowrap;letter-spacing:3px}.home-bottom p{margin-top:70px;font-size:27px}.home-bottom button{padding:8px;background:var(--pink);margin-top:12px}.home-star{left:35px;top:123px;width:83px;height:80px;z-index:11;transform:rotate(10deg)}.home-star-bottom{left:829px;top:1238px;width:85px;height:56px}
.mood-paper{left:27px;top:170px;width:888px;height:1374px;filter:drop-shadow(9px 10px #005762)}.mood-eyebrow{position:absolute;left:38px;top:37px;width:293px;height:130px;border:6px solid #fffaf0;outline:3px solid #dbdcd0;box-shadow:10px 7px var(--yellow),3px 12px #00262c;transform:rotate(-6deg);z-index:3;font:900 49px/.99 Impact,'Arial Narrow',sans-serif;text-align:center;padding:5px}.mood-clip{left:351px;top:46px;width:249px;height:170px;z-index:4}.lab-stamp{position:absolute;left:658px;top:30px;width:235px;height:110px;border:5px solid #005eb4;color:#005eb4;transform:rotate(-8deg);border-radius:12px;padding:6px 8px 3px 85px;font:900 28px/.95 Arial,sans-serif}.mood-tape{left:620px;top:126px;width:161px;height:95px;z-index:3}.mood-star{left:829px;top:153px;width:99px;height:92px;z-index:3}.mood-title{position:absolute;left:130px;top:232px;font-size:77px;line-height:1.3;letter-spacing:0;font-weight:900;border-bottom:12px solid var(--pink);white-space:nowrap}.nickname-label{position:absolute;left:84px;top:387px;height:55px}.mood input[type=text]{position:absolute;left:102px;top:453px;width:742px;height:105px;border:4px solid #050606;background:#fbfcfc;box-shadow:7px 8px 0 -3px #f4f0e5,9px 10px 0 0 #171817;padding:0 30px;font-size:31px;font-weight:700;border-radius:0}.mood input[type=text]::placeholder{color:#808080;opacity:1}.mood-chips{position:absolute;left:84px;top:585px;width:790px;height:147px;border:0;padding:67px 0 0;display:grid;grid-template-columns:167px 197px 187px 185px;gap:18px;margin:0}.mood-chips legend{position:absolute;left:0;top:0}.mood-chips label{position:relative;display:grid;place-items:center;height:76px;border:4px solid #050606;border-radius:42px;font-size:25px;font-weight:800;cursor:pointer;white-space:nowrap}.mood-chips label:has(:checked){background:var(--pink);border-width:5px}.mood-chips input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.mood-chips label:has(:focus-visible){outline:5px solid #145aff;outline-offset:4px}.mood-meters{position:absolute;left:214px;top:768px;width:650px}.meter{height:151px;position:relative;border-top:2px dashed #242723}.meter>img{position:absolute;left:-146px;top:-22px;width:132px;height:172px;object-fit:contain;filter:drop-shadow(4px 0 #fff) drop-shadow(-4px 0 #fff) drop-shadow(0 4px #fff) drop-shadow(0 -4px #fff)}.meter>label{position:absolute;top:15px;left:4px;font-size:30px;line-height:38px;padding:0 12px;height:48px}.meter>input{appearance:none;position:absolute;left:6px;top:70px;width:526px;height:31px;border:5px solid #080808;border-radius:28px;margin:0;background:var(--meter-color);cursor:pointer}.meter>input::-webkit-slider-thumb{appearance:none;width:53px;height:53px;background:var(--meter-color);border:8px solid white;box-shadow:0 0 0 4px #080808,0 6px 0 4px #080808;border-radius:50%}.meter>input::-moz-range-thumb{width:38px;height:38px;background:var(--meter-color);border:8px solid white;box-shadow:0 0 0 4px #080808;border-radius:50%}.ticks{position:absolute;left:14px;top:106px;width:510px;display:flex;justify-content:space-between;font:24px Impact,'Arial Narrow',sans-serif}.meter output{position:absolute;left:552px;top:40px;width:103px;height:78px;border:3px solid #050606;background:var(--meter-color);text-align:center;font:900 59px/72px Replica,sans-serif}.mood-submit{position:absolute;left:183px;top:1373px;width:604px;height:115px;border:6px solid #050606;border-radius:28px;box-shadow:0 12px #0b0b0b;font-size:48px;letter-spacing:2px;font-weight:900}.mood-caption{position:absolute;left:188px;top:1510px;width:550px;height:98px;background:#8ed8dc url('assets/paper-texture.png');background-blend-mode:multiply;transform:rotate(-2deg);text-align:center;padding-top:16px;font-size:34px;letter-spacing:3px;font-family:Replica,'PingFang SC','Microsoft YaHei',sans-serif;font-weight:900}.mood-caption span{border-bottom:5px solid var(--yellow)}.mood-small-stamp{position:absolute;left:39px;top:1538px;border:5px solid #0062ae;color:#0062ae;border-radius:7px;transform:rotate(-13deg);font:900 25px/.95 Arial,sans-serif;padding:8px}
.quiz-pink-side{position:absolute;left:-54px;top:685px;width:227px;height:809px;background:var(--pink);transform:rotate(-21deg)}.quiz-yellow-side{position:absolute;left:34px;top:112px;width:187px;height:318px;background:var(--yellow);transform:rotate(-4deg);border-left:3px dashed #000}.work-badge{position:absolute;left:44px;top:30px;width:208px;height:56px;border:5px solid #050606;border-radius:40px;display:grid;place-items:center;font:900 29px Arial,sans-serif;z-index:7}.quiz-progress{position:absolute;left:217px;top:39px;width:209px;height:82px;transform:rotate(-5deg);font:900 69px/.95 Impact,'Arial Narrow',sans-serif;text-align:center;padding-top:7px;border:3px solid #f96aab;box-shadow:9px 6px #eee7d3;z-index:6}.quiz-stamp{position:absolute;left:778px;top:30px;padding:8px 13px;border:5px solid #021c1b;transform:rotate(12deg);font:900 25px/.9 Impact,'Arial Narrow',sans-serif}.quiz-paper{left:56px;top:95px;width:828px;height:615px;filter:drop-shadow(5px 7px #043638)}.quiz-clip{left:448px;top:29px;width:77px;height:117px;z-index:6}.quiz-tape{left:588px;top:52px;width:145px;height:76px;transform:rotate(-8deg);z-index:5}.quiz-title{position:absolute;left:154px;top:177px;transform:rotate(-7deg);font-size:69px;line-height:1.27;letter-spacing:0;font-weight:900;z-index:2;width:639px;text-align:left}.quiz-title span{display:block;white-space:nowrap}.quiz-title span:first-child{margin-left:7px}.quiz-title span:nth-child(2){font-size:64px;margin-left:9px}.quiz-title span:nth-child(3){font-size:63px;margin-left:25px}.quiz-title span:last-child{font-size:70px;text-align:center;margin-top:2px}.yellow-underline{text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:7px;text-underline-offset:9px}.pink-underline{text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:8px;text-underline-offset:11px}.quiz-queen{left:16px;top:432px;width:239px;height:299px;z-index:4}.quiz-tom{left:699px;top:365px;width:242px;height:388px;z-index:4}.tom-note{position:absolute;left:550px;top:581px;width:165px;height:118px;transform:rotate(-9deg);font-size:29px;text-align:center;padding-top:13px;box-shadow:5px 6px #006873;z-index:7}.tom-note b{display:block;font-size:37px}.tom-note span{display:block}.quiz-arrow{left:812px;top:154px;width:109px;height:127px;z-index:6}.quiz-prompt{position:absolute;left:51px;top:711px;width:475px;height:91px;transform:rotate(-4deg);font-size:41px;text-align:center;padding:12px 10px;border:9px solid var(--paper);z-index:6}.quiz-options{position:absolute;left:131px;top:800px;width:686px;display:grid;gap:22px;padding:0;margin:0;border:0;z-index:5}.quiz-option{position:relative;width:686px;height:154px;display:flex;align-items:center;background:var(--paper) url('assets/paper-texture.png');border:7px solid #050606;border-radius:0 23px 24px 21px;box-shadow:9px 9px #003938;transform:rotate(-2deg);cursor:pointer}.quiz-option:nth-of-type(2){transform:rotate(-1deg)}.quiz-option:has(:checked){background:var(--yellow) url('assets/yellow-texture.png');outline:7px solid var(--paper)}.quiz-option>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.quiz-option:has(:focus-visible){outline:7px solid #1955ff}.quiz-option>b{position:absolute;left:-12px;top:-8px;width:87px;height:100px;border:3px solid #040505;background:var(--number-color);display:grid;place-items:center;font:900 51px Impact,'Arial Narrow',sans-serif;box-shadow:3px 3px #0002}.option-copy{margin-left:97px;display:block;margin-top:4px}.option-copy strong{font-size:36px;display:block;font-weight:800;white-space:nowrap}.option-copy small{font-size:25px;display:block;margin-top:6px;letter-spacing:1px}.quiz-option>i{position:absolute;right:29px;top:44px;width:44px;height:44px;border:4px solid #080808;border-radius:50%;pointer-events:none}.quiz-option:has(:checked)>i{background:var(--pink);border:5px solid #fff;box-shadow:0 0 0 4px var(--pink),inset 0 0 0 3px var(--pink);outline:4px solid white;outline-offset:4px}.reaction-sticker{position:absolute;left:677px;top:953px;width:210px;height:77px;border:6px solid #fffcf1;transform:rotate(9deg);padding:8px 10px;font-size:30px;z-index:9;box-shadow:0 5px #005356}.simple-note{position:absolute;left:819px;top:813px;width:137px;height:241px;transform:rotate(7deg);padding:49px 25px;font:36px/1.3 'Kaiti SC','STKaiti',Replica,sans-serif}.checklist{position:absolute;left:810px;top:1257px;width:145px;height:225px;transform:rotate(-7deg);font:34px/1.5 'Kaiti SC','STKaiti',Replica,sans-serif;padding:23px 6px}.quiz-next{position:absolute;left:237px;top:1498px;width:519px;height:123px;border:9px solid #fffaf1;transform:rotate(-4deg);box-shadow:-15px 13px #040505;display:flex;align-items:center;justify-content:center;font-size:68px;font-weight:900;letter-spacing:6px;z-index:6}.quiz-next img{position:absolute;right:19px;top:39px;width:115px;height:70px}.quiz-bottom-note{position:absolute;left:-7px;top:1580px;width:206px;height:130px;transform:rotate(11deg);padding:12px;font:30px/1.4 'Kaiti SC','STKaiti',sans-serif}.quiz-inbox{position:absolute;left:-18px;top:1154px;width:135px;height:166px;transform:rotate(-15deg);border:5px double #131414;text-align:center;font:900 25px/1.1 Arial,sans-serif;padding-top:7px}.quiz-inbox em{font-size:22px;color:#f33c72}
.catalog-title{position:absolute;left:90px;top:54px;width:548px;transform:rotate(-6deg);font-size:119px;font-weight:900;line-height:1.05;letter-spacing:2px;z-index:3}.catalog-title span{display:table;padding:0 17px 9px;white-space:nowrap;border:8px solid #fffaf0;box-shadow:4px 4px #f0f0df}.catalog-title span+span{font-size:110px;margin-top:-11px;margin-left:47px;color:var(--yellow);letter-spacing:0}.catalog-subtitle{position:absolute;left:253px;top:280px;transform:rotate(-6deg);font:900 43px Arial,sans-serif;padding:9px 24px;border:8px solid #fff7ec;z-index:4;white-space:nowrap}.resident-count{position:absolute;left:707px;top:57px;width:192px;height:152px;border:7px solid #fff9ef;transform:rotate(7deg);text-align:center;font:900 25px Arial,sans-serif}.resident-count b{display:block;font:900 86px/.98 Replica,sans-serif}.catalog-postmark{position:absolute;left:688px;top:195px;width:116px;height:110px;border:5px double #035a65;border-radius:50%;transform:rotate(-10deg);display:grid;align-content:center;text-align:center;font:900 21px/1.1 'Courier New',monospace;color:#004d5d}.catalog-tabs{position:absolute;left:113px;top:384px;display:flex;gap:48px;z-index:5}.catalog-tabs button{height:64px;width:190px;background:var(--paper) url('assets/paper-texture.png');border:5px solid #000;font-size:32px;font-weight:900;box-shadow:6px 7px #004f57;transform:rotate(-1deg)}.catalog-tabs button[aria-pressed=true]{background:var(--yellow) url('assets/yellow-texture.png')}.resident-grid{position:absolute;left:52px;top:475px;display:grid;grid-template-columns:repeat(3,258px);grid-auto-rows:323px;gap:0 17px;width:808px;height:1138px;overflow:auto;scrollbar-width:none;overscroll-behavior:contain}.resident-grid::-webkit-scrollbar{display:none}.resident-card{position:relative;width:258px;height:323px;border:0;padding:0;text-align:center;background:url('assets/resident-paper.png') center/100% 100% no-repeat;color:#050606}.resident-card:after{content:'';position:absolute;left:27px;right:28px;top:20px;height:217px;border:2px dashed #89857b;border-radius:18px;pointer-events:none}.resident-card:before{content:'';position:absolute;left:16px;top:5px;width:64px;height:42px;background:url('assets/tape.png') center/100% 100%;transform:rotate(-25deg);z-index:4}.resident-card .pin{position:absolute;left:125px;top:10px;background:#090e0e;width:19px;height:19px;border-radius:50%;box-shadow:1px 1px 3px #222;z-index:4}.resident-card .code{position:absolute;left:12px;top:30px;background:var(--yellow);border:3px solid #050606;font:900 27px Arial,sans-serif;min-width:72px;transform:rotate(-3deg);padding:2px 5px;z-index:5}.resident-card img{position:absolute;left:28px;top:36px;width:204px;height:195px;object-fit:contain;z-index:2}.resident-card h2{position:absolute;left:10px;right:10px;top:231px;font-size:33px;font-weight:900;line-height:1.3;z-index:4}.resident-card .alias{position:absolute;left:48px;right:43px;top:274px;padding:1px 0;background:var(--pink) url('assets/pink-texture.png');font-size:21px;white-space:nowrap;z-index:4}.catalog-scroll-line{position:absolute;left:878px;top:497px;width:7px;height:870px;background:#030707;border-radius:4px}.catalog-scroll-line:after{content:'↓';position:absolute;bottom:-27px;left:-20px;font:70px Arial,sans-serif}.catalog-scroll-line>span{position:absolute;left:-25px;top:424px;background:var(--yellow);border:4px solid #080909;width:57px;height:57px;border-radius:50%;text-align:center;line-height:49px;font-size:36px}.catalog-bottom{position:absolute;left:0;right:0;bottom:0;height:59px;background:#08b6c2 url('assets/teal-texture.png');display:grid;place-items:center;z-index:6}.catalog-bottom button{font:900 22px 'Arial Narrow',Arial,sans-serif}.catalog-star{left:24px;top:97px;width:100px;height:100px;z-index:8}.catalog-collect{position:absolute;left:839px;top:1420px;width:90px;height:136px;border:4px solid var(--pink);border-radius:7px;color:#001c21;transform:rotate(-13deg);padding:32px 5px 0;text-align:center;font-size:23px}
.result{background-color:#0076d8;background-image:url('assets/blue-texture.png')}.result-eyebrow{position:absolute;left:54px;top:56px;width:350px;height:60px;border:8px solid #fff9ee;transform:rotate(-8deg);text-align:center;font:900 29px/43px Arial,sans-serif;z-index:3;white-space:nowrap}.result-title-paper{left:37px;top:74px;width:863px;height:236px;filter:drop-shadow(4px 7px #00335f)}.result-title{position:absolute;left:106px;top:133px;transform:rotate(-4deg);font-size:108px;line-height:1.15;letter-spacing:-2px;font-weight:900;white-space:nowrap;z-index:3;border-bottom:11px solid var(--pink)}.result-role{position:absolute;left:43px;top:303px;width:603px;height:123px;transform:rotate(-3deg);border:7px solid #fffdf2;display:flex;align-items:center;gap:23px;padding:0 40px;z-index:4}.result-role b{font-size:59px;color:#2bdad7;letter-spacing:5px;white-space:nowrap}.result-role span{font-size:43px;white-space:nowrap;border-left:3px solid #f9f4ed;padding-left:23px}.result-checklist{position:absolute;left:750px;top:315px;width:176px;height:163px;background:#7fcda0;border:2px solid #3e967a;transform:rotate(10deg);padding:14px 12px;font-size:27px;line-height:1.4;box-shadow:4px 5px #004569}.result-checklist:before{content:'';position:absolute;left:49px;top:-24px;width:94px;height:52px;background:url('assets/tape.png') center/100% 100%;transform:rotate(-10deg)}.result-scene{left:72px;top:335px;width:796px;height:633px;z-index:5}.desk-note{position:absolute;left:422px;top:734px;width:93px;height:98px;padding-top:4px;font-size:22px;line-height:1.2;text-align:center;transform:rotate(3deg);z-index:7}.book-note{position:absolute;left:205px;top:849px;width:117px;height:66px;background:#a0afc0;color:#050608;transform:rotate(-24deg);font-size:21px;line-height:1.2;padding:7px 3px;text-align:center;z-index:7}.score-paper{position:absolute;left:25px;top:463px;width:397px;height:292px;transform:rotate(-11deg);border:12px solid #fff9ef;z-index:8;box-shadow:6px 7px #8ec5e2}.score-paper>strong{display:block;color:var(--pink);font:900 240px/.99 Impact,'Arial Narrow',sans-serif;letter-spacing:-5px;-webkit-text-stroke:5px #050606;paint-order:stroke fill;text-shadow:9px 12px #000}.score-paper>strong span{font-size:144px;letter-spacing:-14px}.score-paper>b{position:absolute;left:25px;bottom:-57px;font-size:43px;border:8px solid #fffdf2;padding:2px 20px;white-space:nowrap;transform:rotate(-2deg)}.result-line-paper{left:88px;top:944px;width:754px;height:137px;z-index:9}.result-line{position:absolute;left:137px;top:984px;font-size:33px;font-weight:800;letter-spacing:1px;z-index:10;white-space:nowrap;transform:rotate(-1deg)}.result-quote{position:absolute;left:39px;top:1065px;width:858px;height:94px;padding:12px 29px;font-size:39px;font-weight:900;letter-spacing:2px;z-index:11;border-top:3px solid #f5ebdf;border-bottom:3px solid #f5ebdf;box-shadow:5px 7px #044f8b;white-space:nowrap}.result-tags{position:absolute;left:39px;top:1207px;display:flex;gap:26px}.result-tags span{width:267px;height:83px;background:#2fd9cd;border:5px solid #040808;border-radius:40px;box-shadow:0 0 0 9px #fff8e9,0 6px 0 9px #7ba4b2;display:grid;place-items:center;font-size:35px;font-weight:900;white-space:nowrap}.result-tags span.yellow-stock{background:var(--yellow) url('assets/yellow-texture.png')}.result-share,.result-retry{position:absolute;left:48px;top:1361px;width:443px;height:113px;border:5px solid #050606;border-radius:60px;box-shadow:0 0 0 10px #fff7e6,0 9px 0 10px #94b7c4;font-size:54px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:34px}.share-arrow{font-size:67px;background:var(--yellow);width:83px;height:83px;border-radius:50%;display:grid;place-items:center;line-height:1}.result-retry{top:1515px;background:#2bd4c8;font-size:54px;gap:36px}.result-retry>span:first-child{font:900 83px Arial,sans-serif}.result-share-paper{left:562px;top:1330px;width:284px;height:315px;filter:drop-shadow(4px 6px #003360)}.result-share-tape{left:619px;top:1316px;width:161px;height:55px;z-index:7}.share-code{position:absolute;left:612px;top:1374px;width:197px;text-align:center;z-index:6}.share-code b{font-size:33px;display:block;letter-spacing:2px;margin-bottom:13px}.share-code canvas,.share-code img{display:block;width:192px;height:192px;background:#fff;border:9px solid #f9f8f2;border-radius:16px;box-shadow:0 0 0 2px #bdbbb4}.result-squiggle{left:783px;top:504px;width:139px;height:163px;z-index:1}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#notice{position:fixed;z-index:200;bottom:24px;left:50%;transform:translateX(-50%);background:#14292f;color:white;border-radius:12px;padding:14px 22px;max-width:min(90vw,560px);font-size:13px;line-height:1.6;box-shadow:0 5px 30px #0004;pointer-events:none;opacity:0;transition:opacity .15s}#notice.visible{opacity:1}dialog{padding:30px;border:0;border-radius:16px;max-width:min(92vw,480px);background:#f9f5eb;color:#10292e;box-shadow:0 15px 80px #0005;font-size:15px;line-height:1.7}dialog::backdrop{background:#001d28a0}dialog h2{font-size:28px;margin:0 0 12px}dialog p{margin:10px 0}dialog img{height:210px;max-width:100%;object-fit:contain;display:block;margin:auto}dialog button:not(.dialog-close){padding:11px 22px;margin-top:15px;background:#ff298a;color:#050606;border-radius:8px;font-weight:800}.dialog-close{position:absolute;right:10px;top:6px;font:30px Arial,sans-serif}.edit-mode [data-edit]{outline:2px dashed #2266ff;outline-offset:3px;cursor:text;min-width:8px}.edit-mode [data-edit]:focus{outline:3px solid #2266ff}.edit-mode .stage button{cursor:text}.reference-layer{position:absolute;left:0;top:0;width:100%;height:100%;z-index:90;pointer-events:none}.reference-layer[hidden]{display:none}
@media(min-width:1350px){#app{padding-right:238px}.viewport{width:520px}}
@media(max-width:800px){body{background:#06b4c0}.tools{position:relative;left:auto;top:auto;width:100%;border-radius:0;padding:10px 12px;box-shadow:none;display:flex;flex-wrap:wrap;gap:9px 12px;align-items:center}.tool-brand{font-size:17px}.tool-brand span{font-size:11px}.tools nav{display:flex;gap:2px;margin:0;flex-wrap:wrap}.tools nav a{font-size:11px;padding:7px}.tool-actions{display:flex;gap:6px;flex-wrap:wrap}.tool-actions button{font-size:10px;padding:6px 9px}.tools p{display:none}#app{padding:0;min-height:0}.viewport{width:100%;max-width:520px;box-shadow:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Source-size adjustments after the first browser comparison. */
.home{background-image:url('assets/background-home.png'),url('assets/teal-texture.png');background-size:916px 1717px,135px 100px;background-repeat:no-repeat,repeat}
.mood{background-image:url('assets/background-mood.png'),url('assets/teal-texture.png');background-size:941px 1672px,135px 100px;background-repeat:no-repeat,repeat}
.quiz{background-image:url('assets/background-quiz.png'),url('assets/teal-texture.png');background-size:941px 1672px,135px 100px;background-repeat:no-repeat,repeat}
.catalog{background-image:url('assets/background-catalog.png'),url('assets/teal-texture.png');background-size:941px 1672px,135px 100px;background-repeat:no-repeat,repeat}
.result{background-image:url('assets/background-result.png'),url('assets/blue-texture.png');background-size:941px 1672px,30px 300px;background-repeat:no-repeat,repeat}
.mood-title{font-size:82px;line-height:1.2;transform:scaleX(.88);transform-origin:left center;letter-spacing:-1px}
.nickname-label{width:241px}.mood-chips legend{width:221px}
.lab-stamp{padding-top:12px;padding-right:3px;font-size:27px;line-height:.95;width:242px}
.lab-stamp:before{content:'';position:absolute;left:8px;top:12px;width:75px;height:80px;background:url('assets/lab-flower.png') center/100% 100%;transform:rotate(8deg)}
.box-icon{width:71px;height:66px;object-fit:contain}.shuffle-icon{width:50px;height:48px;object-fit:contain}
.share-arrow{width:81px;height:81px;object-fit:contain}.retry-icon{width:68px;height:64px;object-fit:contain}
.capture .tools,.capture #notice{display:none}.capture #app{padding:0;min-height:0}.capture .viewport{width:100%;max-width:none;margin:0;box-shadow:none}.capture{background:#06b4c0}
/* Independently extracted blank stocks preserve the original physical edges. */
.home-actions{left:42px;top:1068px;gap:21px}
.home-actions .cut-button{width:408px;height:167px;background:url('assets/home-button-pink.png') center/100% 100% no-repeat;border:0;box-shadow:none;clip-path:none;padding-bottom:12px}
.home-actions .cut-button+button{width:396px;height:158px;background-image:url('assets/home-button-paper.png');margin-top:10px}
.home-title{top:191px;font-size:126px;letter-spacing:-6px}.home-title span+span{font-size:134px}
.home-intro{font-weight:650}.home-intro mark{font-weight:850}
.quiz-title{top:163px}.quiz-title span:nth-child(2){font-size:61px}.quiz-title span:nth-child(3){font-size:61px}.quiz-title span:last-child{font-size:70px;margin-top:12px;margin-left:82px;text-align:left}
.quiz-prompt{left:31px;top:691px;width:509px;height:127px;transform:none;background:url('assets/quiz-prompt-stock.png') center/100% 100%;border:0;font-weight:650;display:grid;place-items:center;padding:22px 0 0 12px}
.quiz-options{left:0;top:0;width:941px;display:block}
.quiz-option{position:absolute;left:120px;top:783px;width:719px;height:192px;transform:none;border:0;border-radius:0;background:url('assets/quiz-option-1.png') center/100% 100% no-repeat;box-shadow:none;outline:none!important}
.quiz-option:nth-of-type(2){left:92px;top:969px;width:753px;height:187px;transform:none;background-image:url('assets/quiz-option-2.png')}
.quiz-option:nth-of-type(3){left:130px;top:1144px;width:713px;height:178px;background-image:url('assets/quiz-option-3.png')}
.quiz-option:nth-of-type(4){left:130px;top:1312px;width:697px;height:175px;background-image:url('assets/quiz-option-4.png')}
.quiz-option:has(:checked){background-image:url('assets/quiz-option-2.png');background-color:transparent}
.quiz-option:not(:has(:checked)){background-image:url('assets/quiz-option-1.png')}
.quiz-option:nth-of-type(3):not(:has(:checked)){background-image:url('assets/quiz-option-3.png')}.quiz-option:nth-of-type(4):not(:has(:checked)){background-image:url('assets/quiz-option-4.png')}
.quiz-option>b{left:8px;top:29px;width:88px;height:102px;transform:rotate(-3deg);font-size:52px;box-shadow:none}
.quiz-option:nth-of-type(2)>b{left:32px;top:15px}.quiz-option:nth-of-type(3)>b,.quiz-option:nth-of-type(4)>b{left:7px;top:15px}
.option-copy{position:absolute;left:119px;top:41px;margin:0;transform:rotate(-2deg)}
.quiz-option:nth-of-type(2) .option-copy{left:149px;top:31px}.quiz-option:nth-of-type(3) .option-copy,.quiz-option:nth-of-type(4) .option-copy{left:120px;top:32px}
.option-copy strong{font-weight:750}.option-copy small{font-weight:500;letter-spacing:1px}.quiz-option>i{top:52px;right:54px}.quiz-option:nth-of-type(2)>i{top:72px;right:64px}
.reaction-sticker{font-size:29px;width:210px;white-space:nowrap;letter-spacing:-1px}
.quiz-next{left:215px;top:1476px;width:560px;height:172px;transform:none;background:url('assets/quiz-next-stock.png') center/100% 100% no-repeat;box-shadow:none;border:0;padding:12px 32px 15px 0;font-size:68px}.quiz-next img{top:47px;right:50px}
.catalog-title{z-index:3}.catalog-title:before{content:'';position:absolute;left:-17px;top:-29px;width:563px;height:313px;background:url('assets/catalog-title-stock.png') center/100% 100%;transform:rotate(6deg);z-index:-1}.catalog-title span{background:none;border:0;box-shadow:none;padding:0 17px 9px}.catalog-title span+span{margin-top:7px}.catalog-subtitle{background:url('assets/catalog-subtitle-stock.png') center/100% 100%;border:0;width:414px;height:125px;left:241px;top:256px;transform:none;text-align:center;padding:45px 12px 0;font-size:43px}
.result-title{font-size:105px;top:128px;letter-spacing:-3px}
.result-role{left:33px;top:277px;width:622px;height:171px;background:url('assets/result-role-stock.png') center/100% 100%;transform:none;border:0;padding:30px 40px 0 56px;gap:21px}.result-role b{font-size:58px;transform:rotate(-3deg)}.result-role span{font-size:42px;padding-left:22px;transform:rotate(-3deg)}
.desk-note{width:98px;font-size:21px;white-space:nowrap;font-weight:650}.book-note{font-weight:650;white-space:nowrap;left:207px;top:854px}
.score-paper{left:8px;top:431px;width:441px;height:409px;transform:none;border:0;background:url('assets/score-stock.png') center/100% 100%;box-shadow:none}
.score-paper>strong{position:absolute;left:39px;top:53px;font-size:250px;transform:rotate(-7deg);letter-spacing:-8px}.score-paper>strong span{font-size:147px;letter-spacing:-12px}
.score-paper>b{left:92px;top:305px;bottom:auto;padding:0;transform:rotate(-12deg);border:0;background:none;font-size:43px}
.result-line{font-weight:750}.result-checklist{font-weight:550}
.result-quote{left:18px;top:1035px;width:905px;height:158px;border:0;box-shadow:none;background:url('assets/result-quote-stock.png') center/100% 100%;padding:47px 58px 0;font-size:38px;letter-spacing:1px}
.home{background-image:url('assets/background-home.png'),url('assets/home-base-texture.png')}
.mood{background-image:url('assets/background-mood.png'),url('assets/mood-base-texture.png');background-size:941px 1672px,25px 300px}
.quiz{background-image:url('assets/background-quiz.png'),url('assets/quiz-base-texture.png');background-size:941px 1672px,600px 20px}
.catalog{background-image:url('assets/background-catalog.png'),url('assets/catalog-base-texture.png');background-size:941px 1672px,600px 20px}
.result{background-image:url('assets/background-result.png'),url('assets/result-base-texture.png');background-size:941px 1672px,600px 20px}
.home-title:after{display:none}.home-title-underline{left:247px;top:420px;width:507px;height:132px;z-index:3}.home-rays{left:678px;top:159px;width:110px;height:108px;z-index:4}.home-note-arrow{left:108px;top:252px;width:95px;height:99px;z-index:6}.home-star-note{left:786px;top:106px;width:105px;height:111px;z-index:2}
.mood-title{border-bottom:0}.mood-title-underline{left:126px;top:322px;width:732px;height:28px;z-index:3}.mood-arrow{left:692px;top:355px;width:173px;height:53px;z-index:3}
.meter>img{filter:none;object-fit:fill;left:-148px;top:-27px;width:139px;height:182px}.meter:nth-child(2)>img{left:-138px;top:0;width:104px;height:154px}.meter:nth-child(3)>img{left:-131px;top:5px;width:106px;height:146px}.meter:nth-child(4)>img{left:-147px;top:-6px;width:110px;height:159px}.ticks{font:500 24px/1 Replica,sans-serif}
.yellow-underline,.pink-underline{text-decoration:none}.quiz-yellow-ink{left:189px;top:380px;width:508px;height:95px;z-index:2}.quiz-pink-ink{left:259px;top:487px;width:426px;height:82px;z-index:2}.quiz-doodle-star{left:502px;top:707px;width:91px;height:98px;z-index:8}.quiz-doodle-arrow{left:604px;top:716px;width:134px;height:70px;z-index:8}
.result-title{border-bottom:0}.result-title-underline{left:150px;top:195px;width:691px;height:92px;z-index:3}.result-top-arrow{left:455px;top:37px;width:123px;height:84px;z-index:4}.result-star{left:830px;top:858px;width:108px;height:116px;z-index:6}.result-smile{left:826px;top:1557px;width:107px;height:109px;z-index:6}
.native-mode .viewport{max-width:none}
.catalog-title span+span{font-size:105px;margin-top:0}
.catalog-subtitle{padding-top:40px;font-size:40px}.catalog-subtitle span{display:block;transform:rotate(-6deg);white-space:nowrap}
.catalog-clip{left:834px;top:17px;width:68px;height:96px;transform:rotate(17deg);z-index:5}
.resident-card:nth-child(3n+1) .alias{left:52px;width:150px;right:auto}.resident-card:nth-child(3n+2) .alias{left:54px;width:134px;right:auto}.resident-card:nth-child(3n) .alias{left:43px;width:167px;right:auto}.resident-card .alias{font-size:20px;font-weight:650}
.option-copy strong{font-weight:650}.option-copy small{font-weight:400}.quiz-option>b{font-family:'Arial Narrow',Arial,sans-serif;font-weight:500;font-stretch:condensed}
/* Browser annotation fixes: one editable title layer, state-only option fill. */
.catalog-title:before{background-image:url('assets/catalog-title-stock-clean.png')}
.catalog-subtitle{background-image:url('assets/catalog-subtitle-stock-clean.png')}
#quiz .quiz-option{background-image:url('assets/quiz-option-body-paper.png');background-size:100% 100%;background-repeat:no-repeat;background-position:center}
#quiz .quiz-option:has(:checked){background-image:url('assets/quiz-option-body-yellow.png')}
.reaction-sticker{display:none}
.result-role span{transform:translateY(-12px) rotate(-3deg)}
/* Six-question experience, using the accepted papers and independent artwork. */
.viewport,.stage{overflow:clip}
.quiz-title{top:178px;font-size:62px;line-height:1.32;width:650px}
.quiz-title span:first-child{font-size:62px}
.quiz-title span:nth-child(2),.quiz-title span:nth-child(3){font-size:61px;margin-left:8px}
.quiz-title span:last-child{font-size:61px;margin-top:15px;margin-left:65px}
.quiz-title:focus{outline:none}
.tom-note b{font-size:31px;line-height:1.2}.tom-note span{font-size:20px;line-height:1.3;white-space:nowrap}
.simple-note,.checklist,.desk-note,.book-note{white-space:pre-line}
.simple-note{padding:49px 8px;font-size:30px;text-align:center}
.option-copy strong{font-size:34px;letter-spacing:-.5px}
.option-copy small{font-size:23px;letter-spacing:0;white-space:nowrap}
.quiz-next.last-question{font-size:51px;padding-right:55px}
.quiz-next.last-question img{width:75px;right:35px}
.quiz-back{position:absolute;left:650px;top:1625px;font-size:26px;text-decoration:underline;z-index:10;padding:5px 12px;background:var(--paper)}
.quiz-back[hidden]{display:none}
.mood-submit{font-size:40px;letter-spacing:0}
.result-character{left:443px;top:411px;width:421px;height:548px;object-fit:contain;z-index:5;filter:drop-shadow(4px 0 #fff9ee) drop-shadow(-4px 0 #fff9ee) drop-shadow(0 4px #fff9ee) drop-shadow(0 -4px #fff9ee) drop-shadow(5px 6px #00365d)}
.result-character[hidden],.result-scene[hidden],.desk-note[hidden],.book-note[hidden],.result-observation[hidden]{display:none}
.result-observation{position:absolute;left:93px;top:842px;width:390px;min-height:86px;padding:8px 12px;transform:rotate(-3deg);z-index:8;border:2px solid #111;box-shadow:4px 5px #00365d}
.result-observation b{display:block;font-size:20px;line-height:1.2;color:#555}.result-observation span{display:block;font-size:22px;line-height:1.35}
.result-checklist{font-size:24px;white-space:pre-line;z-index:6}
.result-role{gap:16px;padding-left:55px;background-image:url('assets/result-role-stock-clean.png')}.result-role b{letter-spacing:1px}
.result-role span{font-size:36px;padding-left:16px}
.result-line{font-size:30px;letter-spacing:0;left:125px;width:700px;text-align:center}
.result-quote{font-size:34px;letter-spacing:0;text-align:center;padding-left:32px;padding-right:32px}
.result-tags span{font-size:29px}
.quiz-title,.quiz-title span,.tom-note b,#quizNext span,.result-line,.result-quote,.result-tags span{font-family:Replica,'PingFang SC','Microsoft YaHei',sans-serif;font-weight:900}
.score-paper>strong.three-digits{font-size:190px;top:85px;left:26px;letter-spacing:-6px}
.score-paper>strong.three-digits span{font-size:100px;letter-spacing:-5px}
.score-paper>b{font-size:36px;left:83px;top:311px}
.share-code{left:590px;width:230px;top:1377px}
.share-code>b{font-size:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#resultCode{display:block;font:900 52px/1.1 Arial,sans-serif;color:#ff298a}
.share-code p{font-size:21px;line-height:1.35;margin-top:7px}
.share-code button{font-size:19px;text-decoration:underline;padding:5px}
.share-copy{width:100%;height:190px;padding:10px;font:15px/1.7 inherit}
.share-note{font-size:12px;color:#566567}
#shareCardPreview{display:block;width:100%;max-width:340px;height:auto;max-height:none;margin:16px auto 0;border-radius:0}
.review-roles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
dialog .review-roles button:not(.dialog-close){margin:0;background:#e0e7dd;padding:9px;font-size:15px}
.review-roles small{display:block;font-size:11px}
dialog details section{padding:8px 0;border-bottom:1px solid #ccc}
dialog details h3{margin:8px 0}dialog details ol{padding-left:22px}dialog details li{margin:8px 0}
@media(max-width:800px){.tool-actions button{padding:5px 8px}}