.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--ad-height:0px;--safe-bottom:env(safe-area-inset-bottom);--bg:#f7f3e3;--bg-soft:#fbf8ec;--card:#fffefa;--sky-light:#eef3f8;--sky-deep:#dbe7f0;--steel:#7e9bb6;--steel-deep:#5f7f9c;--steel-light:#d6e2ec;--gold:#d4b26a;--gold-light:#f0e8d3;--ink:#3f4750;--ink-sub:#86929c;--coral:#c86f6a;--coral-light:#f2dcda;--sage:#8fa583;--sage-deep:#75885e;--sage-light:#e7edda;--line:#e5dfc9;--shadow:0 2px 10px #7d73501a;--radius:18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{color:var(--ink);background:var(--bg);min-height:100dvh;font-family:"M PLUS Rounded 1c",sans-serif}body:before{content:"";z-index:-1;background:linear-gradient(175deg, var(--bg-soft) 0%, var(--bg) 60%, #f0ebd6 100%);position:fixed;inset:0}body:after{content:"";height:env(safe-area-inset-top);background:var(--bg-soft);z-index:100;pointer-events:none;position:fixed;top:0;left:0;right:0}.screen-cover-bottom{height:var(--ad-height);z-index:54;pointer-events:none;background:#fff;position:fixed;bottom:0;left:0;right:0}#root{max-width:480px;padding:calc(10px + env(safe-area-inset-top)) 18px calc(28px + var(--safe-bottom) + var(--ad-height));flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #e5dfc999}.btn-primary{background:var(--steel);color:#f8fbfd;letter-spacing:.06em;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px;font-size:16px;font-weight:800;transition:transform .1s,background .15s;display:flex;box-shadow:0 3px 10px #5f7f9c52}.btn-primary:active{background:var(--steel-deep);transform:scale(.97)}.btn-secondary{background:var(--card);border:1.5px solid var(--steel-light);width:100%;color:var(--steel-deep);letter-spacing:.06em;box-shadow:var(--shadow);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:15px;font-weight:800;transition:transform .1s;display:flex}.btn-secondary:active{transform:scale(.97)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.4;box-shadow:none;cursor:default}.btn-ghost{color:var(--ink-sub);border-radius:12px;align-items:center;gap:6px;padding:8px 10px;font-size:14px;font-weight:700;display:inline-flex}.icon-btn{background:var(--card);border:1px solid var(--line);width:42px;height:42px;color:var(--steel-deep);box-shadow:var(--shadow);border-radius:14px;justify-content:center;align-items:center;transition:transform .1s;display:inline-flex}.icon-btn:active{transform:scale(.94)}.count-badge{background:var(--coral);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 7px;font-size:12px;font-weight:800;display:inline-flex}.screen-header{align-items:center;gap:6px;margin:4px 0 16px;display:flex}.screen-title{letter-spacing:.1em;margin:0;font-size:18px;font-weight:800}.section-label{letter-spacing:.14em;color:var(--ink-sub);align-items:center;gap:6px;margin:20px 4px 8px;font-size:12.5px;font-weight:800;display:flex}.flag-img{border:1px solid var(--line);object-fit:cover;background:#fff;border-radius:10px;display:block;box-shadow:0 2px 8px #7d735029}.home-top{justify-content:space-between;align-items:center;margin:14px 0 10px;display:flex}.home-header{text-align:center;margin:14px 0 4px}.home-title{letter-spacing:.14em;color:var(--ink);margin:0;font-size:24px;font-weight:800}.mascot{object-fit:contain;filter:drop-shadow(0 3px 6px #7d735038);width:92px;height:92px;margin-top:8px}.stats-row{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 4px;display:grid}.stat-card{border-radius:var(--radius);text-align:center;background:var(--card);box-shadow:var(--shadow);border:1px solid #e5dfc999;padding:14px 6px 12px}.stat-label{letter-spacing:.08em;color:var(--ink-sub);font-size:11px;font-weight:800}.stat-value{color:var(--steel-deep);margin-top:3px;font-size:24px;font-weight:800}.stat-card.due .stat-value{color:var(--coral)}.stat-card.legend .stat-value{color:var(--gold)}.stat-value small{color:var(--ink-sub);font-size:12px;font-weight:700}.home-actions{flex-direction:column;gap:11px;margin-top:22px;display:flex}.set-list{flex-direction:column;gap:10px;display:flex}.set-item{text-align:left;background:var(--card);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);border:1px solid #e5dfc999;align-items:center;gap:12px;padding:14px 14px 14px 16px;transition:transform .1s;display:flex}.set-item:active{transform:scale(.98)}.set-num{background:var(--sky-light);width:44px;height:44px;color:var(--steel-deep);border-radius:14px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.set-num .n{font-size:19px;line-height:1}.pager{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:0 2px;display:flex}.pager-label{letter-spacing:.05em;align-items:baseline;gap:8px;font-size:14.5px;font-weight:800;display:flex}.pager-page{color:var(--ink-sub);font-size:11.5px;font-weight:700}.cal-nav-btn:disabled{opacity:.35}.set-info{flex:1;min-width:0}.set-flags{grid-template-columns:repeat(5,25px);justify-content:start;gap:3px;display:grid}.set-flags .flag-img{width:25px;height:17px;box-shadow:none;border-radius:3px}.set-meta{color:var(--ink-sub);align-items:center;gap:8px;margin-top:6px;font-size:11.5px;font-weight:600;display:flex}.set-dots{gap:3px;display:flex}.set-dot{background:var(--steel-light);border-radius:50%;width:7px;height:7px}.set-dot.done{background:var(--steel)}.set-chevron{color:var(--steel-light);flex-shrink:0}.quiz-top{align-items:center;gap:10px;margin-bottom:12px;display:flex}.progress-track{border:1px solid var(--line);background:#fdfdffd9;border-radius:999px;flex:1;height:8px;overflow:hidden}.progress-fill{background:var(--steel);border-radius:999px;height:100%;transition:width .3s}.quiz-counter{color:var(--ink-sub);text-align:right;min-width:46px;font-size:13px;font-weight:800}.choices-in{animation:.35s ease-out .12s backwards choices-in}@keyframes choices-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.prompt-card{background:var(--sky-light);border:1px solid var(--sky-deep);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;margin-bottom:13px;padding:22px 20px 20px}.prompt-direction{letter-spacing:.1em;color:var(--steel-deep);background:var(--steel-light);border-radius:999px;margin-bottom:12px;padding:4px 13px;font-size:10.5px;font-weight:800;display:inline-block}.prompt-flag{aspect-ratio:4/3;object-fit:contain;background:#fff;width:min(230px,70vw);margin:0 auto}.choices{flex-direction:column;gap:9px;display:flex}.choice-btn{background:var(--card);box-shadow:var(--shadow);text-align:center;overflow-wrap:anywhere;border:1.5px solid #e5dfc9cc;border-radius:16px;padding:14px 16px;font-size:16.5px;font-weight:700;transition:transform .1s}.choice-btn:active{transform:scale(.98)}.choice-btn.correct{background:var(--sage-light);border-color:var(--sage);color:#5d7352}.choice-btn.wrong-pick{background:var(--coral-light);border-color:var(--coral);color:var(--coral)}.choice-btn.faded{opacity:.4}.dontknow-btn{border:1.5px dashed var(--steel);color:var(--steel-deep);letter-spacing:.06em;background:0 0;border-radius:16px;margin-top:3px;padding:12px;font-size:14px;font-weight:800}.answer-panel{border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);border:1px solid #e5dfc999;margin-top:13px;padding:18px 18px 16px;animation:.25s ease-out pop-in}@keyframes pop-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.answer-badge{letter-spacing:.08em;justify-content:center;align-items:center;gap:7px;margin-bottom:10px;font-size:17px;font-weight:800;display:flex}.answer-badge.correct{color:var(--sage)}.answer-badge.wrong{color:var(--coral)}.answer-badge.learn{color:var(--gold)}.answer-flag-row{justify-content:center;margin-bottom:10px;display:flex}.answer-flag-row .flag-img{width:108px}.answer-name-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.answer-name{font-size:25px;font-weight:800}.answer-en-row{justify-content:center;align-items:center;gap:8px;margin-top:4px;display:flex}.answer-en{color:var(--ink-sub);letter-spacing:.03em;font-size:13.5px;font-weight:700}.answer-region{text-align:center;color:var(--ink-sub);margin-top:4px;font-size:12px;font-weight:500}.speak-btn{background:var(--sky-light);border:1px solid var(--line);width:30px;height:30px;color:var(--steel-deep);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.info-btn{background:var(--card);border:1.5px solid var(--steel-light);width:30px;height:30px;color:var(--steel-deep);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.trivia-box{background:var(--sky-light);border:1px solid var(--sky-deep);border-radius:14px;margin-top:13px;padding:12px 14px;font-size:13.5px;line-height:1.65}.trivia-label{letter-spacing:.12em;color:var(--steel-deep);margin-bottom:4px;font-size:10.5px;font-weight:800}.memo-row{justify-content:flex-end;margin-top:10px;display:flex}.memo-btn{color:var(--ink-sub);border:1px dashed var(--line);border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:12.5px;font-weight:800;display:inline-flex}.memo-btn.has-memo{color:var(--steel-deep);border-color:var(--steel-light);background:#d6e2ec59}.memo-view{background:var(--steel-light);white-space:pre-wrap;color:#4a5d6e;border-radius:12px;margin-top:10px;padding:10px 12px;font-size:13px;line-height:1.6}.memo-edit{margin-top:10px}.memo-textarea{border:1.5px solid var(--steel-light);width:100%;min-height:74px;color:var(--ink);background:var(--card);resize:vertical;border-radius:12px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px}.memo-textarea:focus{border-color:var(--steel)}.memo-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.memo-save{background:var(--steel);color:#f8fbfd;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:800}.next-btn{margin-top:14px}.detail-overlay{inset:0;top:env(safe-area-inset-top);bottom:calc(var(--ad-height) + var(--safe-bottom));z-index:70;background:#3f475066;justify-content:center;align-items:flex-end;display:flex;position:fixed}.detail-panel{background:var(--bg-soft);border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:480px;max-height:100%;animation:.25s ease-out slide-up;display:flex;overflow:hidden}.detail-head{border-bottom:1px solid var(--line);background:var(--card);justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.detail-head-title{letter-spacing:.05em;color:var(--steel-deep);align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.detail-body{padding:18px 18px calc(24px + env(safe-area-inset-bottom));overflow-y:auto}.detail-hero{text-align:center}.detail-hero .flag-img{width:150px;margin:0 auto 10px}.detail-name{font-size:24px;font-weight:800;line-height:1.3}.detail-en-row{justify-content:center;align-items:center;gap:8px;margin-top:4px;display:flex}.detail-region{color:var(--ink-sub);margin-top:4px;font-size:12px;font-weight:500}.fact-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.fact-cell{background:var(--card);box-shadow:var(--shadow);border:1px solid #e5dfc999;border-radius:14px;padding:10px 12px}.fact-cell.wide{grid-column:1/-1}.fact-label{letter-spacing:.1em;color:var(--ink-sub);font-size:10.5px;font-weight:800}.fact-value{margin-top:3px;font-size:14px;font-weight:700;line-height:1.5}.detail-section{background:var(--card);box-shadow:var(--shadow);border:1px solid #e5dfc999;border-radius:14px;margin-top:14px;padding:12px 14px}.detail-section-label{letter-spacing:.1em;color:var(--steel-deep);align-items:center;gap:6px;margin-bottom:5px;font-size:11.5px;font-weight:800;display:flex}.detail-text{margin:0;font-size:13.5px;line-height:1.75}.map-box{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;margin-top:14px;overflow:hidden}.map-box .map-inner{width:100%;height:230px}.cute-pin{background:0 0;border:none}.cute-pin .pin-dot{background:var(--coral);border:2.5px solid #fff;border-radius:50% 50% 50% 4px;width:22px;height:22px;transform:rotate(-45deg);box-shadow:0 2px 6px #3f475059}.zukan-section{margin-bottom:6px}.zukan-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.zukan-item{background:var(--card);box-shadow:var(--shadow);border:1px solid #e5dfc999;border-radius:13px;flex-direction:column;align-items:center;gap:4px;padding:8px 2px 7px;transition:transform .1s;display:flex}.zukan-item:active{transform:scale(.95)}.zukan-item .flag-img{width:46px;height:31px;box-shadow:none;border-radius:5px}.zukan-name{color:var(--ink);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:9.5px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.zukan-count{color:var(--ink-sub);margin-left:6px;font-size:11px;font-weight:700}.result-hero{text-align:center;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #e5dfc999;padding:28px 20px 22px}.result-stars{color:var(--gold);justify-content:center;gap:6px;display:flex}.result-stars .off{color:var(--sky-deep)}.result-score{color:var(--steel-deep);margin:10px 0 2px;font-size:34px;font-weight:800}.result-score small{color:var(--ink-sub);font-size:15px}.result-msg{color:var(--ink-sub);letter-spacing:.05em;font-size:14px;font-weight:700}.missed-hint{color:var(--ink-sub);margin:-2px 4px 0;font-size:11px;font-weight:700}.missed-list{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.missed-item{perspective:600px;background:0 0;border:none;height:96px;padding:0}.missed-flip{width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.3,1.2,.4,1);display:block;position:relative}.missed-flip.on{transform:rotateY(180deg)}.missed-face{backface-visibility:hidden;background:var(--card);box-shadow:var(--shadow);border:1px solid #e5dfc999;border-radius:14px;justify-content:center;align-items:center;padding:10px 8px;display:flex;position:absolute;inset:0}.missed-face.back{background:linear-gradient(150deg, #f0f5fa, var(--sky-light));border:1.5px solid var(--steel-light);transform:rotateY(180deg)}.missed-item .flag-img{border:1px solid var(--line);width:100%;max-width:74px;box-shadow:none;border-radius:6px}.missed-name{text-align:center;font-size:12px;font-weight:800;line-height:1.4}.review-list{flex-direction:column;gap:11px;display:flex}.review-group{text-align:left;background:var(--card);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);border:1.5px solid #e5dfc9b3;padding:15px 16px;transition:transform .1s}.review-group:active{transform:scale(.98)}.review-group.today{border-color:var(--steel);background:linear-gradient(160deg, #fdfdff, var(--steel-light))}.review-group.overdue{border-color:var(--coral);background:linear-gradient(160deg, #fdfdff, var(--coral-light))}.review-group.future{opacity:.62}.review-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.set-item.complete{background:linear-gradient(150deg, #fdf8e8, var(--gold-light));border:2px solid var(--gold);box-shadow:0 2px 10px #d4b26a59}.set-item.complete .set-num{background:var(--gold);color:#fffdf4}.set-row{flex-direction:column;display:flex}.set-item.open{border-bottom-right-radius:0;border-bottom-left-radius:0}.set-item.open .set-chevron{transform:rotate(90deg)}.set-dir{background:linear-gradient(150deg, #fdf8e8, var(--gold-light));border:2px solid var(--gold);border-radius:0 0 var(--radius) var(--radius);border-top:none;padding:2px 12px 12px;animation:.16s ease-out dirOpen}@keyframes dirOpen{0%{opacity:0;transform:translateY(-6px)}}.set-dir-label{color:#9c7a2c;text-align:center;margin-bottom:8px;font-size:12px;font-weight:700}.set-dir-btns{gap:8px;display:flex}.set-dir-btn{min-height:46px;color:var(--ink);background:#fffdf6;border:1.5px solid #d4b26a8c;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-size:13px;font-weight:800;transition:transform .1s;display:flex}.set-dir-btn:active{transform:scale(.96)}.set-dir-btn.mix{color:var(--steel-deep);flex:0 0 74px}.set-dir-arrow{color:var(--steel);font-weight:700}.review-count{background:var(--steel-light);min-width:26px;height:26px;color:var(--steel-deep);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0 6px;font-size:13px;font-weight:800;display:inline-flex}.review-date{letter-spacing:.04em;font-size:15.5px;font-weight:800}.review-tag{letter-spacing:.08em;border-radius:999px;padding:4px 11px;font-size:11px;font-weight:800}.review-tag.today{background:var(--steel);color:#f8fbfd}.review-tag.overdue{background:var(--coral);color:#fff}.review-tag.future{background:var(--sky-light);color:var(--ink-sub)}.review-meta{color:var(--ink-sub);align-items:center;gap:10px;margin-top:7px;font-size:12.5px;font-weight:600;display:flex}.empty-note{text-align:center;color:var(--ink-sub);padding:44px 16px;font-size:14px;font-weight:600;line-height:1.9}.legend-grid{grid-template-columns:repeat(3,1fr);gap:10px 8px;margin-top:10px;display:grid}.legend-cell{flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.legend-card{width:100%}.legend-info{background:var(--card);border:1.5px solid var(--steel-light);width:24px;height:24px;color:var(--steel-deep);z-index:2;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 1px 4px #5a646e2e}.legend-card .missed-face.back{flex-direction:column}.legend-memo{color:var(--ink-sub);margin-top:4px;font-size:10px;font-weight:600;line-height:1.3}.legend-streak{gap:4px;margin-left:2px;display:flex}.legend-streak-dot{background:var(--sky-deep);border-radius:50%;width:8px;height:8px}.legend-streak-dot.on{background:var(--gold)}.legend-hint{color:var(--ink-sub);margin:10px 4px 0;font-size:11.5px;font-weight:600;line-height:1.7}.cal-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #e5dfc999;padding:16px 14px 18px}.cal-nav{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px;display:flex}.cal-month{letter-spacing:.1em;font-size:17px;font-weight:800}.cal-nav-btn{background:var(--sky-light);width:36px;height:36px;color:var(--steel-deep);border-radius:12px;justify-content:center;align-items:center;display:flex}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-dow{text-align:center;letter-spacing:.06em;color:#f8fbfd;background:var(--steel);border-radius:8px;margin-bottom:3px;padding:6px 0;font-size:11px;font-weight:800}.cal-dow.weekend{background:var(--gold)}.cal-cell{aspect-ratio:1;background:var(--bg-soft);border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:4px;display:flex;position:relative}.cal-cell.empty{background:0 0}.cal-cell.today-cell{outline:2px solid var(--steel);outline-offset:-2px}.cal-day{color:var(--ink-sub);font-size:11px;font-weight:700;line-height:1}.cal-stamp{color:var(--coral);opacity:.85;justify-content:center;align-items:center;padding-top:8px;display:flex;position:absolute;inset:0}.cal-note{color:var(--ink-sub);justify-content:center;align-items:center;gap:7px;margin-top:14px;font-size:12px;font-weight:600;display:flex}.chat-fab{right:18px;bottom:calc(20px + var(--safe-bottom) + var(--ad-height));background:var(--steel);color:#f8fbfd;z-index:50;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex;position:fixed;box-shadow:0 4px 14px #5f7f9c80}.chat-overlay{inset:0;top:env(safe-area-inset-top);bottom:calc(var(--ad-height) + var(--safe-bottom));z-index:60;background:#3f475059;justify-content:center;align-items:flex-end;display:flex;position:fixed}.chat-panel{background:#fbf8ec;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:480px;height:100%;max-height:100%;animation:.25s ease-out slide-up;display:flex;overflow:hidden}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.chat-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.chat-title{letter-spacing:.05em;color:var(--steel-deep);align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.chat-messages{flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;overflow-y:auto}.chat-bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:18px;max-width:85%;padding:10px 14px;font-size:14px;line-height:1.65}.chat-bubble.user{background:var(--steel);color:#f8fbfd;border-bottom-right-radius:6px;align-self:flex-end}.chat-bubble.ai{background:var(--card);box-shadow:var(--shadow);border:1px solid #e5dfc999;border-bottom-left-radius:6px;align-self:flex-start}.chat-bubble.thinking{color:var(--ink-sub)}.chat-input-row{padding:10px 12px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--card);gap:8px;display:flex}.chat-input{border:1.5px solid var(--steel-light);color:var(--ink);background:#fdfdff;border-radius:999px;outline:none;flex:1;padding:10px 16px;font-family:inherit;font-size:15px}.chat-input:focus{border-color:var(--steel)}.chat-send{background:var(--steel);color:#f8fbfd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.chat-send:disabled{opacity:.4}.direction-picker{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;grid-template-columns:1fr 1fr;gap:6px;padding:5px;display:grid}.direction-option{letter-spacing:.02em;color:var(--ink-sub);border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:11px 2px;font-size:12.5px;font-weight:800;transition:all .15s;display:flex}.direction-option.active{background:var(--steel);color:#f8fbfd}.cat-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.cat-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #e5dfc999;flex-direction:column;align-items:center;gap:6px;padding:14px 6px 12px;transition:transform .1s;display:flex}.cat-card:active{transform:scale(.95)}.cat-name{color:var(--ink);text-align:center;font-size:12px;font-weight:800;line-height:1.2}.cat-bar{background:var(--bg);border-radius:999px;width:80%;height:6px;overflow:hidden}.cat-bar-fill{background:var(--steel);border-radius:999px;height:100%;transition:width .3s}.cat-count{color:var(--ink-sub);font-size:10px;font-weight:700}.prompt-name{overflow-wrap:anywhere;margin:6px 0 4px;font-size:32px;font-weight:800;line-height:1.3}.choices-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice-flag{background:var(--card);box-shadow:var(--shadow);border:2px solid #e5dfc9cc;border-radius:16px;justify-content:center;align-items:center;padding:12px 10px;transition:transform .1s;display:flex}.choice-flag:active{transform:scale(.97)}.choice-flag img{aspect-ratio:3/2;object-fit:contain;background:#fff;width:100%}.choice-flag.correct{background:var(--sage-light);border-color:var(--sage)}.choice-flag.wrong-pick{background:var(--coral-light);border-color:var(--coral)}.choice-flag.faded{opacity:.4}.mode-preview{background:var(--sky-light);border:1px solid var(--sky-deep);border-radius:14px;align-items:center;gap:10px;margin-top:8px;padding:11px 14px;animation:.25s ease-out pop-in;display:flex}.mode-mini{background:var(--card);border:1px solid var(--line);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:34px;display:flex}.mode-arrow{color:var(--steel-deep);flex-shrink:0;font-weight:800}.mini-flag{border:1px solid var(--line);border-radius:3px;flex-direction:column;width:26px;height:18px;display:flex;overflow:hidden}.mini-flag .mini-stripe{flex:1}.mini-stripe.a{background:#c96f65}.mini-stripe.b{background:#fdfdff}.mini-stripe.c{background:#7e9bb6}.mini-stripe.d{background:#9dbb85}.mini-lines{flex-direction:column;gap:3px;width:26px;display:flex}.mini-lines span{background:var(--steel-light);border-radius:2px;height:3.5px}.mini-lines span:first-child{background:var(--steel)}.mini-name{color:var(--ink);font-size:12px;font-weight:800}.mini-flag-grid .mini-stripe{border:.5px solid var(--line);border-radius:2px;height:9px}.mode-desc{color:var(--ink-sub);flex-direction:column;font-size:12.5px;font-weight:700;line-height:1.5;display:flex}.mode-desc b{color:var(--steel-deep);font-size:13.5px}.choices-grid .choice-btn{justify-content:center;align-items:center;min-height:62px;padding:10px 8px;font-size:14.5px;line-height:1.35;display:flex}.rule-card{background:var(--sky-light);border:1px solid var(--sky-deep);border-radius:14px;margin-bottom:14px;padding:12px 14px}.rule-text{font-size:13px;line-height:1.7}.rule-text b{color:var(--steel-deep)}.rule-edit{background:var(--card);border:1.5px solid var(--steel-light);color:var(--steel-deep);border-radius:999px;align-items:center;gap:5px;margin-top:8px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.settings-note{color:var(--ink-sub);margin:2px 0 8px;font-size:11.5px;line-height:1.7}.settings-row{align-items:center;gap:10px;padding:7px 0;display:flex}.settings-row-label{color:var(--ink-sub);min-width:44px;font-size:13px;font-weight:800}.settings-row-tail{color:var(--ink-sub);font-size:12.5px;font-weight:700}.stepper{background:var(--sky-light);border:1px solid var(--line);border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.stepper-btn{background:var(--card);border:1px solid var(--line);width:30px;height:30px;color:var(--steel-deep);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.stepper-btn:disabled{opacity:.35}.stepper-btn:active{transform:scale(.92)}.stepper-val{text-align:center;min-width:58px;color:var(--ink);font-size:14px;font-weight:800}.settings-remove{width:28px;height:28px;color:var(--coral);border:1px dashed var(--coral-light);border-radius:50%;justify-content:center;align-items:center;display:flex}.settings-remove:disabled{opacity:.3}.settings-add{border:1.5px dashed var(--steel);color:var(--steel-deep);border-radius:999px;width:100%;margin-top:6px;padding:9px 14px;font-size:12.5px;font-weight:800}.settings-add:disabled{opacity:.35}.title-screen{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:40px;min-height:calc(100dvh - 60px);padding:30px 10px 40px;display:flex}.title-hero{text-align:center}.title-globe-wrap{width:190px;height:200px;margin:0 auto 20px;position:relative}.title-globe{filter:drop-shadow(0 6px 10px #7d735040);width:150px;height:150px;margin-left:-75px;animation:3.2s ease-in-out infinite globe-float;position:absolute;top:8px;left:50%}@keyframes globe-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.title-globe-shadow{background:#7d73502e;border-radius:50%;width:90px;height:14px;margin-left:-45px;animation:3.2s ease-in-out infinite shadow-breathe;position:absolute;bottom:4px;left:50%}@keyframes shadow-breathe{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.65;transform:scaleX(.78)}}.title-flag{animation:2.8s ease-in-out infinite flag-bob;position:absolute}.title-flag.f1{animation-delay:.2s;top:26px;left:-6px}.title-flag.f2{animation-delay:.9s;top:10px;right:-4px}.title-flag.f3{animation-delay:1.5s;bottom:18px;right:8px}@keyframes flag-bob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-7px)rotate(5deg)}}.sparkle{background:var(--gold);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:9px;height:9px;animation:1.8s ease-in-out infinite twinkle;position:absolute}.sparkle.s1{top:4px;left:12px}.sparkle.s2{width:7px;height:7px;animation-delay:.5s;top:-6px;right:30px}.sparkle.s3{width:7px;height:7px;animation-delay:1s;bottom:40px;left:-10px}.sparkle.s4{animation-delay:1.4s;bottom:60px;right:-12px}@keyframes twinkle{0%,to{opacity:.15;transform:scale(.7)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(20deg)}}.title-logo{letter-spacing:.16em;color:var(--ink);margin:0;font-size:34px;font-weight:800;animation:.5s ease-out .1s backwards pop-in}.title-sub{color:var(--ink-sub);letter-spacing:.08em;margin:10px 0 0;font-size:14px;font-weight:700;line-height:1.9;animation:.5s ease-out .25s backwards pop-in}.title-count{color:var(--ink-sub);letter-spacing:.1em;margin:12px 0 0;font-size:12px;font-weight:700;animation:.5s ease-out .35s backwards pop-in}.title-count b{color:var(--steel-deep);font-size:16px}.title-start{max-width:260px;animation:.5s ease-out .45s backwards pop-in}.direction-option.green.active{background:var(--sage)}.mode-preview.name2flag{background:var(--sage-light);border-color:#d3ddc2}.mode-preview.name2flag .mode-arrow,.mode-preview.name2flag .mode-desc b{color:var(--sage-deep)}.home-name2flag .cat-bar-fill{background:var(--sage)}.home-name2flag .stat-value{color:var(--sage-deep)}.home-name2flag .stat-card.due .stat-value{color:var(--coral)}.home-name2flag .stat-card.legend .stat-value{color:var(--gold)}.mini-flag.hinomaru{background:#fff;justify-content:center;align-items:center;display:flex}.mini-sun{background:#c96f65;border-radius:50%;width:9px;height:9px}.mini-sun.small{width:5px;height:5px}.mini-flag-grid .mini-cell{border:1px solid var(--line);border-radius:2px;justify-content:center;align-items:center;width:13px;height:9px;display:flex}.mini-cell.hinomaru{border-color:var(--sage);background:#fff}.mini-cell.b{background:#7e9bb6}.mini-cell.c{background:#c96f65}.mini-cell.d{background:#d4b26a}.mode-chip{letter-spacing:.06em;color:#f8fbfd;background:var(--steel);border-radius:999px;align-items:center;margin-bottom:7px;padding:3px 10px;font-size:10.5px;font-weight:800;display:inline-flex}.mode-chip.name2flag{background:var(--sage)}.progress-track{overflow:visible}.progress-fill{min-width:12px;position:relative}.progress-globe{filter:drop-shadow(0 1px 3px #7d735059);width:21px;height:21px;position:absolute;top:50%;right:-9px;transform:translateY(-50%)}.quiz-screen{flex-direction:column;display:flex}.prompt-flag{width:min(210px,58vw)}.prompt-card{padding:18px 20px 16px}.answer-panel.compact{margin-top:12px;padding:13px 15px}.answer-panel.compact .answer-badge{margin-bottom:8px;font-size:15px}.answer-main-row{align-items:center;gap:12px;display:flex}.answer-flag{flex-shrink:0;width:86px}.answer-info{flex:1;min-width:0}.answer-panel.compact .answer-name-row{justify-content:flex-start;gap:7px}.answer-panel.compact .answer-name{font-size:20px}.answer-panel.compact .answer-en-row{flex-wrap:wrap;justify-content:flex-start;gap:6px;margin-top:3px}.answer-panel.compact .answer-en{font-size:12.5px}.answer-region-inline{color:var(--ink-sub);font-size:11px;font-weight:500}.info-btn.has-memo{background:var(--steel-light)}.trivia-box.compact{margin-top:10px;padding:9px 12px;font-size:12.5px;line-height:1.6}.trivia-box.compact .trivia-label{margin-bottom:2px}.next-bar{left:50%;bottom:calc(12px + env(safe-area-inset-bottom));z-index:45;width:min(444px,100% - 36px);position:fixed;transform:translate(-50%)}.next-bar .btn-primary{box-shadow:0 5px 16px #5f7f9c73}.next-bar-spacer{flex-shrink:0;height:76px}.next-inline{margin-top:12px}.chat-fab.raised{bottom:calc(90px + env(safe-area-inset-bottom));width:46px;height:46px}.bottom-nav{left:50%;bottom:var(--ad-height);width:min(480px,100%);padding:8px 6px calc(8px + var(--safe-bottom));-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--line);z-index:55;background:#fffefaf5;justify-content:space-around;align-items:stretch;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 -3px 14px #7d73501f}.nav-item,.nav-home{color:var(--ink-sub);flex-direction:column;flex:1;align-items:center;gap:3px;font-weight:700;transition:color .15s;display:flex}.nav-item.active{color:var(--steel-deep)}.nav-icon{justify-content:center;align-items:center;height:24px;display:flex;position:relative}.nav-label{letter-spacing:.04em;font-size:10.5px}.nav-badge{background:var(--coral);color:#fff;border:2px solid var(--card);box-sizing:content-box;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:800;display:flex;position:absolute;top:-5px;right:-12px}.nav-home{margin-top:-26px}.nav-home-circle{background:linear-gradient(160deg, var(--steel) 10%, var(--steel-deep) 90%);color:#f8fbfd;border:3px solid var(--card);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .12s;display:flex;box-shadow:0 4px 12px #5f7f9c73}.nav-home:active .nav-home-circle{transform:scale(.93)}.nav-home .nav-label{color:var(--steel-deep)}.nav-home.active .nav-home-circle{box-shadow:0 4px 14px #5f7f9ca6}.nav-spacer{flex-shrink:0;height:86px}.chat-fab.above-nav{bottom:calc(var(--ad-height) + var(--safe-bottom) + 64px)}.settings-group{margin-bottom:14px;padding:16px}.settings-group-title{color:var(--steel-deep);letter-spacing:.06em;align-items:center;gap:7px;margin-bottom:10px;font-size:13px;font-weight:800;display:flex}.sscreen-row{justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.sscreen-row+.sscreen-row{border-top:1px dashed var(--line)}.sscreen-label{font-size:14.5px;font-weight:700}.sscreen-sub{color:var(--ink-sub);margin:3px 0 0;font-size:11.5px}.settings-edit{border:1.5px solid var(--steel-light);color:var(--steel-deep);border-radius:999px;flex-shrink:0;padding:7px 14px;font-size:13px;font-weight:800}.zukan-lead{color:var(--ink-sub);justify-content:center;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.zukan-lead b{color:var(--steel-deep);font-size:17px}.zukan-lead svg{color:var(--gold)}.toggle{background:var(--steel-light);border-radius:999px;flex-shrink:0;width:50px;height:30px;transition:background .18s;position:relative}.toggle.on{background:var(--sage)}.toggle-knob{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #3f475040}.toggle.on .toggle-knob{transform:translate(20px)}.bgm-tracks{gap:8px;padding:4px 0 10px;display:flex}.bgm-track{border:1.5px solid var(--steel-light);background:var(--card);color:var(--steel-deep);border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 4px;font-size:13px;font-weight:800;transition:transform .1s;display:flex}.bgm-track small{color:var(--ink-sub);font-size:9.5px;font-weight:700}.bgm-track.active{background:var(--steel-light);border-color:var(--steel)}.bgm-track:disabled{opacity:.55;cursor:default}.bgm-track:not(:disabled):active{transform:scale(.96)}.volume-slider{width:150px;accent-color:var(--steel)}.time-input{color:var(--steel-deep);background:var(--bg-soft);border:1.5px solid var(--steel-light);border-radius:10px;padding:7px 10px;font-family:inherit;font-size:15px;font-weight:800}.reset-btn{border:1.5px solid var(--coral-light);color:var(--coral);border-radius:999px;flex-shrink:0;padding:7px 14px;font-size:13px;font-weight:800}.reset-panel,.fav-info-panel{padding:20px}.reset-title{align-items:center;gap:6px;margin-bottom:10px;font-size:16px;font-weight:800;display:flex}.reset-confirm{background:var(--coral);margin-top:16px;box-shadow:0 3px 10px #c86f6a59}.reset-confirm:active{background:#b25c57}img.flag-loading{background:var(--sky-light);aspect-ratio:3/2}.choice-flag img,.answer-flag,.prompt-flag{border:1.5px solid var(--line);background:var(--bg-soft);border-radius:8px}.reset-flash{z-index:90;background:linear-gradient(175deg, var(--bg-soft) 0%, var(--bg) 70%);flex-direction:column;justify-content:center;align-items:center;gap:12px;animation:.35s ease-out reset-flash-in;display:flex;position:fixed;inset:0}@keyframes reset-flash-in{0%{opacity:0}to{opacity:1}}.reset-flash-globe{width:90px;animation:.55s cubic-bezier(.2,1.6,.4,1) both ribbon-pop}.reset-flash-text{color:var(--steel-deep);letter-spacing:.1em;font-size:24px;font-weight:800;animation:.55s cubic-bezier(.2,1.6,.4,1) .1s both ribbon-pop}.reset-flash-sub{color:var(--ink-sub);font-size:13px;font-weight:700;animation:.55s ease-out .25s both ribbon-pop}ruby rt{color:inherit;opacity:.75;font-size:.5em;font-weight:700}.nowrap{white-space:nowrap;display:inline-block}.training-tabs{background:var(--sky-light);border-radius:999px;gap:8px;margin-bottom:16px;padding:5px;display:flex}.training-tab{color:var(--ink-sub);border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 6px;font-size:14px;font-weight:800;transition:background .15s,color .15s;display:flex}.training-tab.active{background:var(--card);color:var(--steel-deep);box-shadow:var(--shadow)}.training-tab.gold.active{background:linear-gradient(120deg, #fbf1d3, var(--gold-light));color:#8a6f35;box-shadow:0 2px 8px #d4b26a59}.training-body{border-radius:var(--radius);animation:.28s ease-out training-in}@keyframes training-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.training-body.review .rule-card{background:linear-gradient(150deg, #f0f5fa, var(--sky-light));border:1.5px solid var(--steel-light)}.training-body.legend .rule-card{background:linear-gradient(150deg, #fdf7e3, var(--gold-light));border:1.5px solid var(--gold)}.training-body.legend .rule-edit{border-color:var(--gold);color:#8a6f35}.training-body .empty-note{border-top:1.5px dashed var(--steel-light);border-bottom:1.5px dashed var(--steel-light);margin-top:4px;padding:30px 16px}.training-body.legend .empty-note{border-top-color:var(--gold);border-bottom-color:var(--gold);color:#8a6f35}.about-toggle{width:100%;margin-bottom:0}.about-chevron{margin-left:auto;transition:transform .18s}.about-toggle.open .about-chevron{transform:rotate(90deg)}.about-toggle.open{margin-bottom:10px}.streak-chip{color:#a06b2a;background:linear-gradient(120deg,#fdeeda,#fbe3c4);border:1.5px solid #eec98f;border-radius:999px;justify-content:center;align-items:center;gap:4px;width:fit-content;margin:0 auto 12px;padding:7px 16px;font-size:13px;font-weight:800;display:flex}.milestone-banner{background:linear-gradient(120deg, #f9e9b8, var(--gold-light));border:2px solid var(--gold);color:#7c5f22;letter-spacing:.06em;border-radius:16px;width:fit-content;margin:0 auto 10px;padding:10px 20px;font-size:16px;font-weight:800;animation:.65s cubic-bezier(.2,1.6,.4,1) both ribbon-pop;display:block;box-shadow:0 3px 12px #d4b26a66}.medal-section{margin-bottom:14px}.medal-section-label{color:var(--ink-sub);letter-spacing:.08em;margin:0 2px 8px;font-size:12px;font-weight:800}.medal.streak.earned .medal-circle{color:#cf7434;background:radial-gradient(circle at 35% 30%,#fdeeda,#fbdcc0);border-color:#e0955c}.medal.streak.earned .medal-name{color:#cf7434}.medal.count.earned .medal-circle{background:radial-gradient(circle at 35% 30%, #eef4fa, var(--steel-light));border-color:var(--steel);color:var(--steel-deep)}.medal.count.earned .medal-name{color:var(--steel-deep)}.medal-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.medal-grid.compact{grid-template-columns:repeat(3,1fr)}.medal-mini{flex-direction:column;align-items:center;gap:1px;line-height:1;display:flex}.medal-num{letter-spacing:-.02em;font-size:15px;font-weight:800}.medal-circle{position:relative}.medal.similar.earned .medal-circle{border-color:var(--sage);background:radial-gradient(circle at 35% 30%,#eef4e6,#d9e6cb)}.medal.similar.earned .medal-name{color:var(--sage-deep)}.medal.earned .medal-circle.tier2,.medal.earned .medal-circle.tier3,.medal.earned .medal-circle.tier4,.medal.earned .medal-circle.tier5,.medal.earned .medal-circle.tier6{border-width:3px}.medal.earned .medal-circle.tier2:before,.medal.earned .medal-circle.tier3:before,.medal.earned .medal-circle.tier4:before,.medal.earned .medal-circle.tier5:before,.medal.earned .medal-circle.tier6:before{content:"";pointer-events:none;border:1.6px solid #ffffffd9;border-radius:50%;position:absolute;inset:2px}.medal.streak.earned .medal-circle.tier3{box-shadow:0 2px 10px #e0955c73}.medal.count.earned .medal-circle.tier3{box-shadow:0 2px 10px #5f7f9c6b}.medal.streak.earned .medal-circle.tier4{box-shadow:0 0 0 3px #e0955c38,0 3px 14px #e0955c8c}.medal.count.earned .medal-circle.tier4{box-shadow:0 0 0 3px #7e9bb638,0 3px 14px #5f7f9c80}.medal.streak.earned .medal-circle.tier5{background:radial-gradient(circle at 35% 30%,#fde3c2,#f3c894);border-color:#c97f3e;box-shadow:0 0 0 4px #e0955c4d,0 4px 18px #e0955cb3}.medal.count.earned .medal-circle.tier5{border-color:var(--steel-deep);background:radial-gradient(circle at 35% 30%,#eef5fb,#c3d6e6);box-shadow:0 0 0 4px #7e9bb652,0 4px 18px #5f7f9ca6}.medal.earned .medal-circle.tier6{background:radial-gradient(circle at 35% 30%,#fdf3d0,#f3d98c);border-color:#d4a72c;box-shadow:0 0 0 4px #f2c94c59,0 4px 18px #d4a72c99}.medal.count.earned .medal-circle.tier6,.medal.count.earned .medal-circle.tier6 .medal-num{color:#9a7420}.medal-deco-crown{pointer-events:none;line-height:0;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.medal-circle.large .medal-deco-crown{top:-19px}.medal-deco-spark{pointer-events:none;line-height:0;position:absolute}.medal-deco-spark.s1{top:-3px;right:-6px}.medal-deco-spark.s2{bottom:0;left:-6px}.medal-deco-spark.s3{top:-6px;left:-4px}.medal.streak .medal-circle:after,.medal.count .medal-circle:after{content:"";opacity:.3;pointer-events:none;border:1.5px dashed;border-radius:50%;position:absolute;inset:4px}.medal-get-overlay{z-index:68;background:#fbf8ecf5;flex-direction:column;justify-content:center;align-items:center;gap:18px;animation:.3s ease-out reset-flash-in;display:flex;position:fixed;inset:0}.medal-get-ribbon{background:linear-gradient(120deg, #f9e9b8, var(--gold-light));border:2px solid var(--gold);color:#7c5f22;letter-spacing:.12em;border-radius:999px;padding:9px 26px;font-size:19px;font-weight:800;animation:.6s cubic-bezier(.2,1.6,.4,1) both ribbon-pop;box-shadow:0 3px 12px #d4b26a66}.medal-get-list{flex-wrap:wrap;justify-content:center;gap:18px;max-width:320px;display:flex}.medal-get-item{flex-direction:column;align-items:center;gap:8px;animation:.65s cubic-bezier(.2,1.6,.4,1) .15s both ribbon-pop;display:flex}.medal-circle.large{border-width:3.5px;width:96px;height:96px}.medal-circle.large .medal-num{font-size:25px}.medal-get-name{color:#8a6f35;font-size:15px;font-weight:800}.medal-get-btn{max-width:220px;animation:.5s ease-out .35s both ribbon-pop}.medal{border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);text-align:center;border:1px solid #e5dfc999;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;display:flex}.medal-circle{background:radial-gradient(circle at 35% 30%, #f9edc9, var(--gold-light));border:2.5px solid var(--gold);border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;display:flex;box-shadow:0 2px 8px #d4b26a66}.medal.locked .medal-circle{background:var(--bg-soft);border-color:var(--line);filter:grayscale();opacity:.55}.medal.locked .medal-name{color:var(--ink-sub)}.medal-name{color:#8a6f35;font-size:13px;font-weight:800}.medal-cond{color:var(--ink-sub);font-size:10.5px;font-weight:700;line-height:1.5}.medal.earned .medal-cond{color:#a06b2a}.zukan-tools{gap:8px;margin-bottom:14px;display:flex}.zukan-search{min-width:0;color:var(--ink);background:var(--card);border:1.5px solid var(--steel-light);appearance:none;border-radius:999px;outline:none;flex:1;padding:9px 14px;font-family:inherit;font-size:16px;font-weight:700}.zukan-search:focus{border-color:var(--steel)}.zukan-search::placeholder{color:var(--ink-sub);font-weight:700}.fav-filter{background:var(--card);border:1.5px solid var(--steel-light);color:var(--ink-sub);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:3px;padding:0 16px;font-size:13px;font-weight:800;display:flex}.fav-filter svg{color:var(--gold)}.fav-filter.on{background:var(--gold-light);border-color:var(--gold);color:#8a6f35}.zukan-item{cursor:pointer;position:relative}.fav-btn{border:1px solid var(--line);color:#cfc9b4;background:#fffefaeb;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:transform .12s,color .15s;display:flex;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #7d73502e}.zukan-stars{border:1px solid var(--line);color:var(--steel);background:#fffefaeb;border-radius:999px;gap:1px;padding:2px 5px;display:flex;position:absolute;top:5px;right:5px}.zukan-stars.full{color:var(--gold);border-color:var(--gold)}.step-card{margin-bottom:16px;padding:12px 14px 10px}.step-flow{justify-content:space-between;align-items:center;gap:4px;display:flex}.step-item{color:var(--ink-sub);text-align:center;flex-direction:column;flex:1;align-items:center;gap:3px;font-size:10px;font-weight:700;line-height:1.5;display:flex}.step-item b{color:#a5813a;font-size:11.5px}.step-count{color:var(--steel-deep);background:var(--sky-light);border-radius:999px;margin-top:1px;padding:1px 8px;font-size:11px;font-weight:800}.step-item.gold .step-count{color:#8a6f35;background:var(--gold-light)}.step-stars{color:#cfc9b4;gap:1px;display:flex}.step-item.half .step-stars{color:var(--steel)}.step-item.gold{color:#a5813a}.step-item.gold .step-stars{color:var(--gold)}.step-arrow{color:var(--ink-sub);flex-shrink:0;font-weight:800}.step-note{border-top:1px dashed var(--line);color:var(--ink-sub);text-align:center;margin:9px 0 0;padding-top:8px;font-size:10.5px;font-weight:700;line-height:1.7}.step-chips{gap:6px;margin-bottom:14px;display:flex}.step-chip{background:var(--card);border:1.5px solid var(--steel-light);color:var(--ink-sub);white-space:nowrap;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:2px;padding:8px 2px;font-size:11px;font-weight:800;display:flex}.step-chip svg{color:#cfc9b4}.step-chip.on{background:var(--steel-light);border-color:var(--steel);color:var(--steel-deep)}.step-chip.on.half svg{color:var(--steel)}.step-chip.on.master{background:var(--gold-light);border-color:var(--gold);color:#8a6f35}.step-chip.on.master svg{color:var(--gold)}.master-hint{color:var(--ink-sub);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;margin:2px 0 14px;font-size:10.5px;font-weight:700;display:flex}.master-hint-item{color:var(--steel-deep);align-items:center;gap:3px;display:inline-flex}.master-hint-item svg{color:var(--steel)}.master-hint-item.gold,.master-hint-item.gold svg{color:#a5813a}.master-hint-arrow{color:var(--ink-sub)}.zukan-fav-hint{color:var(--ink-sub);justify-content:center;align-items:center;gap:4px;margin:-6px 0 12px;font-size:11.5px;font-weight:700;display:flex}.fav-btn.on{color:var(--gold);border-color:var(--gold)}.fav-btn:active{transform:scale(1.2)}.fav-info-btn{color:var(--ink-sub);align-items:center;margin-left:2px;display:inline-flex}.clear-ribbon{background:linear-gradient(120deg, var(--gold-light), #fdf3dc);border:1.5px solid var(--gold);color:#8a6f35;letter-spacing:.08em;border-radius:999px;margin-bottom:10px;padding:7px 18px;font-size:15px;font-weight:800;animation:.55s cubic-bezier(.2,1.6,.4,1) both ribbon-pop;display:inline-block}@keyframes ribbon-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.confetti{pointer-events:none;z-index:70;position:fixed;inset:0;overflow:hidden}.confetti-piece{animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards;position:absolute;top:-20px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}80%{opacity:1}to{opacity:.6;transform:translateY(105vh)rotate(560deg)}}.pop-title{align-items:baseline;gap:1px;display:inline-flex}.pop-ch{letter-spacing:0;-webkit-text-stroke:.16em #fffefa;paint-order:stroke fill;filter:drop-shadow(1.5px 1.5px #d9d2ba)drop-shadow(-1px 1px #d9d2ba)drop-shadow(1px -1px #d9d2ba)drop-shadow(-1px -1px #d9d2ba);font-weight:800}.pop-ch:nth-child(odd){transform:rotate(-5deg)translateY(-1px)}.pop-ch:nth-child(2n){transform:rotate(4deg)translateY(2px)}.pop-ch.p1{color:#e08f88}.pop-ch.p2{color:#7e9bb6}.pop-ch.p3{color:#dfb060}.pop-ch.p4{color:#c96f65}.pop-ch.p5{color:#8fa583}.pop-ch.p6{color:#e39a5d}.home-title .pop-ch,.title-logo .pop-ch{font-size:38px}.mini-flag-grid{grid-template-columns:repeat(2,15px);gap:2.5px;display:grid}.mini-cell-flag{outline:1px solid var(--line);border-radius:2px;display:flex;overflow:hidden}.mini-cell-flag svg{width:15px;height:auto;display:block}