:root{color-scheme:dark;font-family:system-ui,-apple-system,'Noto Sans JP',sans-serif;color:#eef7ff;background:#070c1a;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 30% 0,#25204b 0,transparent 65%);min-height:100dvh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible{outline:3px solid #91ffe3;outline-offset:3px}[hidden]{display:none!important}.app{max-width:1100px;margin:auto;padding:16px 24px 8px}header{display:flex;align-items:center;gap:12px}.brand{color:white;font-weight:900;letter-spacing:2px;text-decoration:none;font-size:20px}.brand span{font-size:12px;color:#9299bb;display:block;letter-spacing:5px}.wallet{margin-left:auto;text-align:right}.wallet small{font-size:12px;color:#a5b6cf;display:block}.wallet strong{font-size:25px;color:#ffe0a1;font-variant-numeric:tabular-nums}.icon,.book-button{border:1px solid #ffffff25;background:#151b30;border-radius:10px;padding:10px;font-size:14px}.title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 12px}.eyebrow{font-size:12px;letter-spacing:2px;color:#83dad9;margin:0 0 4px}h1{font-size:25px;margin:0;letter-spacing:1px}.book-button b{color:#d3b6ff;margin-left:5px}.seas{display:flex;gap:8px;margin-bottom:12px}.seas button{flex:1;text-align:left;border:1px solid #ffffff1b;background:#111a2b;border-radius:9px;padding:10px 14px;font-size:14px;color:#9cacbf}.seas button[aria-pressed=true]{background:#153b46;border-color:#75cfca;color:#c5fff6}.seas small{display:block;font-size:12px;margin-top:3px;opacity:.8}.machine{border:1px solid #466379;border-radius:18px;overflow:hidden;box-shadow:0 18px 70px #0007;background:#111b2b}.arena{height:clamp(330px,47dvh,540px);position:relative;overflow:hidden;background:#0b2639;touch-action:none}#sea{display:block;width:100%;height:100%}.fish-targets{position:absolute;inset:0;pointer-events:none}.fish-targets button{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;pointer-events:auto;border-radius:50%;min-width:44px;min-height:44px}.fish-targets button:focus-visible{background:#fff2}.sea-top,.scene-bottom{position:absolute;left:18px;right:18px;display:flex;justify-content:space-between;gap:12px;pointer-events:none;font-size:13px;text-shadow:0 2px 6px #000}.sea-top{top:16px}.sea-top span{background:#05182bd9;padding:6px 10px;border:1px solid #6bc2d326;border-radius:7px}.scene-bottom{bottom:12px;color:#a0c2d9;font-size:12px}.yona{display:flex;align-items:center;gap:16px;padding:12px 20px;background:linear-gradient(90deg,#241d39,#142035);border-top:1px solid #899fc82a;border-bottom:1px solid #899fc82a;min-height:57px}.yona>span{color:#c9a7ff;white-space:nowrap;font-size:13px;font-weight:900;letter-spacing:2px}.yona p{margin:0;font-size:14px;line-height:1.5}.deck{padding:16px 20px 12px}.target-info{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.target-info small{font-size:12px;color:#91a7bf;letter-spacing:1px}.target-info h2{margin:2px 0;font-size:21px}.prize{font-size:12px;text-align:right;color:#eac98c}.prize strong{font-size:30px;margin:0 6px;font-variant-numeric:tabular-nums}.prize small{display:block}.rods{display:flex;gap:8px;margin-bottom:12px}.rods button{flex:1;border:1px solid #435469;border-radius:9px;background:#18253a;padding:8px;font-size:15px}.rods small{display:block;font-size:12px;color:#aab9c9;margin-top:3px}.rods button[aria-pressed=true]{background:#3b2a57;border-color:#ba92fa}.primary{border:1px solid #a9f7e5;border-radius:10px;background:linear-gradient(115deg,#75d4c7,#b7ecce);color:#0d3038;font-weight:800;font-size:18px;padding:14px;width:100%;box-shadow:0 3px 20px #69d9ba15}.primary:active{filter:brightness(1.14)}.fine{font-size:12px;color:#8ea7bd;text-align:center;margin:8px 0 0}.battle-title{display:flex;justify-content:space-between;gap:8px;font-size:16px;margin-bottom:12px}#rage{font-size:13px;border-radius:5px;background:#204b48;padding:3px 10px;color:#a1ffdc}#rage.angry{background:#5a2638;color:#ffb4bf}.meters{display:flex;gap:16px;margin-bottom:14px}.meters label{width:50%;font-size:13px;color:#aec0d3}.meters b{float:right;font-variant-numeric:tabular-nums}.track{display:block;height:10px;margin-top:7px;border-radius:10px;background:#070e1f;overflow:hidden}.track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#46c6bc,#b5ffb5);transition:width .3s}.track.tension i{background:linear-gradient(90deg,#f9db8a,#ff697d)}.battle-actions{display:flex;gap:10px}#reel{width:60%;user-select:none;touch-action:none}#reel.held{background:#e2ffad}#reel small,.pulse small{display:block;font-size:12px;font-weight:500;margin-top:5px}.pulse{width:40%;border:1px solid #b6a4ff;background:#493775;border-radius:10px;font-size:14px;color:#e2d7ff}.pulse:not(:disabled){box-shadow:0 0 24px #ac6fff55}.banner{position:absolute;inset:25% 5% auto;text-align:center;pointer-events:none}.banner small{display:block;letter-spacing:5px;font-size:12px;color:#deedff}.banner strong{font-size:clamp(45px,8vw,80px);font-weight:950;font-style:italic;letter-spacing:5px;color:#ffe5a1;text-shadow:0 4px 0 #694163,0 0 30px #c590ed}.result{position:absolute;inset:12% 16% 10%;z-index:4;background:#0e1838ed;border:1px solid #ad91d6;border-radius:18px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:18px;backdrop-filter:blur(10px)}.result>small{color:#c6b4ff;letter-spacing:3px;font-size:12px}.result h2{font-size:24px;margin:7px 0}.result>strong{font-size:42px;color:#ffe1a0}.result p{font-size:13px;color:#aabbd5;margin:5px 0}.result .primary{margin-top:12px;max-width:280px;font-size:16px;padding:10px}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:#0d182ce8;z-index:5}.loading button,.network button{padding:9px 15px;border-radius:8px;background:#334970;border:1px solid #90bad0}.network{margin-top:12px;padding:12px;background:#5b2b3a;border-radius:8px;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}footer{display:flex;justify-content:space-between;gap:12px;padding:14px 0;color:#8095ad;font-size:12px}footer button{border:0;background:none;color:#aabbd0;font-size:12px;padding:0}dialog{background:#111b31;color:#eef4ff;border:1px solid #69708e;border-radius:16px;width:calc(100% - 28px);max-width:660px;max-height:85dvh;padding:24px}dialog::backdrop{background:#020816c9;backdrop-filter:blur(5px)}.modal-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-top h2{font-size:22px;margin:0}.modal-top button{border:0;background:transparent;font-size:28px}#modalContent{font-size:15px;line-height:1.8;color:#becddd}#modalContent li{margin:12px 0}.collection{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.collection article{border:1px solid #3c4d68;background:#0c1427;border-radius:10px;padding:12px;min-height:100px}.collection b,.collection small{display:block}.collection small{font-size:12px;color:#97a8c4}.collection .found{border-color:#82c6c5}.stats{font-size:14px;margin:15px 0;color:#c9d7e7}@media(max-width:600px){.app{padding:10px 10px 4px}header{gap:8px}.brand{font-size:15px;letter-spacing:1px}.brand span{font-size:10px;letter-spacing:3px}.icon{padding:8px;font-size:12px}.wallet strong{font-size:23px}.title-row{margin:11px 0}.eyebrow{font-size:10px;letter-spacing:1px}h1{font-size:20px;letter-spacing:0}.book-button{font-size:12px;padding:8px}.book-button b{display:block;margin:0}.seas{gap:5px;margin-bottom:8px}.seas button{padding:7px 6px;font-size:12px}.seas small{font-size:10px}.arena{height:clamp(285px,40dvh,400px)}.sea-top{top:10px;left:10px;right:10px;font-size:11px;gap:5px}.sea-top span{padding:5px 7px}.machine{border-radius:13px}.yona{padding:9px 12px;gap:10px;min-height:53px}.yona>span{font-size:12px;letter-spacing:1px}.yona p{font-size:13px}.deck{padding:12px}.target-info{margin-bottom:9px}.target-info h2{font-size:19px}.prize strong{font-size:25px}.rods{gap:6px;margin-bottom:9px}.rods button{font-size:14px;padding:7px 4px}.rods small{font-size:11px}.primary{font-size:17px;padding:12px}.fine{font-size:11px}.battle-title{font-size:14px;margin-bottom:8px}.meters{gap:12px;margin-bottom:12px}.battle-actions{gap:8px}.pulse{font-size:12px}#reel small,.pulse small{font-size:11px}.result{inset:10% 8% 8%;padding:14px}.result h2{font-size:22px}.result>strong{font-size:34px}footer{font-size:10px;padding:10px 0}footer button{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}