/* ===== Seaofprime — captain's panel (the page after log-in), in the same design as the landing page =====
   Load AFTER /homepage/v4/styles.css. Every rule is scoped to #inside, so the landing page is untouched.
   Markup is the existing portal.html, unchanged: no ids or classes were added or renamed. */
#inside{--pw:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='344' height='176' preserveAspectRatio='none' viewBox='0 0 344 176'><g transform='translate(344 0) rotate(90)'><defs><filter id='w0' filterUnits='userSpaceOnUse' x='0.0' y='0' width='88.0' height='344'><feTurbulence type='fractalNoise' baseFrequency='.02 .004' numOctaves='2' seed='9' result='warp'/><feTurbulence type='fractalNoise' baseFrequency='.95 .011' numOctaves='5' seed='49' result='gr'/><feDisplacementMap in='gr' in2='warp' scale='9' xChannelSelector='R' yChannelSelector='G' result='g2'/><feColorMatrix in='g2' values='1.7 0 0 0 -.35 1.7 0 0 0 -.35 1.7 0 0 0 -.35 0 0 0 0 1'/><feComponentTransfer><feFuncR type='table' tableValues='.045 .085 .14 .19 .235'/><feFuncG type='table' tableValues='.018 .034 .058 .082 .104'/><feFuncB type='table' tableValues='.01 .017 .028 .04 .05'/></feComponentTransfer></filter><filter id='w1' filterUnits='userSpaceOnUse' x='88.0' y='0' width='88.0' height='344'><feTurbulence type='fractalNoise' baseFrequency='.02 .004' numOctaves='2' seed='16' result='warp'/><feTurbulence type='fractalNoise' baseFrequency='.95 .011' numOctaves='5' seed='54' result='gr'/><feDisplacementMap in='gr' in2='warp' scale='9' xChannelSelector='R' yChannelSelector='G' result='g2'/><feColorMatrix in='g2' values='1.7 0 0 0 -.35 1.7 0 0 0 -.35 1.7 0 0 0 -.35 0 0 0 0 1'/><feComponentTransfer><feFuncR type='table' tableValues='.045 .085 .14 .19 .235'/><feFuncG type='table' tableValues='.018 .034 .058 .082 .104'/><feFuncB type='table' tableValues='.01 .017 .028 .04 .05'/></feComponentTransfer></filter><filter id='bl'><feGaussianBlur stdDeviation='1.1'/></filter><filter id='b3'><feGaussianBlur stdDeviation='3'/></filter><filter id='b9'><feGaussianBlur stdDeviation='10'/></filter><filter id='rg' filterUnits='userSpaceOnUse' x='0' y='0' width='176' height='344'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='8'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.7 -.7'/></filter><filter id='mt' filterUnits='userSpaceOnUse' x='0' y='0' width='176' height='344'><feTurbulence type='fractalNoise' baseFrequency='.013 .006' numOctaves='3' seed='12'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 2.6 -1'/></filter><filter id='rd' filterUnits='userSpaceOnUse' x='0' y='0' width='176' height='344'><feTurbulence type='fractalNoise' baseFrequency='.016 .005' numOctaves='2' seed='20'/><feColorMatrix values='0 0 0 0 .42 0 0 0 0 .13 0 0 0 0 .05 0 0 0 2 -.95'/></filter><filter id='dz' filterUnits='userSpaceOnUse' x='0' y='0' width='176' height='344'><feTurbulence type='fractalNoise' baseFrequency='.045' numOctaves='2' seed='3' result='t'/><feDisplacementMap in='SourceGraphic' in2='t' scale='30'/><feGaussianBlur stdDeviation='1.5'/></filter><radialGradient id='k'><stop stop-color='%23040201'/><stop offset='.45' stop-color='%23120a05'/><stop offset='.8' stop-color='%23241408' stop-opacity='.6'/><stop offset='1' stop-color='%23241408' stop-opacity='0'/></radialGradient><radialGradient id='sc'><stop stop-color='%23000' stop-opacity='.9'/><stop offset='.55' stop-color='%23000' stop-opacity='.45'/><stop offset='1' stop-color='%23000' stop-opacity='0'/></radialGradient><radialGradient id='vg' cx='.5' cy='.46' r='.72'><stop offset='.08' stop-color='%23000' stop-opacity='0'/><stop offset='.55' stop-color='%23000' stop-opacity='.42'/><stop offset='1' stop-color='%23000' stop-opacity='.9'/></radialGradient><radialGradient id='cd' cx='.5' cy='.5' r='.5'><stop stop-color='%23000' stop-opacity='0'/><stop offset='1' stop-color='%23000' stop-opacity='0'/></radialGradient><linearGradient id='s' x1='0' y1='0' x2='1' y2='0'><stop stop-color='%23000' stop-opacity='.6'/><stop offset='.12' stop-color='%23000' stop-opacity='0'/><stop offset='.84' stop-color='%23000' stop-opacity='0'/><stop offset='1' stop-color='%23000' stop-opacity='.5'/></linearGradient><linearGradient id='raw' x1='0' y1='1' x2='0' y2='0'><stop stop-color='%239a7348'/><stop offset='.5' stop-color='%236b4a2a' stop-opacity='.75'/><stop offset='1' stop-color='%233a2412' stop-opacity='0'/></linearGradient><mask id='brk' maskUnits='userSpaceOnUse' x='0' y='0' width='176' height='344'><polygon points='0.0,1.6 11.0,3.0 18.7,2.5 30.6,1.7 40.6,2.7 51.3,2.7 59.5,2.0 67.4,2.4 81.8,2.5 95.0,1.9 107.9,1.5 117.3,2.3 130.1,1.9 137.8,1.7 146.5,1.7 159.9,1.6 174.0,2.6 176.0,1.3 175.2,6.0 175.8,22.3 175.8,36.0 174.2,49.7 176.0,60.3 174.9,69.9 175.8,79.1 174.2,92.1 175.2,104.4 173.1,118.5 170.2,128.9 170.2,138.3 169.7,148.5 170.4,165.5 171.2,182.1 171.7,191.5 174.0,205.2 174.3,217.0 175.1,230.6 174.0,242.9 176.0,256.5 175.3,271.9 175.6,284.3 175.4,296.9 174.7,306.6 174.4,316.4 174.4,325.6 175.0,338.9 162.3,339.3 149.4,339.0 140.6,338.2 130.4,339.1 116.5,339.1 104.1,339.4 90.4,339.3 87.0,341.8 78.6,341.9 63.7,342.4 56.6,343.2 48.0,342.7 36.1,341.9 26.2,343.1 14.7,343.1 7.0,342.5 0.1,336.0 1.4,323.4 0.8,308.3 0.3,292.2 1.5,277.5 1.0,261.4 0.1,251.6 0.3,238.4 0.2,224.4 0.4,209.1 0.4,200.0 1.1,187.4 0.3,175.2 1.9,162.4 1.9,149.1 2.0,139.9 1.1,123.8 1.1,110.6 0.1,94.3 1.1,80.2 1.4,68.8 0.2,54.0 0.9,39.4 1.3,26.5 1.2,17.0' fill='%23fff'/></mask></defs><g mask='url(%23brk)'><rect x='0.0' width='88.0' height='344' filter='url(%23w0)'/><rect x='0.0' width='88.0' height='344' fill='%23000' fill-opacity='0.18'/><rect x='0.0' width='88.0' height='344' fill='url(%23s)'/><rect x='88.0' width='88.0' height='344' filter='url(%23w1)'/><rect x='88.0' width='88.0' height='344' fill='%23000' fill-opacity='0.06'/><rect x='88.0' width='88.0' height='344' fill='url(%23s)'/><rect width='176' height='344' filter='url(%23rd)' opacity='.5'/><rect width='176' height='344' filter='url(%23mt)' opacity='.75'/><rect width='176' height='344' filter='url(%23rg)' opacity='.75'/><rect x='122' y='0' width='22' height='183' fill='%23000' fill-opacity='.3' filter='url(%23b3)'/><rect x='129' y='0' width='11' height='178' fill='%23000' fill-opacity='.3' filter='url(%23b3)'/><rect x='93' y='0' width='21' height='149' fill='%23000' fill-opacity='.3' filter='url(%23b3)'/><g filter='url(%23bl)'><ellipse cx='29' cy='111' rx='9' ry='14' fill='url(%23k)'/><ellipse cx='29' cy='111' rx='4.5' ry='7.2' fill='none' stroke='%23040201' stroke-opacity='.6'/></g><g filter='url(%23bl)'><ellipse cx='45' cy='83' rx='8' ry='12' fill='url(%23k)'/><ellipse cx='45' cy='83' rx='3.9' ry='6.2' fill='none' stroke='%23040201' stroke-opacity='.6'/></g><g filter='url(%23dz)'><ellipse cx='85' cy='190' rx='27' ry='30' fill='url(%23sc)'/><ellipse cx='69' cy='254' rx='26' ry='33' fill='url(%23sc)'/></g><polyline points='88.0,0.0 89.4,31.0 89.0,70.7 87.5,91.0 88.8,114.1 87.2,136.3 86.9,156.8 89.4,195.4 88.7,221.6 88.1,249.9 88.4,276.0 87.3,299.2 87.1,328.6 89.3,344.0' stroke='%23010100' stroke-width='3.4' fill='none'/><polygon points='88.0,0.0 88.9,31.0 87.6,70.7 86.4,90.9 87.3,114.2 84.9,136.2 84.7,156.7 87.8,195.5 87.3,221.6 86.5,249.9 87.1,276.0 85.9,299.1 86.1,328.6 89.3,344.0 89.3,344.0 88.0,328.6 88.7,299.3 89.7,276.0 89.6,249.9 90.2,221.6 91.1,195.3 89.0,156.8 89.5,136.5 90.3,114.0 88.7,91.1 90.4,70.7 90.0,31.0 88.0,0.0' fill='%23010100'/><polyline points='88.0,0.0 89.4,31.0 89.0,70.7 87.5,91.0 88.8,114.1 87.2,136.3 86.9,156.8 89.4,195.4 88.7,221.6 88.1,249.9 88.4,276.0 87.3,299.2 87.1,328.6 89.3,344.0' stroke='%23b98a5a' stroke-opacity='.15' stroke-width='1' fill='none' transform='translate(2.8 0)'/><polygon points='152.3,0.0 153.6,13.2 155.4,26.3 153.0,39.0 152.0,52.2 150.9,65.2 151.8,78.5 151.8,91.5 151.5,104.5 153.8,117.6 153.8,117.6 152.9,104.6 154.1,91.5 154.2,78.4 154.1,65.5 155.4,52.4 156.2,39.4 157.7,25.9 155.0,13.0 152.3,0.0' fill='%23010100'/><polyline points='152.3,0.0 155.0,13.0 157.7,25.9 156.2,39.4 155.4,52.4 154.1,65.5 154.2,78.4 154.1,91.5 152.9,104.6 153.8,117.6' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='152.5,65.4 151.2,54.9 150.4,44.7 153.0,34.6 155.3,24.2 155.3,24.2 151.7,34.3 148.9,44.8 149.9,55.2 152.5,65.4' fill='%23010100'/><polyline points='152.5,65.4 149.9,55.2 148.9,44.8 151.7,34.3 155.3,24.2' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='69.6,344.0 68.2,330.1 70.0,316.5 69.3,302.5 68.0,288.6 69.5,275.0 69.8,261.2 70.5,247.3 70.5,247.3 68.3,261.0 66.1,274.8 65.4,288.8 66.7,302.6 66.7,316.3 66.9,330.3 69.6,344.0' fill='%23010100'/><polyline points='69.6,344.0 66.9,330.3 66.7,316.3 66.7,302.6 65.4,288.8 66.1,274.8 68.3,261.0 70.5,247.3' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='66.7,288.7 67.4,280.3 69.4,271.9 68.6,263.3 70.4,254.9 70.4,254.9 67.6,263.4 68.0,271.6 66.1,280.2 66.7,288.7' fill='%23010100'/><polyline points='66.7,288.7 66.1,280.2 68.0,271.6 67.6,263.4 70.4,254.9' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='40.3,127.3 41.0,141.9 39.0,156.3 37.0,170.8 36.0,185.4 37.5,200.2 37.4,214.5 37.9,229.1 39.7,243.6 39.7,243.6 39.1,229.1 39.4,214.6 41.4,199.8 39.2,185.6 40.0,171.1 41.2,156.5 42.3,141.8 40.3,127.3' fill='%23010100'/><polyline points='40.3,127.3 42.3,141.8 41.2,156.5 40.0,171.1 39.2,185.6 41.4,199.8 39.4,214.6 39.1,229.1 39.7,243.6' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='16.1,0.0 15.5,14.9 15.8,29.7 18.0,44.6 20.1,59.3 20.1,59.3 19.7,44.4 17.6,29.6 17.6,14.8 16.1,0.0' fill='%23010100'/><polyline points='16.1,0.0 17.6,14.8 17.6,29.6 19.7,44.4 20.1,59.3' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='63.2,43.6 68.7,46.4 74.4,48.6 80.1,50.9 85.8,53.2 91.4,55.5 97.4,57.0 103.1,59.1 109.0,60.7 115.1,61.7 121.1,63.1 121.1,63.1 115.5,60.6 110.0,57.7 104.3,55.5 98.5,53.6 92.9,51.2 87.0,49.7 81.1,48.0 75.2,46.4 69.3,44.7 63.2,43.6' fill='%235a3d22'/><polyline points='63.2,43.6 68.7,46.4 74.4,48.6 80.1,50.9 85.8,53.2 91.4,55.5 97.4,57.0 103.1,59.1 109.0,60.7 115.1,61.7 121.1,63.1' fill='none' stroke='%23000' stroke-width='1.5'/><polyline points='63.2,43.6 69.3,44.7 75.2,46.4 81.1,48.0 87.0,49.7 92.9,51.2 98.5,53.6 104.3,55.5 110.0,57.7 115.5,60.6 121.1,63.1' fill='none' stroke='%23d8b080' stroke-opacity='.4' stroke-width='.8'/><polyline points='63.2,43.6 69.0,45.6 74.8,47.5 80.6,49.5 86.4,51.4 92.2,53.4 98.0,55.3 103.7,57.3 109.5,59.2 115.3,61.2 121.1,63.1' fill='none' stroke='%231a0e06' stroke-width='.8'/><circle cx='154.0' cy='216.0' r='1.1' fill='%23000'/><circle cx='153.0' cy='228.7' r='1.2' fill='%23000'/><circle cx='154.1' cy='215.5' r='0.7' fill='%23000'/><circle cx='150.7' cy='230.2' r='0.8' fill='%23000'/><circle cx='150.1' cy='219.5' r='0.8' fill='%23000'/><circle cx='135.2' cy='210.5' r='1.0' fill='%23000'/><circle cx='148.7' cy='225.6' r='1.4' fill='%23000'/><circle cx='15.7' cy='84.9' r='0.8' fill='%23000'/><circle cx='30.4' cy='83.1' r='1.1' fill='%23000'/><circle cx='35.4' cy='92.7' r='1.3' fill='%23000'/><circle cx='16.0' cy='77.9' r='1.4' fill='%23000'/><circle cx='22.8' cy='74.5' r='1.0' fill='%23000'/><circle cx='16.8' cy='94.8' r='1.1' fill='%23000'/><circle cx='14.3' cy='98.9' r='1.1' fill='%23000'/><path d='M20 32v10' stroke='%235a2a10' stroke-opacity='.55' stroke-width='2.4' stroke-linecap='round' filter='url(%23bl)'/><circle cx='21' cy='30.0' r='5.4' fill='%23000' fill-opacity='.75'/><circle cx='20' cy='29' r='3.9' fill='%232c2a28' stroke='%23050403'/><circle cx='18.7' cy='27.2' r='1.1' fill='%238a8b89' fill-opacity='.7'/><path d='M18 311v16' stroke='%235a2a10' stroke-opacity='.55' stroke-width='2.4' stroke-linecap='round' filter='url(%23bl)'/><circle cx='19' cy='309.4' r='5.4' fill='%23000' fill-opacity='.75'/><circle cx='18' cy='308' r='3.9' fill='%232c2a28' stroke='%23050403'/><circle cx='16.4' cy='306.6' r='1.1' fill='%238a8b89' fill-opacity='.7'/><path d='M63 32v16' stroke='%235a2a10' stroke-opacity='.55' stroke-width='2.4' stroke-linecap='round' filter='url(%23bl)'/><circle cx='64' cy='30.6' r='5.4' fill='%23000' fill-opacity='.75'/><circle cx='63' cy='29' r='3.9' fill='%232c2a28' stroke='%23050403'/><circle cx='61.8' cy='27.8' r='1.1' fill='%238a8b89' fill-opacity='.7'/><path d='M65 308v13' stroke='%235a2a10' stroke-opacity='.55' stroke-width='2.4' stroke-linecap='round' filter='url(%23bl)'/><circle cx='66' cy='307.0' r='5.4' fill='%23000' fill-opacity='.75'/><circle cx='65' cy='305' r='3.9' fill='%232c2a28' stroke='%23050403'/><circle cx='64.2' cy='304.2' r='1.1' fill='%238a8b89' fill-opacity='.7'/><path d='M108 31v18' stroke='%235a2a10' stroke-opacity='.55' stroke-width='2.4' stroke-linecap='round' filter='url(%23bl)'/><circle cx='109' cy='29.3' r='5.4' fill='%23000' fill-opacity='.75'/><circle cx='108' cy='28' r='3.9' fill='%232c2a28' stroke='%23050403'/><circle cx='106.9' cy='26.5' r='1.1' fill='%238a8b89' fill-opacity='.7'/><path d='M112 311v17' stroke='%235a2a10' stroke-opacity='.55' stroke-width='2.4' stroke-linecap='round' filter='url(%23bl)'/><circle cx='113' cy='309.1' r='5.4' fill='%23000' fill-opacity='.75'/><circle cx='112' cy='308' r='3.9' fill='%232c2a28' stroke='%23050403'/><circle cx='111.2' cy='306.3' r='1.1' fill='%238a8b89' fill-opacity='.7'/><path d='M151 29v10' stroke='%235a2a10' stroke-opacity='.55' stroke-width='2.4' stroke-linecap='round' filter='url(%23bl)'/><circle cx='152' cy='27.8' r='5.4' fill='%23000' fill-opacity='.75'/><circle cx='151' cy='26' r='3.9' fill='%232c2a28' stroke='%23050403'/><circle cx='150.1' cy='25.0' r='1.1' fill='%238a8b89' fill-opacity='.7'/><path d='M157 310v14' stroke='%235a2a10' stroke-opacity='.55' stroke-width='2.4' stroke-linecap='round' filter='url(%23bl)'/><circle cx='158' cy='308.1' r='5.4' fill='%23000' fill-opacity='.75'/><circle cx='157' cy='307' r='3.9' fill='%232c2a28' stroke='%23050403'/><circle cx='155.4' cy='305.3' r='1.1' fill='%238a8b89' fill-opacity='.7'/><path d='M176 106Q165 158 176 209' fill='none' stroke='%238a6238' stroke-opacity='.55' stroke-width='5' filter='url(%23bl)'/><rect width='176' height='344' fill='url(%23cd)'/><rect width='176' height='344' fill='%23060302' fill-opacity='.06'/><rect width='176' height='344' fill='url(%23vg)'/><rect width='176' height='344' fill='none' stroke='%23000' stroke-opacity='.55' stroke-width='9' filter='url(%23b9)'/></g></g></svg>");--pc:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='252' fill='none'><defs><linearGradient id='m' gradientUnits='userSpaceOnUse' x1='2' y1='0' x2='38' y2='0'><stop stop-color='%23232323'/><stop offset='.3' stop-color='%23a3a5a4'/><stop offset='.55' stop-color='%23676969'/><stop offset='1' stop-color='%23171716'/></linearGradient><filter id='r' filterUnits='userSpaceOnUse' x='0' y='0' width='40' height='252'><feTurbulence type='fractalNoise' baseFrequency='.11' numOctaves='2' seed='4' result='n'/><feDisplacementMap in='SourceGraphic' in2='n' scale='3' result='d'/><feTurbulence type='fractalNoise' baseFrequency='.05 .035' numOctaves='2' seed='23'/><feColorMatrix values='0 0 0 0 .5 0 0 0 0 .2 0 0 0 0 .07 0 0 0 9 -5.300' result='rust'/><feComposite in='rust' in2='d' operator='in' result='rc'/><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' seed='2'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.500 -.6' result='g'/><feComposite in='g' in2='d' operator='in' result='gc'/><feMerge><feMergeNode in='d'/><feMergeNode in='rc'/><feMergeNode in='gc'/></feMerge></filter><g id='u'><rect x='13.500' y='-8' width='13' height='50' rx='6.500' fill='url(%23m)' stroke='%230b0a09' stroke-width='1.600'/><path d='M17 -3v40' stroke='%23d3d1ca' stroke-width='1.300' stroke-opacity='.45' stroke-linecap='round'/><rect x='8' y='36' width='24' height='46' rx='12' stroke='%230b0a09' stroke-width='11.500'/><rect x='8' y='36' width='24' height='46' rx='12' stroke='url(%23m)' stroke-width='8.500'/><rect x='6.300' y='34.300' width='24' height='46' rx='12' stroke='%23e2e0d8' stroke-width='1.300' stroke-opacity='.4'/><rect x='9.800' y='37.800' width='24' height='46' rx='12' stroke='%23000' stroke-width='1.600' stroke-opacity='.45'/></g></defs><g filter='url(%23r)'><use href='%23u'/><use href='%23u' y='84'/><use href='%23u' y='168'/></g></svg>");--pt:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%);--fd:"Cinzel","Trajan Pro",Georgia,serif;--fb:"Alegreya Sans","Trebuchet MS",Arial,sans-serif;--fs:"Alegreya",Georgia,serif;--ember:#e0591e;--gold:#f3d98a;--parch:#f4e8cc;--text:#d8c9ab;--muted:#a8946a;--panel:#150d07;--deep:#0c0704;--frame:0 0 0 4px #2a1f0e;color:var(--text);--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:400 var(--font-body, 16px)/1.55 var(--fb)}
body:has(#inside:not([hidden])){margin:0;padding:0;min-width:0;background:#060504 radial-gradient(ellipse 90% 620px at 50% 0,#2a1509 0,#060504 72%) no-repeat}
#inside *,#inside *::before,#inside *::after{box-sizing:border-box}
#inside [hidden]{display:none!important}
#inside :focus-visible{outline:2px solid var(--gold);outline-offset:3px}
#inside .portal{position:relative;width:min(1360px,100% - 48px);max-width:none;min-height:0;margin:0 auto!important;padding:92px 0 30px;border:0;border-radius:0;background:none;box-shadow:none;transform:none!important}
#inside .portal::before,#inside .portal::after{content:none}

/* header: a timber beam hung on chains — emblem, the two big actions, the captain's details */
#inside .p-head{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:26px;min-height:136px;margin:0;padding:14px 34px;border:0;border-radius:0;background:var(--pw) center/100% 100% no-repeat,#1a0f08;box-shadow:none;filter:drop-shadow(0 20px 24px rgba(0,0,0,.85))}
#inside .p-head::before,#inside .p-head::after{content:"";position:absolute;inset:auto;top:-96px;width:30px;height:112px;border:0;background:var(--pc) center bottom/30px 189px no-repeat;filter:drop-shadow(3px 2px 3px rgba(0,0,0,.85))}
#inside .p-head::before{left:46px}#inside .p-head::after{right:46px;transform:scaleX(-1)}
#inside .p-logo{display:block;line-height:0}
#inside .p-logo img{width:108px;height:108px;filter:drop-shadow(0 5px 6px rgba(0,0,0,.9))}
#inside .p-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px;margin:0;padding:0}
#inside .btn-ember{position:relative;isolation:isolate;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:214px;min-height:68px;margin:0;padding:0 40px;border:0;border-radius:0;background:linear-gradient(180deg,#f6e09a,#6f5318);clip-path:var(--pt);box-shadow:none;color:#fff3d6;text-decoration:none;text-shadow:0 1px 3px #000,0 0 14px rgba(0,0,0,.8);transition:filter .25s}
#inside .btn-ember::before{content:"";position:absolute;inset:2px;z-index:-1;border:0;clip-path:var(--pt);background:radial-gradient(ellipse 58% 105% at 50% 64%,rgba(250,145,25,.96),rgba(150,70,5,.55) 55%,rgba(40,20,0,.2) 85%),#0e0905}
#inside .btn-ember::after{content:none}
#inside .btn-ember-dl::before{background:radial-gradient(ellipse 58% 105% at 50% 64%,rgba(40,120,130,.85),rgba(10,60,70,.45) 55%,transparent 85%),#0e0905}
#inside .btn-ember small{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:600 var(--font-body, 16px)/1 var(--fb);letter-spacing:.3em;text-transform:uppercase;color:#f3d9a0}
#inside .btn-ember span{--sea-type-font:var(--font-display, 27.076923px);--sea-type-min:12px;--sea-type-scale:1;font:900 var(--font-display, 27.076923px)/1.1 var(--fd);letter-spacing:.12em;text-transform:uppercase}
#inside .btn-ember:hover{filter:brightness(1.25) drop-shadow(0 0 14px rgba(240,160,40,.5))}
#inside .p-account{display:grid;gap:7px;min-width:214px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;text-shadow:0 1px 2px #000}
#inside .acc-name{margin:0;--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-subtitle, 18.461538px)/1.15 var(--fd);letter-spacing:.04em;color:var(--gold)}
#inside .p-account dl{display:grid;gap:3px;margin:0}
#inside .p-account dl div{display:flex;justify-content:space-between;gap:16px}
#inside .p-account dt{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px);color:#cdbb93}
#inside .p-account dd{margin:0;font-weight:700;color:var(--parch)}
#inside .p-account a{color:var(--gold)}

/* balance bar */
#inside .p-cur{display:grid;grid-template-columns:1fr 1fr auto;align-items:stretch;gap:0;margin:24px 0 0;padding:0;border:0;border-radius:4px;background:var(--deep);box-shadow:var(--frame)}
#inside .cur{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;margin:0;padding:0 22px;border:0;background:none}
#inside .cur + .cur{box-shadow:-2px 0 0 #2a1f0e}
#inside .cur-label{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-body, 16px)/1 var(--fd);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
#inside .cur-label.pearl{color:#bfe3ea}
#inside .cur-val{--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-subtitle, 18.461538px)/1 var(--fb);color:var(--parch);font-variant-numeric:tabular-nums}
#inside .cur-server{background:#1d1209}
#inside .srv-btn{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 6px;border:0;background:none;color:var(--parch);--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-subtitle, 18.461538px)/1 var(--fd);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
#inside .srv-btn .caret,#inside .lang-btn .caret{width:10px;height:6px;fill:none;stroke:currentColor;stroke-width:1.6}
#inside .srv-menu{position:absolute;z-index:50;top:calc(100% + 10px);right:0;left:auto;min-width:250px;margin:0;padding:8px;list-style:none;border:0;border-radius:4px;background:var(--panel);box-shadow:var(--frame),0 20px 40px rgba(0,0,0,.85)}
#inside .srv-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:0;border-radius:0;background:none;color:var(--text);--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font:500 var(--font-subtitle, 18.461538px) var(--fb);text-align:left;cursor:pointer}
#inside .srv-menu button:hover,#inside .srv-menu button[aria-checked="true"]{background:#241709;color:var(--gold)}
#inside .srv-check{width:16px;height:16px;fill:none;stroke:var(--ember);stroke-width:2.4;opacity:0}
#inside .srv-menu [aria-checked="true"] .srv-check{opacity:1}

/* menu */
#inside .p-nav{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;border:0;background:none;box-shadow:none}
#inside .nav-btn{flex:1 1 128px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;margin:0;padding:0 16px;border:0;border-bottom:4px solid #2a1f0e;border-radius:3px 3px 0 0;background:var(--panel);box-shadow:none;color:var(--parch);--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-subtitle, 18.461538px)/1 var(--fd);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .25s,border-color .25s,color .25s}
#inside .nav-btn::before,#inside .nav-btn::after{content:none}
#inside .nav-ico{flex:none;width:20px;height:20px;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#inside .nav-btn:hover{background:#1d1209;border-bottom-color:#b8923a}
#inside .nav-btn[aria-current="page"]{background:#241709;border-bottom-color:var(--ember);color:#ffcf8a}
#inside .nav-exit{flex:0 1 160px;color:#f0b09a}
#inside .nav-exit .nav-ico{stroke:var(--ember)}
#inside .p-body{position:relative;min-height:420px;margin:22px 0 0;padding:0;border:0;background:none;box-shadow:none}

/* shared panel look */
#inside .slider,#inside .captain,#inside .tile,#inside .sheet,#inside .cabin,#inside .gazette,#inside .dl,#inside .view-wiki{margin:0;border:0;border-radius:4px;background:var(--panel);box-shadow:var(--frame),0 18px 34px rgba(0,0,0,.6);color:var(--text)}
#inside .slider::before,#inside .slider::after,#inside .captain::before,#inside .captain::after,#inside .tile::before,#inside .tile::after,#inside .sheet::before,#inside .sheet::after,#inside .gazette::before,#inside .gazette::after,#inside .dl::before,#inside .dl::after{content:none}
#inside h2,#inside h3,#inside h4{margin:0;font-family:var(--fd);color:var(--gold);letter-spacing:.06em}
#inside .btn-small,#inside .btn-small-gold{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border:0;border-radius:3px;background:#2a1f0e;box-shadow:none;color:var(--parch);--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-subtitle, 18.461538px)/1 var(--fd);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;text-shadow:none;cursor:pointer;transition:background .25s}
#inside .btn-small:hover{background:#3a2b13}
#inside .btn-small-gold{background:var(--ember);color:#fff3d6}
#inside .btn-small-gold:hover{background:#f06d2c}

/* home */
#inside .view-home{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding:0}
#inside .slider{position:relative;grid-column:span 2;min-height:380px;height:auto;overflow:hidden;background:#000}
#inside .slide-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;border-radius:0}
#inside .slide-caption{position:absolute;inset:auto 0 0 0;display:grid;justify-items:start;gap:8px;margin:0;padding:90px 76px 44px 34px;border:0;background:linear-gradient(180deg,transparent,rgba(6,4,2,.94) 62%);text-shadow:0 2px 6px #000}
#inside .slide-count{margin:0;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-body, 16px)/1 var(--fb);letter-spacing:.3em;color:var(--ember)}
#inside .slide-caption h2{--sea-type-font:var(--font-display, 27.076923px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-display, 27.076923px);font-weight:900;line-height:1.15;color:var(--parch);text-transform:uppercase}
#inside .slide-caption p{margin:0;max-width:560px;--sea-type-font:var(--font-caption, 13.538462px);--sea-type-min:10.153846px;--sea-type-scale:1;font:400 var(--font-caption, 13.538462px)/1.45 var(--fs);color:var(--text)}
#inside .slide-caption .btn-small-gold{margin-top:8px}
#inside .slide-arrow{position:absolute;top:50%;z-index:2;width:46px;height:64px;margin-top:-32px;border:0;border-radius:0;background:rgba(12,7,4,.82);color:var(--gold);--sea-type-font:initial;font-size:26px;cursor:pointer}
#inside .slide-arrow:hover{background:var(--ember);color:#fff}
#inside .slide-arrow.prev{left:0}#inside .slide-arrow.next{right:0}
#inside .slider-dots{position:absolute;right:76px;bottom:20px;left:auto;display:flex;gap:8px;margin:0}
#inside .slider-dots button{width:26px;height:8px;padding:0;border:0;border-radius:0;background:#5a4a2c;cursor:pointer}
#inside .slider-dots button[aria-current="true"],#inside .slider-dots button.on,#inside .slider-dots button[aria-selected="true"]{background:var(--ember)}
#inside .captain{display:flex;flex-direction:column;gap:16px;padding:24px 26px}
#inside .cc-head{display:flex;align-items:center;gap:16px;margin:0;padding:0 0 16px;border:0;border-bottom:4px solid #2a1f0e}
#inside .cc-rank{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 3px 4px #000)}
#inside .cc-kicker{margin:0 0 4px;--sea-type-font:var(--font-caption, 13.538462px);--sea-type-min:10.153846px;--sea-type-scale:1;font:700 var(--font-caption, 13.538462px)/1 var(--fb);letter-spacing:.3em;text-transform:uppercase;color:var(--ember)}
#inside .cc-name{--sea-type-font:var(--font-title, 22.153846px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-title, 22.153846px);line-height:1.15;color:var(--parch)}
#inside .cc-rank-label{margin:4px 0 0;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:italic 500 var(--font-body, 16px) var(--fs);color:var(--muted)}
#inside .cc-stats{display:grid;gap:9px;margin:0}
#inside .cc-stats > div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;margin:0;padding:0;border:0}
#inside .cc-stats dt{color:var(--muted);--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px)}
#inside .cc-stats dd{display:flex;align-items:center;gap:8px;margin:0;font-weight:700;color:var(--parch)}
#inside .chip{display:inline-block;padding:4px 10px;border:0;border-radius:2px;background:#2a1f0e;color:var(--text);--sea-type-font:var(--font-caption, 13.538462px);--sea-type-min:10.153846px;--sea-type-scale:1;font:700 var(--font-caption, 13.538462px)/1.2 var(--fb);letter-spacing:.12em;text-transform:uppercase}
#inside .chip.on,#inside .chip.ok{background:#1f4a2c;color:#c9f0c0}
#inside .chip.warn{background:#6a2a10;color:#ffd0b0}
#inside .meter{flex:1 1 100%;height:10px;border:0;border-radius:0;background:#2a1f0e;overflow:hidden}
#inside .meter > span{display:block;height:100%;background:linear-gradient(90deg,#b8440f,#f3a23a)}
#inside .acct-pending{margin:0;padding:10px 12px;background:#2a1a0a;border-left:4px solid var(--ember);--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px)}
#inside .acct-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
#inside .acct-actions .btn-small{flex:1 1 150px}
#inside .tile{display:flex;flex-direction:column;padding:0;overflow:hidden}
#inside .tile-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:15px 22px;border:0;background:#1d1209;box-shadow:inset 4px 0 0 var(--ember)}
#inside .tile-head h3{--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-subtitle, 18.461538px);letter-spacing:.14em;text-transform:uppercase}
#inside .tile-head a{color:var(--gold);--sea-type-font:var(--font-caption, 13.538462px);--sea-type-min:10.153846px;--sea-type-scale:1;font:700 var(--font-caption, 13.538462px) var(--fb)}
#inside .ranking{margin:0;padding:8px 22px 16px;list-style:none}
#inside .ranking li{display:flex;align-items:center;gap:12px;min-height:44px;margin:0;padding:6px 0;border:0;border-bottom:2px solid #21160b;background:none}
#inside .ranking li:last-child{border-bottom:0}
#inside .rk-pos{flex:none;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:0;background:#2a1f0e;color:var(--gold);--sea-type-font:var(--font-caption, 13.538462px);--sea-type-min:10.153846px;--sea-type-scale:1;font:700 var(--font-caption, 13.538462px)/1 var(--fd)}
#inside .ranking li:first-child .rk-pos{background:var(--ember);color:#fff}
#inside .rk-icon{flex:none;width:30px;height:30px;object-fit:contain}
#inside .rk-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:var(--parch)}
#inside .rk-fleet-tag{margin-right:6px;color:var(--ember)}
#inside .rk-score{font-variant-numeric:tabular-nums;color:var(--gold);font-weight:700}
#inside .ranking li.empty,#inside .empty-row td,#inside p.center{justify-content:center;text-align:center;color:var(--muted);font-style:italic}
#inside .latest-news{flex:1;padding:16px 22px;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:400 var(--font-body, 16px)/1.5 var(--fs)}
#inside .latest-news h4{margin-bottom:6px;--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-subtitle, 18.461538px);color:var(--parch)}
#inside .latest-news p,#inside .latest-news ul{margin:0 0 8px}
#inside .latest-news ul{padding-left:20px}
#inside #latestNewsMore{align-self:flex-start;margin:0 22px 18px;color:var(--gold);font-weight:700}

/* logbook + mail */
#inside .cabin-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:26px;align-items:start;padding:0}
#inside .cabin{position:relative;overflow:hidden;padding:0}
#inside .cabin-img{display:block;width:100%;height:auto;border:0;border-radius:0}
#inside .cabin-plaque{position:absolute;inset:auto 0 0 0;margin:0;padding:40px 16px 16px;border:0;background:linear-gradient(180deg,transparent,rgba(6,4,2,.95) 60%);--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-body, 16px)/1.2 var(--fd);letter-spacing:.14em;text-transform:uppercase;text-align:center;color:var(--gold)}
#inside .sheet{padding:0 0 22px;overflow:hidden}
#inside .sheet-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:18px 26px;border:0;background:#1d1209;box-shadow:inset 4px 0 0 var(--ember)}
#inside .sheet-head h2{--sea-type-font:var(--font-display, 27.076923px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-display, 27.076923px);text-transform:uppercase;letter-spacing:.1em}
#inside .sheet-head-sub{margin-top:22px}
#inside .sheet-head-sub h2{--sea-type-font:var(--font-title, 22.153846px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-title, 22.153846px)}
#inside .sheet-filter{display:flex;align-items:center;gap:10px;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px);color:var(--muted)}
#inside select,#inside .acct-field input{min-height:44px;padding:0 12px;border:2px solid #3a2b13;border-radius:3px;background:#0c0704;color:var(--parch);--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:500 var(--font-body, 16px) var(--fb)}
#inside .acct-field input:focus,#inside select:focus{border-color:var(--ember);outline:0}
#inside .pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:14px 26px;border:0;background:none}
#inside .pager-group{display:flex;gap:6px}
#inside .pager button{min-width:44px;min-height:40px;padding:0 12px;border:0;border-radius:3px;background:#2a1f0e;color:var(--parch);--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-subtitle, 18.461538px) var(--fb);cursor:pointer}
#inside .pager button:hover:not(:disabled){background:var(--ember);color:#fff}
#inside .pager button:disabled{opacity:.4;cursor:default}
#inside .pager-info{color:var(--muted);--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px)}
#inside .table-wrap{margin:0 26px;padding:0;border:0;background:none;overflow-x:auto}
#inside table.grid,#inside .dl-table{width:100%;border-collapse:collapse;border:0;background:none;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px)}
#inside table.grid th,#inside .dl-table th{padding:12px 14px;border:0;background:#241709;color:var(--gold);--sea-type-font:var(--font-caption, 13.538462px);--sea-type-min:10.153846px;--sea-type-scale:1;font:700 var(--font-caption, 13.538462px)/1.2 var(--fd);letter-spacing:.14em;text-transform:uppercase;text-align:left}
#inside table.grid td,#inside .dl-table td{padding:12px 14px;border:0;border-bottom:2px solid #21160b;background:none;color:var(--text);vertical-align:top}
#inside table.grid tbody tr:hover td{background:#1b1109}
#inside table.grid td strong{color:var(--parch)}
#inside .col-date,#inside .cell-date{width:170px;white-space:nowrap;color:var(--muted)}
#inside .col-reward,#inside .reward{width:170px;text-align:right;color:var(--gold);font-weight:700}
#inside .reward.none{color:#6d5d40;font-weight:400}
#inside .mail-row{cursor:pointer}
#inside .sheet-tabs,#inside .gazette-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:16px 26px 0;border:0;background:none}
#inside .sheet-tabs button,#inside .gazette-tabs button{min-height:44px;padding:0 22px;border:0;border-bottom:4px solid #2a1f0e;border-radius:3px 3px 0 0;background:#0c0704;color:var(--parch);--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-subtitle, 18.461538px)/1 var(--fd);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
#inside .sheet-tabs button[aria-selected="true"],#inside .gazette-tabs button[aria-selected="true"]{background:#241709;border-bottom-color:var(--ember);color:#ffcf8a}
#inside #mailPanel{margin-top:14px}
#inside .compose-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:0;padding:16px 26px 0;border:0;background:none}
#inside .compose-note p{margin:0;flex:1 1 320px}
#inside kbd{padding:2px 8px;border:0;border-radius:2px;background:#2a1f0e;color:var(--gold);--sea-type-font:var(--font-caption, 13.538462px);--sea-type-min:10.153846px;--sea-type-scale:1;font:700 var(--font-caption, 13.538462px) var(--fb)}

/* gazette */
#inside .gazette{padding:0 0 26px;overflow:hidden}
#inside .gazette-head{margin:0;padding:30px 26px 24px;border:0;background:#1d1209;text-align:center}
#inside .gazette-kicker,#inside .dl-kicker{margin:0 0 8px;--sea-type-font:var(--font-caption, 13.538462px);--sea-type-min:10.153846px;--sea-type-scale:1;font:700 var(--font-caption, 13.538462px)/1 var(--fb);letter-spacing:.34em;text-transform:uppercase;color:var(--ember)}
#inside .gazette-head h2,#inside .dl-head h2{--sea-type-font:clamp(28px,3.4vw,44px);--sea-type-min:12px;--sea-type-scale:1;font-size:clamp(28px,3.4vw,44px);font-weight:900;line-height:1.1;text-transform:uppercase;color:var(--parch)}
#inside .gazette-sub,#inside .dl-lead{margin:10px 0 0;--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font:italic 400 var(--font-subtitle, 18.461538px)/1.4 var(--fs);color:var(--muted)}
#inside .gazette-tabs{justify-content:center}
#inside .gazette-body{max-width:860px;margin:0 auto;padding:26px 26px 0;--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font:400 var(--font-subtitle, 18.461538px)/1.6 var(--fs);columns:auto}
#inside .g-article h3{--sea-type-font:var(--font-display, 27.076923px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-display, 27.076923px);color:var(--parch)}
#inside .g-article time{display:block;margin:6px 0 10px;--sea-type-font:var(--font-caption, 13.538462px);--sea-type-min:10.153846px;--sea-type-scale:1;font:700 var(--font-caption, 13.538462px)/1 var(--fb);letter-spacing:.2em;text-transform:uppercase;color:var(--ember)}
#inside .g-article p,#inside .g-article ul{margin:0 0 12px}
#inside .g-rule{height:4px;margin:24px 0;border:0;background:#2a1f0e}
#inside .g-rule::before,#inside .g-rule::after{content:none}

/* download */
#inside .dl{padding:0 0 28px;overflow:hidden}
#inside .dl-head{padding:30px 26px 24px;background:#1d1209;text-align:center}
#inside .dl-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;padding:28px 30px 0}
#inside .dl-get{display:grid;justify-items:start;align-content:start;gap:12px}
#inside .dl-sub{margin-top:10px;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px);letter-spacing:.14em;text-transform:uppercase}
#inside .dl-file,#inside .dl-note,#inside .dl-soon{margin:0;color:var(--muted)}
#inside .dl-file-name{color:var(--parch);font-weight:700}
#inside .dl-steps{margin:0;padding-left:22px;--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font:400 var(--font-subtitle, 18.461538px)/1.55 var(--fs)}
#inside .dl-tag{display:inline-block;padding:3px 9px;background:#2a1f0e;color:var(--gold);--sea-type-font:var(--font-caption, 13.538462px);--sea-type-min:10.153846px;--sea-type-scale:1;font:700 var(--font-caption, 13.538462px) var(--fb);letter-spacing:.1em;text-transform:uppercase}
#inside .dl-warn{margin:14px 0 0;padding:12px 14px;background:#2a1a0a;border-left:4px solid var(--ember)}
#inside .view-wiki{padding:22px 26px}

/* account dialog */
#inside .acct-dialog{width:min(460px,100% - 32px);padding:0;border:0;border-radius:4px;background:var(--panel);box-shadow:var(--frame),0 30px 80px #000;color:var(--text)}
#inside .acct-dialog::backdrop{background:rgba(4,2,1,.82)}
#inside #acctForm{display:grid;gap:14px;padding:26px}
#inside #acctDialogTitle{--sea-type-font:var(--font-display, 27.076923px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-display, 27.076923px);text-transform:uppercase}
#inside .acct-field{display:grid;gap:6px;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px);color:var(--muted)}
#inside .acct-msg{margin:0;min-height:1.4em;color:#ffb38a}
#inside .acct-buttons{display:flex;justify-content:flex-end;gap:10px}

/* status line + footer */
#inside .status-bar{margin:18px 0 0;padding:10px 16px;border:0;background:var(--deep);box-shadow:var(--frame);color:var(--muted);--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px);text-align:center}
#inside .status-bar:empty{display:none}
#inside .p-foot{margin:34px 0 0;padding:20px 0 0;border:0;border-top:4px solid #2a1f0e;background:none;color:var(--muted)}
#inside .foot-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
#inside .foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px}
#inside .foot-links a,#inside .foot-links button{padding:8px 0;border:0;background:none;color:var(--text);--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font:500 var(--font-subtitle, 18.461538px) var(--fb);text-decoration:none;cursor:pointer}
#inside .foot-links a:hover,#inside .foot-links button:hover{color:var(--gold)}
#inside .foot-row-end{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:max-content}
#inside .p-foot .lang-btn{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:0;border-radius:3px;background:var(--panel);box-shadow:var(--frame);color:var(--parch);--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-subtitle, 18.461538px) var(--fb);cursor:pointer}

@media (max-width:1100px){
#inside .view-home{grid-template-columns:repeat(2,minmax(0,1fr))}
#inside .slider{grid-column:span 2}
#inside .p-head{grid-template-columns:auto 1fr;row-gap:14px}
#inside .p-actions{justify-content:flex-end}
#inside .p-account{grid-column:1/-1;grid-template-columns:auto 1fr;align-items:center;column-gap:26px}
#inside .p-account dl{grid-auto-flow:column;justify-content:start;column-gap:26px}
#inside .cabin-layout{grid-template-columns:1fr}
#inside .cabin{display:none}
}
@media (max-width:720px){
#inside .portal{width:calc(100% - 28px);padding-top:64px}
#inside .p-head{grid-template-columns:1fr;justify-items:center;padding:16px 18px;text-align:center}
#inside .p-head::before,#inside .p-head::after{top:-66px;height:80px}
#inside .p-head::before{left:22px}#inside .p-head::after{right:22px}
#inside .p-actions{justify-content:center;width:100%}
#inside .btn-ember{flex:1 1 100%;min-width:0}
#inside .p-account{grid-template-columns:1fr;width:100%}
#inside .p-account dl{grid-auto-flow:row}
#inside .p-cur{grid-template-columns:1fr 1fr}
#inside .cur-server{grid-column:1/-1;box-shadow:0 -2px 0 #2a1f0e}
#inside .nav-btn{flex:1 1 calc(50% - 4px)}
#inside .view-home,#inside .dl-body{grid-template-columns:1fr}
#inside .slider{grid-column:auto;min-height:340px}
#inside .slide-caption{padding:70px 22px 48px}
#inside .slide-caption h2{--sea-type-font:var(--font-display, 27.076923px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-display, 27.076923px)}
#inside .slider-dots{right:22px}
#inside .col-date,#inside .cell-date,#inside .col-reward,#inside .reward{width:auto}
#inside .foot-row{grid-template-columns:1fr;justify-items:center}
}
@media (prefers-reduced-motion:reduce){#inside *{transition:none!important;animation:none!important}}

/* undo the fixed heights and fixed grid slots of the old boxed layout */
#inside .p-body,#inside .p-body > .view{height:auto;max-height:none;overflow:visible}
#inside .view-home{grid-template-rows:none;grid-template-areas:none;grid-auto-rows:auto;align-items:stretch}
#inside .view-home > *{grid-area:auto;height:auto;max-height:none;min-width:0}
#inside .view-home > .slider{grid-column:span 2}
#inside .tile{min-height:230px}
#inside .cabin-layout,#inside .sheet,#inside .cabin,#inside .gazette,#inside .dl{height:auto;max-height:none}
#inside .cabin-layout > *{grid-area:auto;min-width:0}
@media (max-width:720px){#inside .view-home > .slider{grid-column:auto}}

/* ===== v3 layout: one timber-framed panel, classic order — emblem + two big actions + account, balance row, menu bar, wide slider ===== */
#inside{--pb:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='372' height='830' preserveAspectRatio='none' viewBox='0 0 372 830'><defs><filter id='w0' filterUnits='userSpaceOnUse' x='0.0' y='0' width='124.0' height='830'><feTurbulence type='fractalNoise' baseFrequency='.02 .004' numOctaves='2' seed='42' result='warp'/><feTurbulence type='fractalNoise' baseFrequency='.95 .011' numOctaves='5' seed='82' result='gr'/><feDisplacementMap in='gr' in2='warp' scale='9' xChannelSelector='R' yChannelSelector='G' result='g2'/><feColorMatrix in='g2' values='1.7 0 0 0 -.35 1.7 0 0 0 -.35 1.7 0 0 0 -.35 0 0 0 0 1'/><feComponentTransfer><feFuncR type='table' tableValues='.045 .085 .14 .19 .235'/><feFuncG type='table' tableValues='.018 .034 .058 .082 .104'/><feFuncB type='table' tableValues='.01 .017 .028 .04 .05'/></feComponentTransfer></filter><filter id='w1' filterUnits='userSpaceOnUse' x='124.0' y='0' width='124.0' height='830'><feTurbulence type='fractalNoise' baseFrequency='.02 .004' numOctaves='2' seed='49' result='warp'/><feTurbulence type='fractalNoise' baseFrequency='.95 .011' numOctaves='5' seed='87' result='gr'/><feDisplacementMap in='gr' in2='warp' scale='9' xChannelSelector='R' yChannelSelector='G' result='g2'/><feColorMatrix in='g2' values='1.7 0 0 0 -.35 1.7 0 0 0 -.35 1.7 0 0 0 -.35 0 0 0 0 1'/><feComponentTransfer><feFuncR type='table' tableValues='.045 .085 .14 .19 .235'/><feFuncG type='table' tableValues='.018 .034 .058 .082 .104'/><feFuncB type='table' tableValues='.01 .017 .028 .04 .05'/></feComponentTransfer></filter><filter id='w2' filterUnits='userSpaceOnUse' x='248.0' y='0' width='124.0' height='830'><feTurbulence type='fractalNoise' baseFrequency='.02 .004' numOctaves='2' seed='56' result='warp'/><feTurbulence type='fractalNoise' baseFrequency='.95 .011' numOctaves='5' seed='92' result='gr'/><feDisplacementMap in='gr' in2='warp' scale='9' xChannelSelector='R' yChannelSelector='G' result='g2'/><feColorMatrix in='g2' values='1.7 0 0 0 -.35 1.7 0 0 0 -.35 1.7 0 0 0 -.35 0 0 0 0 1'/><feComponentTransfer><feFuncR type='table' tableValues='.045 .085 .14 .19 .235'/><feFuncG type='table' tableValues='.018 .034 .058 .082 .104'/><feFuncB type='table' tableValues='.01 .017 .028 .04 .05'/></feComponentTransfer></filter><filter id='bl'><feGaussianBlur stdDeviation='1.1'/></filter><filter id='b3'><feGaussianBlur stdDeviation='3'/></filter><filter id='b9'><feGaussianBlur stdDeviation='10'/></filter><filter id='rg' filterUnits='userSpaceOnUse' x='0' y='0' width='372' height='830'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='8'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.7 -.7'/></filter><filter id='mt' filterUnits='userSpaceOnUse' x='0' y='0' width='372' height='830'><feTurbulence type='fractalNoise' baseFrequency='.013 .006' numOctaves='3' seed='45'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 2.6 -1'/></filter><filter id='rd' filterUnits='userSpaceOnUse' x='0' y='0' width='372' height='830'><feTurbulence type='fractalNoise' baseFrequency='.016 .005' numOctaves='2' seed='53'/><feColorMatrix values='0 0 0 0 .42 0 0 0 0 .13 0 0 0 0 .05 0 0 0 2 -.95'/></filter><filter id='dz' filterUnits='userSpaceOnUse' x='0' y='0' width='372' height='830'><feTurbulence type='fractalNoise' baseFrequency='.045' numOctaves='2' seed='3' result='t'/><feDisplacementMap in='SourceGraphic' in2='t' scale='30'/><feGaussianBlur stdDeviation='1.5'/></filter><radialGradient id='k'><stop stop-color='%23040201'/><stop offset='.45' stop-color='%23120a05'/><stop offset='.8' stop-color='%23241408' stop-opacity='.6'/><stop offset='1' stop-color='%23241408' stop-opacity='0'/></radialGradient><radialGradient id='sc'><stop stop-color='%23000' stop-opacity='.9'/><stop offset='.55' stop-color='%23000' stop-opacity='.45'/><stop offset='1' stop-color='%23000' stop-opacity='0'/></radialGradient><radialGradient id='vg' cx='.5' cy='.46' r='.72'><stop offset='.08' stop-color='%23000' stop-opacity='0'/><stop offset='.55' stop-color='%23000' stop-opacity='.42'/><stop offset='1' stop-color='%23000' stop-opacity='.9'/></radialGradient><radialGradient id='cd' cx='.5' cy='.5' r='.5'><stop stop-color='%23000' stop-opacity='0'/><stop offset='1' stop-color='%23000' stop-opacity='0'/></radialGradient><linearGradient id='s' x1='0' y1='0' x2='1' y2='0'><stop stop-color='%23000' stop-opacity='.6'/><stop offset='.12' stop-color='%23000' stop-opacity='0'/><stop offset='.84' stop-color='%23000' stop-opacity='0'/><stop offset='1' stop-color='%23000' stop-opacity='.5'/></linearGradient><linearGradient id='raw' x1='0' y1='1' x2='0' y2='0'><stop stop-color='%239a7348'/><stop offset='.5' stop-color='%236b4a2a' stop-opacity='.75'/><stop offset='1' stop-color='%233a2412' stop-opacity='0'/></linearGradient><mask id='brk' maskUnits='userSpaceOnUse' x='0' y='0' width='372' height='830'><polygon points='0.0,3.6 7.7,2.9 14.9,2.6 26.0,2.3 34.6,3.2 45.9,2.6 57.6,3.5 64.7,3.4 77.3,2.7 85.5,3.7 95.2,2.4 103.0,3.5 114.8,3.4 127.7,0.9 142.4,0.7 153.9,1.3 165.8,1.4 177.4,1.1 184.8,0.4 194.1,0.2 203.0,0.2 212.2,1.0 222.1,0.6 230.8,0.5 245.3,1.1 257.2,1.2 270.0,1.2 280.0,2.4 292.1,1.8 304.6,2.2 317.8,1.3 325.1,1.4 334.2,1.3 348.8,2.3 358.3,1.9 368.5,2.3 372.0,1.0 371.0,6.0 371.9,15.7 370.7,25.6 371.2,40.9 371.2,50.4 370.9,67.4 370.3,84.2 370.6,93.3 370.9,107.7 370.7,118.9 371.1,128.8 370.1,141.4 371.5,157.4 371.6,170.4 370.3,186.7 370.7,198.1 371.7,212.0 370.9,227.1 370.9,242.3 371.4,251.3 370.1,260.5 370.3,276.5 370.0,287.9 366.1,304.5 363.0,314.1 363.2,324.1 362.7,335.2 363.8,345.9 360.9,356.5 362.8,369.0 361.6,380.7 361.7,391.5 360.3,402.3 363.6,411.9 366.4,422.6 371.1,436.2 370.4,451.4 371.8,462.0 371.2,474.4 370.5,487.2 370.0,501.5 371.2,511.3 370.3,523.0 371.6,534.0 371.2,546.6 371.5,557.9 371.1,574.2 370.9,590.1 370.0,599.5 370.1,615.2 370.3,631.6 371.0,642.0 371.2,652.7 371.2,662.1 371.5,679.0 371.1,694.3 370.1,706.7 370.9,723.6 371.7,738.4 370.1,749.8 370.9,763.4 371.9,778.4 371.0,792.1 371.7,807.9 371.0,825.4 359.3,826.4 351.3,826.2 337.1,825.4 323.2,825.3 314.6,826.2 306.7,825.4 292.7,826.0 280.7,826.4 266.3,825.3 251.5,825.4 246.5,802.8 242.2,822.1 239.7,802.4 235.7,816.2 232.3,793.9 226.8,807.0 222.8,800.6 217.0,821.1 213.6,793.2 210.5,817.8 207.2,794.0 204.5,829.0 198.3,792.2 194.8,829.0 189.8,787.6 184.9,816.5 182.1,795.3 176.1,819.0 172.8,797.0 170.2,820.6 166.1,798.5 160.6,809.3 155.5,793.9 152.3,815.3 146.1,791.8 141.4,810.1 136.6,795.0 130.6,804.9 125.5,790.0 123.0,828.8 110.1,828.4 95.7,827.7 81.7,827.7 72.6,827.7 64.7,827.6 50.9,828.6 37.3,828.2 27.9,827.7 19.1,828.8 10.5,828.4 1.9,822.0 1.3,810.8 2.0,798.6 1.9,785.3 1.9,775.4 1.9,764.9 0.2,753.8 1.5,741.3 1.2,729.8 0.8,716.7 0.5,703.1 0.0,688.4 1.1,672.0 1.5,657.3 0.7,642.9 1.3,633.4 0.6,621.7 1.4,605.9 0.6,594.5 0.8,582.3 0.3,570.9 1.9,558.5 1.8,544.1 0.6,530.2 0.0,516.8 0.9,505.5 1.3,491.9 0.9,479.2 0.9,468.4 1.6,452.2 0.2,441.9 1.3,428.8 1.6,417.1 1.3,402.1 0.4,391.3 0.8,382.1 5.5,366.3 8.6,352.2 9.9,339.3 11.4,330.2 9.7,320.4 8.4,303.7 8.0,292.7 4.4,277.3 1.9,263.6 1.2,247.4 1.0,232.7 1.1,217.0 1.5,200.8 0.5,188.0 1.3,177.1 1.0,161.9 0.5,147.9 0.6,138.3 0.6,127.1 0.3,113.8 1.4,103.0 0.1,88.3 1.1,76.0 0.4,63.7 1.8,51.4 1.4,37.7 1.5,21.8 0.0,9.8' fill='%23fff'/><polygon points='326.5,270.0 325.8,274.4 321.5,277.9 316.9,277.0 313.8,276.2 312.6,272.2 310.1,267.7 314.0,263.7 317.1,261.0 320.3,262.7 324.5,266.7' fill='%23000'/></mask></defs><g mask='url(%23brk)'><rect x='0.0' width='124.0' height='830' filter='url(%23w0)'/><rect x='0.0' width='124.0' height='830' fill='%23000' fill-opacity='0.14'/><rect x='0.0' width='124.0' height='830' fill='url(%23s)'/><rect x='124.0' width='124.0' height='830' filter='url(%23w1)'/><rect x='124.0' width='124.0' height='830' fill='%23000' fill-opacity='0.04'/><rect x='124.0' width='124.0' height='830' fill='url(%23s)'/><rect x='248.0' width='124.0' height='830' filter='url(%23w2)'/><rect x='248.0' width='124.0' height='830' fill='%23000' fill-opacity='0.10'/><rect x='248.0' width='124.0' height='830' fill='url(%23s)'/><rect width='372' height='830' filter='url(%23rd)' opacity='.5'/><rect width='372' height='830' filter='url(%23mt)' opacity='.75'/><rect width='372' height='830' filter='url(%23rg)' opacity='.75'/><rect x='27' y='0' width='16' height='287' fill='%23000' fill-opacity='.3' filter='url(%23b3)'/><rect x='119' y='0' width='22' height='349' fill='%23000' fill-opacity='.3' filter='url(%23b3)'/><rect x='260' y='0' width='23' height='302' fill='%23000' fill-opacity='.3' filter='url(%23b3)'/><rect x='37' y='0' width='10' height='409' fill='%23000' fill-opacity='.3' filter='url(%23b3)'/><g filter='url(%23bl)'><ellipse cx='352' cy='355' rx='9' ry='14' fill='url(%23k)'/><ellipse cx='352' cy='355' rx='4.6' ry='7.4' fill='none' stroke='%23040201' stroke-opacity='.6'/></g><g filter='url(%23bl)'><ellipse cx='279' cy='518' rx='10' ry='15' fill='url(%23k)'/><ellipse cx='279' cy='518' rx='4.9' ry='7.8' fill='none' stroke='%23040201' stroke-opacity='.6'/></g><g filter='url(%23bl)'><ellipse cx='335' cy='274' rx='6' ry='9' fill='url(%23k)'/><ellipse cx='335' cy='274' rx='3.1' ry='4.9' fill='none' stroke='%23040201' stroke-opacity='.6'/></g><g filter='url(%23dz)'><ellipse cx='78' cy='203' rx='39' ry='27' fill='url(%23sc)'/><ellipse cx='98' cy='560' rx='41' ry='21' fill='url(%23sc)'/><ellipse cx='318' cy='270' rx='30' ry='38' fill='url(%23sc)'/></g><polyline points='124.0,0.0 124.7,31.4 125.0,51.9 122.8,91.1 123.4,109.7 125.4,142.6 124.6,169.3 124.6,189.0 122.8,220.8 125.1,255.8 122.9,287.0 124.8,326.6 123.8,352.3 124.0,378.4 125.0,403.9 122.8,440.0 124.4,479.1 124.6,515.4 124.7,543.0 123.3,582.2 124.1,618.0 123.8,646.6 123.3,680.7 125.0,717.4 125.1,737.3 123.9,760.7 123.6,792.1 125.1,810.8 123.1,830.0' stroke='%23010100' stroke-width='3.4' fill='none'/><polygon points='124.0,0.0 124.3,31.4 124.1,51.9 121.8,91.0 122.5,109.7 124.4,142.6 122.8,169.2 123.4,189.0 120.9,220.7 123.3,255.9 120.7,286.8 122.7,326.7 121.6,352.2 122.0,378.4 122.7,404.0 121.3,439.9 122.7,479.2 122.5,515.4 123.0,543.0 121.4,582.1 122.4,618.0 122.2,646.6 121.9,680.7 123.5,717.5 124.1,737.3 122.9,760.6 123.0,792.1 124.7,810.8 123.1,830.0 123.1,830.0 125.4,810.7 124.2,792.1 124.9,760.8 126.2,737.3 126.5,717.4 124.7,680.7 125.4,646.6 125.8,617.9 125.2,582.3 126.4,542.9 126.8,515.4 126.1,479.1 124.3,440.1 127.4,403.8 126.0,378.4 125.9,352.3 127.0,326.5 125.0,287.1 126.8,255.6 124.7,220.9 125.8,189.0 126.5,169.3 126.3,142.5 124.4,109.6 123.9,91.2 125.8,51.9 125.1,31.4 124.0,0.0' fill='%23010100'/><polyline points='124.0,0.0 124.7,31.4 125.0,51.9 122.8,91.1 123.4,109.7 125.4,142.6 124.6,169.3 124.6,189.0 122.8,220.8 125.1,255.8 122.9,287.0 124.8,326.6 123.8,352.3 124.0,378.4 125.0,403.9 122.8,440.0 124.4,479.1 124.6,515.4 124.7,543.0 123.3,582.2 124.1,618.0 123.8,646.6 123.3,680.7 125.0,717.4 125.1,737.3 123.9,760.7 123.6,792.1 125.1,810.8 123.1,830.0' stroke='%23b98a5a' stroke-opacity='.15' stroke-width='1' fill='none' transform='translate(2.8 0)'/><polyline points='248.0,0.0 246.9,22.2 248.8,52.0 247.1,74.1 248.7,102.8 248.1,142.2 246.8,166.5 247.2,188.7 246.5,210.7 247.3,240.4 248.2,279.9 246.9,313.2 248.0,350.3 248.2,387.5 247.8,415.8 246.7,437.9 247.9,476.6 247.7,512.7 248.4,532.3 246.9,551.5 247.4,581.9 246.9,621.7 248.3,656.6 247.2,692.0 247.9,721.5 249.1,749.2 247.4,789.0 248.3,820.6 249.3,830.0' stroke='%23010100' stroke-width='3.4' fill='none'/><polygon points='248.0,0.0 246.5,22.2 248.0,52.1 246.4,74.0 247.8,102.8 247.1,142.2 245.8,166.4 245.6,188.8 244.8,210.6 245.7,240.5 246.6,279.9 244.7,313.1 245.8,350.4 246.3,387.5 245.6,415.8 244.2,437.8 245.6,476.7 245.6,512.7 246.3,532.4 244.7,551.3 245.8,581.9 245.2,621.7 246.7,656.6 245.6,691.9 246.5,721.5 248.4,749.2 246.8,789.0 247.9,820.7 249.3,830.0 249.3,830.0 248.7,820.6 248.0,789.0 249.8,749.2 249.2,721.4 248.8,692.0 249.9,656.5 248.5,621.8 249.0,581.9 249.2,551.7 250.4,532.2 249.8,512.7 250.2,476.5 249.2,438.0 250.1,415.9 250.2,387.5 250.2,350.3 249.0,313.3 249.7,279.8 248.9,240.4 248.3,210.7 248.7,188.7 247.8,166.5 249.0,142.3 249.6,102.7 247.9,74.2 249.6,52.0 247.2,22.3 248.0,0.0' fill='%23010100'/><polyline points='248.0,0.0 246.9,22.2 248.8,52.0 247.1,74.1 248.7,102.8 248.1,142.2 246.8,166.5 247.2,188.7 246.5,210.7 247.3,240.4 248.2,279.9 246.9,313.2 248.0,350.3 248.2,387.5 247.8,415.8 246.7,437.9 247.9,476.6 247.7,512.7 248.4,532.3 246.9,551.5 247.4,581.9 246.9,621.7 248.3,656.6 247.2,692.0 247.9,721.5 249.1,749.2 247.4,789.0 248.3,820.6 249.3,830.0' stroke='%23b98a5a' stroke-opacity='.15' stroke-width='1' fill='none' transform='translate(2.8 0)'/><polygon points='210.6,0.0 211.1,13.2 211.7,26.5 213.6,39.8 213.6,52.8 213.8,66.0 211.9,79.1 209.4,92.3 209.3,105.6 208.5,118.8 207.5,132.0 206.0,145.3 206.0,145.3 208.5,132.1 209.9,118.9 210.8,105.7 211.4,92.6 213.3,79.4 215.4,66.0 215.6,52.8 215.6,39.5 213.3,26.4 212.0,13.2 210.6,0.0' fill='%23010100'/><polyline points='210.6,0.0 212.0,13.2 213.3,26.4 215.6,39.5 215.6,52.8 215.4,66.0 213.3,79.4 211.4,92.6 210.8,105.7 209.9,118.9 208.5,132.1 206.0,145.3' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='212.6,79.2 215.3,92.1 214.9,104.7 214.3,117.4 213.7,130.1 213.7,130.1 215.5,117.4 216.3,104.7 216.3,91.8 212.6,79.2' fill='%23010100'/><polyline points='212.6,79.2 216.3,91.8 216.3,104.7 215.5,117.4 213.7,130.1' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='278.7,830.0 278.0,814.8 276.6,799.6 278.0,784.6 279.6,769.5 280.9,754.3 277.9,739.1 277.9,739.1 279.8,754.2 277.9,769.3 276.0,784.5 274.9,799.8 277.1,814.9 278.7,830.0' fill='%23010100'/><polyline points='278.7,830.0 277.1,814.9 274.9,799.8 276.0,784.5 277.9,769.3 279.8,754.2 277.9,739.1' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='277.0,784.5 280.4,776.7 280.1,768.6 281.4,760.8 278.3,752.7 278.3,752.7 280.3,760.6 278.9,768.7 279.5,776.4 277.0,784.5' fill='%23010100'/><polyline points='277.0,784.5 279.5,776.4 278.9,768.7 280.3,760.6 278.3,752.7' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='41.2,393.3 38.9,406.8 40.4,420.4 40.4,433.8 41.1,447.4 41.1,460.9 39.8,474.3 41.4,488.0 43.7,501.6 42.5,514.8 42.8,528.4 41.9,541.8 44.0,555.6 44.3,568.9 45.8,582.6 48.1,596.0 46.7,609.3 48.2,623.0 47.9,636.4 50.3,650.0 50.4,663.4 52.1,677.0 51.5,690.4 51.5,690.4 52.9,676.9 51.5,663.4 51.6,649.8 49.8,636.5 50.3,622.8 49.1,609.5 49.8,595.8 48.6,582.2 46.4,568.9 46.6,555.2 44.7,541.9 44.9,528.4 44.7,515.0 46.0,501.2 43.7,487.7 42.0,474.4 42.9,460.8 42.8,447.3 41.5,433.8 41.5,420.3 39.8,406.9 41.2,393.3' fill='%23010100'/><polyline points='41.2,393.3 39.8,406.9 41.5,420.3 41.5,433.8 42.8,447.3 42.9,460.8 42.0,474.4 43.7,487.7 46.0,501.2 44.7,515.0 44.9,528.4 44.7,541.9 46.6,555.2 46.4,568.9 48.6,582.2 49.8,595.8 49.1,609.5 50.3,622.8 49.8,636.5 51.6,649.8 51.5,663.4 52.9,676.9 51.5,690.4' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='43.3,541.9 41.2,526.9 44.7,512.3 43.3,497.3 40.8,482.3 42.9,467.7 40.1,452.7 42.5,437.9 42.5,437.9 39.3,452.8 41.9,467.5 39.3,482.6 42.3,497.4 43.2,512.0 40.3,527.1 43.3,541.9' fill='%23010100'/><polyline points='43.3,541.9 40.3,527.1 43.2,512.0 42.3,497.4 39.3,482.6 41.9,467.5 39.3,452.8 42.5,437.9' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='36.6,0.0 36.1,14.0 37.9,28.1 38.6,42.0 40.3,56.1 40.0,70.0 40.5,84.0 40.9,98.0 39.9,111.8 40.8,126.0 40.1,139.9 39.4,153.9 39.4,153.9 41.3,140.0 42.6,125.9 41.7,112.0 43.3,97.9 42.6,83.9 42.6,70.0 42.5,55.8 40.5,41.9 40.0,27.8 37.5,14.0 36.6,0.0' fill='%23010100'/><polyline points='36.6,0.0 37.5,14.0 40.0,27.8 40.5,41.9 42.5,55.8 42.6,70.0 42.6,83.9 43.3,97.9 41.7,112.0 42.6,125.9 41.3,140.0 39.4,153.9' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='41.5,83.9 39.7,70.4 37.1,56.9 39.4,43.6 39.8,30.1 39.8,30.1 38.5,43.5 35.8,57.2 38.9,70.6 41.5,83.9' fill='%23010100'/><polyline points='41.5,83.9 38.9,70.6 35.8,57.2 38.5,43.5 39.8,30.1' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='11.3,830.0 12.7,816.5 11.4,802.9 11.0,789.5 10.8,775.9 11.3,762.5 12.5,749.0 11.7,735.4 11.0,721.8 12.5,708.7 10.8,694.8 10.5,681.3 10.3,667.9 9.0,654.3 9.3,640.9 9.4,627.4 11.6,614.1 10.3,600.3 12.3,587.0 12.5,573.4 12.5,573.4 11.2,586.8 8.6,600.4 9.3,613.7 6.8,627.4 6.2,640.9 5.7,654.6 6.9,667.9 6.9,681.5 7.7,695.1 8.9,708.2 7.1,722.1 8.9,735.5 8.8,748.9 8.6,762.4 8.3,776.0 9.5,789.5 9.7,803.1 11.7,816.5 11.3,830.0' fill='%23010100'/><polyline points='11.3,830.0 11.7,816.5 9.7,803.1 9.5,789.5 8.3,776.0 8.6,762.4 8.8,748.9 8.9,735.5 7.1,722.1 8.9,708.2 7.7,695.1 6.9,681.5 6.9,667.9 5.7,654.6 6.2,640.9 6.8,627.4 9.3,613.7 8.6,600.4 11.2,586.8 12.5,573.4' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='9.3,694.9 5.6,709.8 4.6,724.8 2.0,739.7 4.9,754.9 3.9,769.8 3.7,784.8 3.7,784.8 4.6,769.8 6.0,754.7 3.4,740.0 5.8,724.9 6.6,710.0 9.3,694.9' fill='%23010100'/><polyline points='9.3,694.9 6.6,710.0 5.8,724.9 3.4,740.0 6.0,754.7 4.6,769.8 3.7,784.8' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='344.1,239.5 345.2,252.8 344.7,266.0 342.4,279.1 343.5,292.6 342.1,305.7 342.6,319.2 343.4,332.4 343.3,345.5 345.0,359.0 345.2,372.1 342.3,385.1 342.7,398.6 341.5,411.8 339.4,424.9 339.0,438.4 340.3,451.8 338.9,464.8 338.7,478.2 339.6,491.5 339.2,504.7 340.3,518.0 340.6,531.3 340.6,531.3 341.2,518.0 340.6,504.8 341.5,491.4 341.1,478.3 342.0,465.1 342.8,451.6 341.8,438.5 342.6,425.4 344.2,412.0 345.2,398.7 346.6,385.7 347.6,372.1 347.3,358.7 345.7,345.6 346.6,332.2 345.7,319.0 344.5,305.9 345.8,292.4 344.4,279.4 346.2,266.0 346.0,252.7 344.1,239.5' fill='%23010100'/><polyline points='344.1,239.5 346.0,252.7 346.2,266.0 344.4,279.4 345.8,292.4 344.5,305.9 345.7,319.0 346.6,332.2 345.7,345.6 347.3,358.7 347.6,372.1 346.6,385.7 345.2,398.7 344.2,412.0 342.6,425.4 341.8,438.5 342.8,451.6 342.0,465.1 341.1,478.3 341.5,491.4 340.6,504.8 341.2,518.0 340.6,531.3' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='344.5,385.4 344.9,400.0 347.5,414.7 346.0,429.1 347.5,443.8 345.6,458.2 345.2,472.9 343.9,487.5 343.9,487.5 346.2,472.9 346.6,458.4 348.5,443.7 347.5,429.2 348.9,414.4 345.6,399.9 344.5,385.4' fill='%23010100'/><polyline points='344.5,385.4 345.6,399.9 348.9,414.4 347.5,429.2 348.5,443.7 346.6,458.4 346.2,472.9 343.9,487.5' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='301.4,0.0 301.5,14.7 303.3,29.5 301.3,43.9 300.2,58.7 302.7,73.6 304.5,88.2 303.7,102.8 303.7,102.8 305.7,88.0 304.8,73.3 302.6,58.8 303.0,44.2 305.4,29.2 302.7,14.7 301.4,0.0' fill='%23010100'/><polyline points='301.4,0.0 302.7,14.7 305.4,29.2 303.0,44.2 302.6,58.8 304.8,73.3 305.7,88.0 303.7,102.8' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='359.6,830.0 358.2,816.6 360.4,803.5 359.0,789.9 358.4,776.7 359.7,763.6 360.5,750.2 357.6,736.7 357.4,723.4 355.4,710.0 354.6,696.9 352.3,683.5 350.5,670.1 349.8,657.0 349.0,643.7 348.8,630.4 348.8,630.4 347.7,643.8 348.2,657.0 348.0,670.5 350.3,683.8 351.8,697.0 351.7,710.5 353.3,723.7 355.3,737.1 357.1,750.1 357.1,763.3 355.6,776.9 356.3,790.3 358.5,803.3 357.1,816.8 359.6,830.0' fill='%23010100'/><polyline points='359.6,830.0 357.1,816.8 358.5,803.3 356.3,790.3 355.6,776.9 357.1,763.3 357.1,750.1 355.3,737.1 353.3,723.7 351.7,710.5 351.8,697.0 350.3,683.8 348.0,670.5 348.2,657.0 347.7,643.8 348.8,630.4' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='355.4,723.6 354.3,709.5 355.2,695.7 355.8,681.7 354.5,667.6 357.2,653.7 357.2,653.7 353.3,667.7 354.3,681.6 354.2,695.6 353.3,709.6 355.4,723.6' fill='%23010100'/><polyline points='355.4,723.6 353.3,709.6 354.2,695.6 354.3,681.6 353.3,667.7 357.2,653.7' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='281.8,219.5 280.2,232.8 279.1,246.0 278.6,259.3 278.0,272.5 275.8,285.6 275.5,299.0 276.0,312.4 275.6,325.5 274.1,338.7 276.0,352.3 274.2,365.2 275.6,378.7 274.0,391.7 272.2,405.0 273.1,418.4 275.0,431.7 275.4,444.9 276.3,458.1 276.3,458.1 276.3,444.8 276.1,431.5 275.0,418.3 273.6,405.2 275.7,392.0 278.1,378.4 276.2,365.5 278.6,351.9 276.4,339.0 278.3,325.6 279.1,312.2 278.1,299.1 278.4,286.0 280.1,272.6 280.3,259.3 280.2,246.1 280.7,232.8 281.8,219.5' fill='%23010100'/><polyline points='281.8,219.5 280.7,232.8 280.2,246.1 280.3,259.3 280.1,272.6 278.4,286.0 278.1,299.1 279.1,312.2 278.3,325.6 276.4,339.0 278.6,351.9 276.2,365.5 278.1,378.4 275.7,392.0 273.6,405.2 275.0,418.3 276.1,431.5 276.3,444.8 276.3,458.1' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='249.9,649.6 256.2,646.3 262.1,642.3 268.2,638.6 274.4,635.1 280.4,631.3 285.9,626.7 291.5,622.3 297.2,618.0 303.0,613.9 308.3,609.1 308.3,609.1 301.9,612.4 296.0,616.4 290.0,620.2 284.0,624.0 277.8,627.5 272.1,631.7 266.6,636.3 261.0,640.8 255.2,644.8 249.9,649.6' fill='%235a3d22'/><polyline points='249.9,649.6 256.2,646.3 262.1,642.3 268.2,638.6 274.4,635.1 280.4,631.3 285.9,626.7 291.5,622.3 297.2,618.0 303.0,613.9 308.3,609.1' fill='none' stroke='%23000' stroke-width='1.5'/><polyline points='249.9,649.6 255.2,644.8 261.0,640.8 266.6,636.3 272.1,631.7 277.8,627.5 284.0,624.0 290.0,620.2 296.0,616.4 301.9,612.4 308.3,609.1' fill='none' stroke='%23d8b080' stroke-opacity='.4' stroke-width='.8'/><polyline points='249.9,649.6 255.7,645.6 261.6,641.5 267.4,637.5 273.2,633.4 279.1,629.4 284.9,625.3 290.8,621.3 296.6,617.2 302.4,613.1 308.3,609.1' fill='none' stroke='%231a0e06' stroke-width='.8'/><polygon points='221.5,648.1 224.8,651.0 228.2,653.9 231.6,656.5 235.3,658.9 239.2,660.8 242.9,663.1 246.6,665.4 250.2,667.8 254.1,669.8 258.3,671.4 258.3,671.4 255.0,668.3 251.6,665.7 247.9,663.4 244.2,661.0 240.6,658.6 237.2,655.9 233.5,653.6 229.6,651.6 225.6,649.8 221.5,648.1' fill='%235a3d22'/><polyline points='221.5,648.1 224.8,651.0 228.2,653.9 231.6,656.5 235.3,658.9 239.2,660.8 242.9,663.1 246.6,665.4 250.2,667.8 254.1,669.8 258.3,671.4' fill='none' stroke='%23000' stroke-width='1.5'/><polyline points='221.5,648.1 225.6,649.8 229.6,651.6 233.5,653.6 237.2,655.9 240.6,658.6 244.2,661.0 247.9,663.4 251.6,665.7 255.0,668.3 258.3,671.4' fill='none' stroke='%23d8b080' stroke-opacity='.4' stroke-width='.8'/><polyline points='221.5,648.1 225.2,650.4 228.9,652.7 232.6,655.1 236.2,657.4 239.9,659.7 243.6,662.1 247.2,664.4 250.9,666.7 254.6,669.1 258.3,671.4' fill='none' stroke='%231a0e06' stroke-width='.8'/><polygon points='200.0,373.7 205.5,372.0 210.9,370.0 216.1,367.8 221.2,365.4 226.4,363.0 231.8,361.2 236.5,357.9 241.6,355.4 246.8,352.9 251.5,349.7 251.5,349.7 246.0,351.3 240.8,353.6 235.6,355.9 230.1,357.4 225.2,360.4 220.0,362.8 214.9,365.2 209.8,367.8 204.9,370.6 200.0,373.7' fill='%235a3d22'/><polyline points='200.0,373.7 205.5,372.0 210.9,370.0 216.1,367.8 221.2,365.4 226.4,363.0 231.8,361.2 236.5,357.9 241.6,355.4 246.8,352.9 251.5,349.7' fill='none' stroke='%23000' stroke-width='1.5'/><polyline points='200.0,373.7 204.9,370.6 209.8,367.8 214.9,365.2 220.0,362.8 225.2,360.4 230.1,357.4 235.6,355.9 240.8,353.6 246.0,351.3 251.5,349.7' fill='none' stroke='%23d8b080' stroke-opacity='.4' stroke-width='.8'/><polyline points='200.0,373.7 205.2,371.3 210.3,368.9 215.5,366.5 220.6,364.1 225.8,361.7 230.9,359.3 236.1,356.9 241.2,354.5 246.4,352.1 251.5,349.7' fill='none' stroke='%231a0e06' stroke-width='.8'/><polygon points='227.9,263.0 231.3,265.9 234.9,268.5 238.4,271.3 242.2,273.7 246.3,275.6 249.7,278.4 254.0,280.1 257.9,282.2 261.6,284.6 265.9,286.2 265.9,286.2 262.5,283.2 258.7,280.9 255.0,278.4 251.6,275.4 247.5,273.6 244.0,270.8 240.1,268.6 236.0,266.7 232.0,264.6 227.9,263.0' fill='%235a3d22'/><polyline points='227.9,263.0 231.3,265.9 234.9,268.5 238.4,271.3 242.2,273.7 246.3,275.6 249.7,278.4 254.0,280.1 257.9,282.2 261.6,284.6 265.9,286.2' fill='none' stroke='%23000' stroke-width='1.5'/><polyline points='227.9,263.0 232.0,264.6 236.0,266.7 240.1,268.6 244.0,270.8 247.5,273.6 251.6,275.4 255.0,278.4 258.7,280.9 262.5,283.2 265.9,286.2' fill='none' stroke='%23d8b080' stroke-opacity='.4' stroke-width='.8'/><polyline points='227.9,263.0 231.7,265.3 235.5,267.6 239.3,269.9 243.1,272.3 246.9,274.6 250.7,276.9 254.5,279.2 258.3,281.6 262.1,283.9 265.9,286.2' fill='none' stroke='%231a0e06' stroke-width='.8'/><circle cx='217.0' cy='455.6' r='0.8' fill='%23000'/><circle cx='197.7' cy='452.3' r='1.3' fill='%23000'/><circle cx='214.5' cy='470.5' r='1.3' fill='%23000'/><circle cx='199.6' cy='471.0' r='0.9' fill='%23000'/><circle cx='213.6' cy='459.4' r='1.0' fill='%23000'/><circle cx='205.8' cy='452.8' r='0.9' fill='%23000'/><circle cx='201.9' cy='459.0' r='0.8' fill='%23000'/><circle cx='185.1' cy='709.5' r='1.3' fill='%23000'/><circle cx='198.1' cy='691.8' r='0.8' fill='%23000'/><circle cx='180.8' cy='705.0' r='1.2' fill='%23000'/><circle cx='193.7' cy='689.7' r='1.2' fill='%23000'/><circle cx='189.1' cy='710.5' r='1.2' fill='%23000'/><circle cx='187.9' cy='716.6' r='1.1' fill='%23000'/><circle cx='193.1' cy='705.8' r='1.3' fill='%23000'/><polygon points='316.3,264.0 317.4,253.5 316.7,243.0 316.3,232.5 313.3,222.2 313.3,222.2 313.1,232.8 314.2,243.2 314.8,253.6 316.3,264.0' fill='%23010100'/><polyline points='316.3,264.0 314.8,253.6 314.2,243.2 313.1,232.8 313.3,222.2' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='319.5,276.0 319.0,282.6 319.3,288.8 319.4,295.0 320.9,301.3 320.9,301.3 322.6,295.0 322.6,288.6 322.2,282.0 319.5,276.0' fill='%23010100'/><polyline points='319.5,276.0 322.2,282.0 322.6,288.6 322.6,295.0 320.9,301.3' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='324.1,273.4 325.3,274.5 331.1,277.6 331.1,277.6 325.8,273.1 324.1,273.4' fill='%23010100'/><polygon points='312.8,274.7 311.8,274.3 304.4,280.2 304.4,280.2 312.7,275.9 312.8,274.7' fill='%23010100'/><polygon points='311.7,266.9 312.9,267.4 305.0,263.1 305.0,263.1 312.1,265.7 311.7,266.9' fill='%23010100'/><polygon points='323.4,265.6 325.0,266.2 329.8,260.7 329.8,260.7 324.8,264.5 323.4,265.6' fill='%23010100'/><polygon points='326.5,270.0 325.8,274.4 321.5,277.9 316.9,277.0 313.8,276.2 312.6,272.2 310.1,267.7 314.0,263.7 317.1,261.0 320.3,262.7 324.5,266.7' fill='none' stroke='%23000' stroke-width='5' stroke-opacity='.85' stroke-linejoin='round'/><polygon points='326.5,270.0 325.8,274.4 321.5,277.9 316.9,277.0 313.8,276.2 312.6,272.2 310.1,267.7 314.0,263.7 317.1,261.0 320.3,262.7 324.5,266.7' fill='none' stroke='%23b98a5a' stroke-opacity='.3' stroke-width='1' transform='translate(1 1.6)'/><path d='M325 261l5 -9l-0.5 0.3z' fill='%238a6238' fill-opacity='.8'/><path d='M309 276l-7 6l-4.1 4.8z' fill='%238a6238' fill-opacity='.8'/><path d='M324 279l3 10l-1.1 6.0z' fill='%238a6238' fill-opacity='.8'/><circle cx='30' cy='34' r='3' fill='%23000' fill-opacity='.9'/><circle cx='30' cy='794' r='3' fill='%23000' fill-opacity='.9'/><path d='M95 36v21' stroke='%235a2a10' stroke-opacity='.55' stroke-width='2.4' stroke-linecap='round' filter='url(%23bl)'/><circle cx='96' cy='34.3' r='5.4' fill='%23000' fill-opacity='.75'/><circle cx='95' cy='33' r='3.9' fill='%232c2a28' stroke='%23050403'/><circle cx='94.3' cy='31.5' r='1.1' fill='%238a8b89' fill-opacity='.7'/><path d='M93 800v17' stroke='%235a2a10' stroke-opacity='.55' stroke-width='2.4' stroke-linecap='round' filter='url(%23bl)'/><circle cx='94' cy='798.7' r='5.4' fill='%23000' fill-opacity='.75'/><circle cx='93' cy='797' r='3.9' fill='%232c2a28' stroke='%23050403'/><circle cx='91.7' cy='795.9' r='1.1' fill='%238a8b89' fill-opacity='.7'/><path d='M155 30v15' stroke='%235a2a10' stroke-opacity='.55' stroke-width='2.4' stroke-linecap='round' filter='url(%23bl)'/><circle cx='156' cy='28.9' r='5.4' fill='%23000' fill-opacity='.75'/><circle cx='155' cy='27' r='3.9' fill='%232c2a28' stroke='%23050403'/><circle cx='154.1' cy='26.1' r='1.1' fill='%238a8b89' fill-opacity='.7'/><path d='M217 35v19' stroke='%235a2a10' stroke-opacity='.55' stroke-width='2.4' stroke-linecap='round' filter='url(%23bl)'/><circle cx='218' cy='33.5' r='5.4' fill='%23000' fill-opacity='.75'/><circle cx='217' cy='32' r='3.9' fill='%232c2a28' stroke='%23050403'/><circle cx='216.1' cy='30.7' r='1.1' fill='%238a8b89' fill-opacity='.7'/><path d='M280 37v18' stroke='%235a2a10' stroke-opacity='.55' stroke-width='2.4' stroke-linecap='round' filter='url(%23bl)'/><circle cx='281' cy='35.6' r='5.4' fill='%23000' fill-opacity='.75'/><circle cx='280' cy='34' r='3.9' fill='%232c2a28' stroke='%23050403'/><circle cx='278.5' cy='32.8' r='1.1' fill='%238a8b89' fill-opacity='.7'/><path d='M279 796v15' stroke='%235a2a10' stroke-opacity='.55' stroke-width='2.4' stroke-linecap='round' filter='url(%23bl)'/><circle cx='280' cy='794.8' r='5.4' fill='%23000' fill-opacity='.75'/><circle cx='279' cy='793' r='3.9' fill='%232c2a28' stroke='%23050403'/><circle cx='277.7' cy='792.0' r='1.1' fill='%238a8b89' fill-opacity='.7'/><path d='M340 33v21' stroke='%235a2a10' stroke-opacity='.55' stroke-width='2.4' stroke-linecap='round' filter='url(%23bl)'/><circle cx='341' cy='31.1' r='5.4' fill='%23000' fill-opacity='.75'/><circle cx='340' cy='30' r='3.9' fill='%232c2a28' stroke='%23050403'/><circle cx='338.8' cy='28.3' r='1.1' fill='%238a8b89' fill-opacity='.7'/><path d='M340 799v12' stroke='%235a2a10' stroke-opacity='.55' stroke-width='2.4' stroke-linecap='round' filter='url(%23bl)'/><circle cx='341' cy='797.9' r='5.4' fill='%23000' fill-opacity='.75'/><circle cx='340' cy='796' r='3.9' fill='%232c2a28' stroke='%23050403'/><circle cx='338.9' cy='795.1' r='1.1' fill='%238a8b89' fill-opacity='.7'/><polyline points='125.5,790.0 130.6,804.9 136.6,795.0 141.4,810.1 146.1,791.8 152.3,815.3 155.5,793.9 160.6,809.3 166.1,798.5 170.2,820.6 172.8,797.0 176.1,819.0 182.1,795.3 184.9,816.5 189.8,787.6 194.8,829.0 198.3,792.2 204.5,829.0 207.2,794.0 210.5,817.8 213.6,793.2 217.0,821.1 222.8,800.6 226.8,807.0 232.3,793.9 235.7,816.2 239.7,802.4 242.2,822.1 246.5,802.8' fill='none' stroke='url(%23raw)' stroke-width='22' stroke-linejoin='round' opacity='.75' filter='url(%23bl)'/><polygon points='125.5,792.0 125.4,787.0 125.9,782.3 126.7,777.5 126.9,772.5 126.9,772.5 125.3,777.3 124.5,782.2 123.7,787.3 125.5,792.0' fill='%23010100'/><polyline points='125.5,792.0 123.7,787.3 124.5,782.2 125.3,777.3 126.9,772.5' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='136.6,797.0 138.0,783.5 137.3,769.9 137.2,756.3 136.2,742.8 136.2,742.8 135.6,756.3 135.8,769.9 136.7,783.4 136.6,797.0' fill='%23010100'/><polyline points='136.6,797.0 136.7,783.4 135.8,769.9 135.6,756.3 136.2,742.8' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='146.1,793.8 147.3,783.7 147.3,773.5 148.0,763.4 147.3,753.3 147.3,753.3 147.1,763.4 146.2,773.5 146.4,783.6 146.1,793.8' fill='%23010100'/><polyline points='146.1,793.8 146.4,783.6 146.2,773.5 147.1,763.4 147.3,753.3' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='155.5,795.9 156.8,780.8 156.5,765.6 155.7,750.5 155.1,735.4 155.1,735.4 153.9,750.6 154.3,765.7 155.7,780.7 155.5,795.9' fill='%23010100'/><polyline points='155.5,795.9 155.7,780.7 154.3,765.7 153.9,750.6 155.1,735.4' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='166.1,800.5 167.5,787.8 166.6,774.9 166.4,762.2 167.1,749.4 167.1,749.4 165.7,762.2 165.7,775.0 166.6,787.7 166.1,800.5' fill='%23010100'/><polyline points='166.1,800.5 166.6,787.7 165.7,775.0 165.7,762.2 167.1,749.4' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='172.8,799.0 173.1,792.2 172.2,785.4 173.3,779.0 173.2,772.1 173.2,772.1 171.4,778.7 170.4,785.7 171.8,792.3 172.8,799.0' fill='%23010100'/><polyline points='172.8,799.0 171.8,792.3 170.4,785.7 171.4,778.7 173.2,772.1' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='182.1,797.3 182.7,791.7 181.6,785.9 180.3,780.4 179.2,774.9 179.2,774.9 179.2,780.6 179.9,786.3 181.2,791.7 182.1,797.3' fill='%23010100'/><polyline points='182.1,797.3 181.2,791.7 179.9,786.3 179.2,780.6 179.2,774.9' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='189.8,789.6 189.9,782.1 190.8,774.7 190.5,767.2 189.3,759.7 189.3,759.7 189.9,767.2 189.8,774.6 189.3,782.1 189.8,789.6' fill='%23010100'/><polyline points='189.8,789.6 189.3,782.1 189.8,774.6 189.9,767.2 189.3,759.7' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='198.3,794.2 198.3,785.2 198.3,776.3 198.7,767.4 196.9,758.4 196.9,758.4 197.0,767.3 196.7,776.3 197.0,785.3 198.3,794.2' fill='%23010100'/><polyline points='198.3,794.2 197.0,785.3 196.7,776.3 197.0,767.3 196.9,758.4' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='207.2,796.0 208.1,787.5 209.4,779.1 208.7,770.5 206.9,762.0 206.9,762.0 207.4,770.5 207.9,778.9 206.9,787.5 207.2,796.0' fill='%23010100'/><polyline points='207.2,796.0 206.9,787.5 207.9,778.9 207.4,770.5 206.9,762.0' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='213.6,795.2 214.1,787.4 215.1,779.6 214.0,771.7 214.4,763.9 214.4,763.9 213.4,771.7 213.9,779.5 213.3,787.4 213.6,795.2' fill='%23010100'/><polyline points='213.6,795.2 213.3,787.4 213.9,779.5 213.4,771.7 214.4,763.9' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='222.8,802.6 222.2,793.3 221.5,784.0 220.4,774.8 220.9,765.6 220.9,765.6 219.3,774.9 220.4,784.1 221.2,793.4 222.8,802.6' fill='%23010100'/><polyline points='222.8,802.6 221.2,793.4 220.4,784.1 219.3,774.9 220.9,765.6' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='232.3,795.9 234.1,787.9 233.6,779.7 232.8,771.5 231.6,763.5 231.6,763.5 231.0,771.7 232.0,779.8 232.4,787.7 232.3,795.9' fill='%23010100'/><polyline points='232.3,795.9 232.4,787.7 232.0,779.8 231.0,771.7 231.6,763.5' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='239.7,804.4 240.5,794.7 241.3,785.0 241.6,775.3 240.0,765.5 240.0,765.5 240.4,775.2 239.6,784.9 239.0,794.7 239.7,804.4' fill='%23010100'/><polyline points='239.7,804.4 239.0,794.7 239.6,784.9 240.4,775.2 240.0,765.5' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polygon points='246.5,804.8 247.1,797.3 247.5,789.8 247.2,782.2 245.3,774.7 245.3,774.7 245.6,782.3 246.1,789.7 245.5,797.3 246.5,804.8' fill='%23010100'/><polyline points='246.5,804.8 245.5,797.3 246.1,789.7 245.6,782.3 245.3,774.7' fill='none' stroke='%23c9a070' stroke-opacity='.16' stroke-width='.8'/><polyline points='125.5,790.0 130.6,804.9 136.6,795.0 141.4,810.1 146.1,791.8 152.3,815.3 155.5,793.9 160.6,809.3 166.1,798.5 170.2,820.6 172.8,797.0 176.1,819.0 182.1,795.3 184.9,816.5 189.8,787.6 194.8,829.0 198.3,792.2 204.5,829.0 207.2,794.0 210.5,817.8 213.6,793.2 217.0,821.1 222.8,800.6 226.8,807.0 232.3,793.9 235.7,816.2 239.7,802.4 242.2,822.1 246.5,802.8' fill='none' stroke='%23e3c092' stroke-opacity='.5' stroke-width='1' transform='translate(0 -1.2)'/><polyline points='125.5,790.0 130.6,804.9 136.6,795.0 141.4,810.1 146.1,791.8 152.3,815.3 155.5,793.9 160.6,809.3 166.1,798.5 170.2,820.6 172.8,797.0 176.1,819.0 182.1,795.3 184.9,816.5 189.8,787.6 194.8,829.0 198.3,792.2 204.5,829.0 207.2,794.0 210.5,817.8 213.6,793.2 217.0,821.1 222.8,800.6 226.8,807.0 232.3,793.9 235.7,816.2 239.7,802.4 242.2,822.1 246.5,802.8' fill='none' stroke='%23000' stroke-opacity='.7' stroke-width='1.4' transform='translate(0 -4.5)'/><path d='M372 286Q355 328 372 371' fill='none' stroke='%238a6238' stroke-opacity='.55' stroke-width='5' filter='url(%23bl)'/><path d='M372 348Q350 390 372 432' fill='none' stroke='%238a6238' stroke-opacity='.55' stroke-width='5' filter='url(%23bl)'/><path d='M0 272Q21 327 0 382' fill='none' stroke='%238a6238' stroke-opacity='.55' stroke-width='5' filter='url(%23bl)'/><rect width='372' height='830' fill='url(%23cd)'/><rect width='372' height='830' fill='%23060302' fill-opacity='.06'/><rect width='372' height='830' fill='url(%23vg)'/><rect width='372' height='830' fill='none' stroke='%23000' stroke-opacity='.55' stroke-width='19' filter='url(%23b9)'/></g></svg>")}
#inside::before,#inside::after{content:"";position:fixed;z-index:0;top:0;bottom:0;width:58px;background:var(--pc) center top/58px auto repeat-y;filter:drop-shadow(6px 0 8px #000);opacity:.9;pointer-events:none}
#inside::before{left:calc(50% - 770px)}#inside::after{right:calc(50% - 770px);transform:scaleX(-1)}
@media (max-width:1560px){#inside::before,#inside::after{content:none}}
#inside .portal{z-index:1;width:min(1320px,100% - 32px);margin:26px auto!important;padding:14px 24px 16px;background:linear-gradient(rgba(8,4,2,.5),rgba(8,4,2,.5)),var(--pb) center/100% 100% no-repeat,#1a0f08;box-shadow:0 0 0 4px #0c0704,0 0 0 8px #3a2413,0 30px 60px #000}
/* header */
#inside .p-head{grid-template-columns:auto minmax(0,1fr) auto;gap:22px;min-height:150px;padding:8px 6px;background:none;filter:none}
#inside .p-head::before,#inside .p-head::after{content:none}
#inside .p-logo img{width:150px;height:150px}
#inside .p-actions{flex-wrap:nowrap;justify-self:center;gap:4px;padding:8px;background:#0c0704;box-shadow:0 0 0 3px #4a3a16,0 10px 20px rgba(0,0,0,.7)}
#inside .btn-ember{min-width:236px;min-height:104px;padding:0 26px;clip-path:none;background:linear-gradient(180deg,#f0731f,#c8370c 48%,#a02a08 52%,#e2601a)}
#inside .btn-ember::before{content:none}
#inside .btn-ember-dl{background:linear-gradient(180deg,#f0731f,#c8370c 48%,#a02a08 52%,#e2601a)}
#inside .btn-ember span{--sea-type-font:var(--font-display, 27.076923px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-display, 27.076923px);color:#fff;text-shadow:0 2px 0 #5a1503,0 0 14px rgba(0,0,0,.5)}
#inside .btn-ember small{color:#ffe2b8}
#inside .btn-ember:hover{filter:brightness(1.18)}
#inside .p-account{min-width:290px;padding:14px 18px;background:#0c0704;box-shadow:0 0 0 3px #2a1f0e}
#inside .p-account dd{color:var(--gold)}
/* balance row */
#inside .p-cur{margin-top:12px;border-radius:0;background:rgba(8,5,3,.8);box-shadow:0 -3px 0 #2a1f0e,0 3px 0 #2a1f0e}
#inside .cur{min-height:52px}
#inside .cur + .cur{box-shadow:none}
#inside .cur + .cur::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;background:#3a2b13}
#inside .cur-server{background:none}
/* menu bar: plain titles, the open page glows like embers */
#inside .p-nav{flex-wrap:nowrap;gap:0;margin-top:6px;background:#0a0604;box-shadow:0 -3px 0 #2a1f0e,0 3px 0 #2a1f0e}
#inside .nav-btn,#inside .nav-exit{position:relative;flex:1 1 0;min-width:0;min-height:60px;margin:0;padding:0 8px;border:0;border-radius:0;background:none;color:#e8c56a;--sea-type-font:var(--font-title, 22.153846px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-title, 22.153846px)/1 var(--fd);letter-spacing:.06em;text-shadow:0 2px 2px #000;filter:none;transform:none}
#inside .nav-btn .nav-ico{display:none}
#inside .nav-btn + .nav-btn::after{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;background:#3a2b13}
#inside .nav-btn:hover{background:radial-gradient(ellipse 60% 42% at 50% 50%,rgba(224,89,30,.35),transparent 100%);color:#fff3d6;filter:none;transform:none}
#inside .nav-btn[aria-current="page"]{background:radial-gradient(ellipse 62% 44% at 50% 50%,#f08a2a 0,rgba(224,89,30,.75) 38%,transparent 100%);color:#fff;filter:none;transform:none}
#inside .nav-exit{color:#f0b09a}
/* content */
#inside .p-body{margin-top:26px}
#inside .view-home{grid-template-columns:1.25fr 1fr 1fr 1fr;gap:22px}
#inside .view-home > .slider{grid-column:1/-1;min-height:470px}
#inside .slide-img{right:auto;width:62%}
#inside .slide-caption{inset:0 0 0 62%;align-content:start;justify-items:center;gap:18px;padding:60px 34px 36px;background:linear-gradient(rgba(6,3,1,.72),rgba(6,3,1,.72)),var(--pw) center/cover;text-align:center}
#inside .slide-caption h2{--sea-type-font:var(--font-display, 27.076923px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-display, 27.076923px);text-transform:none;color:#fff}
#inside .slide-caption p{--sea-type-font:var(--font-caption, 13.538462px);--sea-type-min:10.153846px;--sea-type-scale:1;font-size:var(--font-caption, 13.538462px)}
#inside .slide-caption .btn-small-gold{align-self:end;margin-top:auto;min-width:220px;min-height:50px;background:linear-gradient(180deg,#a8923c,#6f5c1c);color:#fff}
#inside .slide-caption{grid-template-rows:auto auto auto 1fr}
#inside .slide-arrow.next{right:38%}
#inside .slider-dots{right:auto;left:0;width:62%;justify-content:center;bottom:16px}
#inside .slider-dots button{width:54px;height:10px;background:#1a120a;box-shadow:0 0 0 2px #3a2b13}
#inside .captain{padding:20px 22px;gap:12px}
#inside .tile{min-height:0}
#inside .p-foot{margin-top:26px}
@media (max-width:1100px){
#inside .view-home{grid-template-columns:1fr 1fr}
#inside .p-head{grid-template-columns:auto 1fr}
#inside .p-account{grid-column:1/-1}
#inside .btn-ember{min-width:180px;min-height:84px}
#inside .nav-btn,#inside .nav-exit{--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-subtitle, 18.461538px)}
}
@media (max-width:720px){
#inside .portal{width:calc(100% - 16px);margin:8px auto!important;padding:10px 12px}
#inside .p-head{grid-template-columns:1fr;justify-items:center}
#inside .p-logo img{width:110px;height:110px}
#inside .p-actions{width:100%}
#inside .btn-ember{flex:1 1 0;min-width:0;min-height:76px;padding:0 8px}
#inside .btn-ember span{--sea-type-font:var(--font-title, 22.153846px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-title, 22.153846px)}
#inside .p-account{width:100%;min-width:0}
#inside .p-nav{flex-wrap:wrap}
#inside .nav-btn,#inside .nav-exit{flex:1 1 33%;min-height:50px;--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-subtitle, 18.461538px)}
#inside .nav-btn + .nav-btn::after{content:none}
#inside .view-home{grid-template-columns:1fr}
#inside .view-home > .slider{min-height:0;display:flex;flex-direction:column}
#inside .slide-img{position:static;width:100%;height:220px}
#inside .slide-caption{position:static;padding:22px 18px 46px}
#inside .slide-arrow{top:110px}#inside .slide-arrow.next{right:0}
#inside .slider-dots{width:100%;bottom:14px}
#inside .slider-dots button{width:28px}
}

/* ===== v4: every button uses the landing page's own button — pointed bar, brass edge, inner glow (ember = main, teal = second, olive = neutral) ===== */
#inside .p-actions{gap:16px;padding:0;background:none;box-shadow:none}
#inside .btn-ember,#inside .btn-ember-dl{min-width:226px;min-height:76px;padding:0 40px;clip-path:var(--pt);background:linear-gradient(180deg,#f6e09a,#6f5318)}
#inside .btn-ember::before{content:"";position:absolute;inset:2px;z-index:-1;clip-path:var(--pt);background:radial-gradient(ellipse 58% 105% at 50% 64%,rgba(250,145,25,.96),rgba(150,70,5,.55) 55%,rgba(40,20,0,.2) 85%),#0e0905}
#inside .btn-ember-dl::before{background:radial-gradient(ellipse 58% 105% at 50% 64%,rgba(40,120,130,.85),rgba(10,60,70,.45) 55%,transparent 85%),#0e0905}
#inside .btn-ember span{--sea-type-font:var(--font-display, 27.076923px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-display, 27.076923px);color:#fff3d6;text-shadow:0 1px 3px #000,0 0 14px rgba(0,0,0,.8)}
#inside .btn-ember small{color:#f3d9a0}
#inside .btn-ember:hover{filter:brightness(1.25) drop-shadow(0 0 14px rgba(240,160,40,.5))}
#inside .p-nav{gap:8px;padding:8px 0;background:none;box-shadow:none}
#inside .nav-btn,#inside .nav-exit,#inside .btn-small,#inside .btn-small-gold,#inside .slide-caption .btn-small-gold,#inside .sheet-tabs button,#inside .gazette-tabs button{position:relative;isolation:isolate;border:0;border-radius:0;clip-path:var(--pt);background:linear-gradient(180deg,#f6e09a,#6f5318);color:#fff3d6;text-shadow:0 1px 3px #000;transition:filter .25s}
#inside .nav-btn::before,#inside .nav-exit::before,#inside .btn-small::before,#inside .btn-small-gold::before,#inside .sheet-tabs button::before,#inside .gazette-tabs button::before{content:"";position:absolute;inset:2px;z-index:-1;clip-path:var(--pt);background:radial-gradient(ellipse 58% 105% at 50% 64%,rgba(120,105,45,.75),rgba(60,50,15,.4) 55%,transparent 85%),#0e0905}
#inside .nav-btn + .nav-btn::after{content:none}
#inside .nav-btn,#inside .nav-exit{min-height:54px;--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-subtitle, 18.461538px);letter-spacing:.1em;color:#fff3d6}
#inside .nav-btn:hover,#inside .btn-small:hover,#inside .btn-small-gold:hover,#inside .sheet-tabs button:hover,#inside .gazette-tabs button:hover{background:linear-gradient(180deg,#f6e09a,#6f5318);filter:brightness(1.25) drop-shadow(0 0 10px rgba(240,160,40,.45))}
#inside .nav-btn[aria-current="page"]{background:linear-gradient(180deg,#f6e09a,#6f5318);color:#fff}
#inside .nav-btn[aria-current="page"]::before,#inside .btn-small-gold::before,#inside .sheet-tabs button[aria-selected="true"]::before,#inside .gazette-tabs button[aria-selected="true"]::before{background:radial-gradient(ellipse 58% 105% at 50% 64%,rgba(250,145,25,.96),rgba(150,70,5,.55) 55%,rgba(40,20,0,.2) 85%),#0e0905}
#inside .nav-exit::before{background:radial-gradient(ellipse 58% 105% at 50% 64%,rgba(40,120,130,.85),rgba(10,60,70,.45) 55%,transparent 85%),#0e0905}
#inside .btn-small,#inside .btn-small-gold{min-height:46px;padding:0 28px}
#inside .slide-caption .btn-small-gold{min-height:54px;--sea-type-font:var(--font-caption, 13.538462px);--sea-type-min:10.153846px;--sea-type-scale:1;font-size:var(--font-caption, 13.538462px)}
#inside .sheet-tabs button,#inside .gazette-tabs button{padding:0 30px}
@media (max-width:720px){#inside .btn-ember,#inside .btn-ember-dl{min-width:0;min-height:68px;padding:0 18px}#inside .nav-btn,#inside .nav-exit{flex:1 1 calc(50% - 4px);min-height:48px}}

/* ===== v5: home cards — bronze nameplate titles, doubloon rank medals, brass-bound powder gauge ===== */
#inside{--pq:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 76' preserveAspectRatio='none'><defs><linearGradient id='bz' x1='0' y1='0' x2='0' y2='1'><stop stop-color='%239a8040'/><stop offset='.5' stop-color='%234a3a16'/><stop offset='1' stop-color='%236e5826'/></linearGradient><linearGradient id='en' x1='0' y1='0' x2='0' y2='1'><stop stop-color='%2321150b'/><stop offset='1' stop-color='%23090503'/></linearGradient><radialGradient id='rv' cx='.35' cy='.3' r='.8'><stop stop-color='%23fff2bc'/><stop offset='.5' stop-color='%23b08a34'/><stop offset='1' stop-color='%233a2807'/></radialGradient><filter id='pt' filterUnits='userSpaceOnUse' x='0' y='0' width='320' height='76'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' seed='5'/><feColorMatrix values='0 0 0 0 .05 0 0 0 0 .08 0 0 0 0 .04 0 0 0 1.5 -.55' result='g'/><feComposite in='g' in2='SourceAlpha' operator='in' result='gc'/><feMerge><feMergeNode in='SourceGraphic'/><feMergeNode in='gc'/></feMerge></filter></defs><path d='M12 3H308a9 9 0 0 0 9 9V64a9 9 0 0 0-9 9H12a9 9 0 0 0-9-9V12a9 9 0 0 0 9-9Z' fill='url(%23bz)' stroke='%230b0703' stroke-width='1.5' filter='url(%23pt)'/><path d='M14 5H306' stroke='%23f6e6ae' stroke-opacity='.55'/><path d='M14 71H306' stroke='%23000' stroke-opacity='.55'/><path d='M18 9H302a6 6 0 0 0 6 6V61a6 6 0 0 0-6 6H18a6 6 0 0 0-6-6V15a6 6 0 0 0 6-6Z' fill='url(%23en)' stroke='%230b0703' stroke-width='1.3'/><path d='M18 9.5H302' stroke='%23000' stroke-opacity='.8' stroke-width='2'/><path d='M22 12.5H298a4.5 4.5 0 0 0 4.5 4.5V59a4.5 4.5 0 0 0-4.5 4.5H22a4.5 4.5 0 0 0-4.5-4.5V17a4.5 4.5 0 0 0 4.5-4.5Z' stroke='%23c9a653' stroke-width='.8' stroke-opacity='.75' fill='none'/><circle cx='7.8' cy='38' r='2.7' fill='url(%23rv)' stroke='%23201405' stroke-width='.6'/><circle cx='312.2' cy='38' r='2.7' fill='url(%23rv)' stroke='%23201405' stroke-width='.6'/><path d='M160 2l4 4-4 4-4-4zM160 66l4 4-4 4-4-4z' fill='url(%23rv)' stroke='%23201405' stroke-width='.6'/><g stroke='%23d2b05c' stroke-width='1' fill='none' stroke-linecap='round'><path d='M24 38h11M52 38h8'/><path d='M39 38l4.5-4.5 4.5 4.5-4.5 4.5z' fill='%23d2b05c' fill-opacity='.45'/><path d='M33 29.5c5 0 8 3.5 8 8.5M33 46.5c5 0 8-3.5 8-8.5M29 33.5c2.5 0 4 2 4 4.5s-1.5 4.500-4 4.500'/></g><g transform='translate(320 0) scale(-1 1)'><g stroke='%23d2b05c' stroke-width='1' fill='none' stroke-linecap='round'><path d='M24 38h11M52 38h8'/><path d='M39 38l4.5-4.5 4.5 4.5-4.5 4.5z' fill='%23d2b05c' fill-opacity='.45'/><path d='M33 29.5c5 0 8 3.5 8 8.5M33 46.5c5 0 8-3.5 8-8.5M29 33.5c2.5 0 4 2 4 4.5s-1.5 4.500-4 4.500'/></g></g><path d='M70 4.5l26 2M230 72l-30-1.5' stroke='%23fff0c0' stroke-opacity='.25' stroke-width='.6'/></svg>")}
#inside .tile,#inside .captain{background:linear-gradient(180deg,#1b110a,#100905);box-shadow:0 0 0 4px #2a1f0e,inset 0 0 40px rgba(0,0,0,.6),0 18px 34px rgba(0,0,0,.6)}
#inside .tile{overflow:visible;padding-top:0}
#inside .tile-head{justify-content:center;min-height:58px;margin:-14px 22px 4px;padding:8px 44px;background:var(--pq) center/100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 7px 8px rgba(0,0,0,.8))}
#inside .tile-head h3{--sea-type-font:var(--font-title, 22.153846px);--sea-type-min:12px;--sea-type-scale:1;font:900 var(--font-title, 22.153846px)/1.15 var(--fd);letter-spacing:.14em;text-align:center;color:#f3d98a;text-shadow:0 1px 0 #000,0 -1px 0 rgba(255,240,190,.22)}
#inside .tile-head a{display:none}
#inside .ranking{padding:8px 18px 14px;counter-reset:none}
#inside .ranking li{gap:12px;min-height:50px;padding:7px 8px;border-bottom:2px solid #1f150b}
#inside .ranking li:first-child{background:linear-gradient(90deg,rgba(224,89,30,.22),transparent 70%)}
#inside .rk-pos,#inside .ranking li:first-child .rk-pos{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4a4038,#1c1712 70%);box-shadow:0 0 0 2px #6f5a2a,0 0 0 3px #0c0704,0 3px 5px rgba(0,0,0,.8);color:#e8d9b0;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:900 var(--font-body, 16px)/1 var(--fd);text-shadow:0 1px 0 #000}
#inside .ranking li:nth-child(1) .rk-pos{background:radial-gradient(circle at 35% 30%,#fff0b0,#d9a528 45%,#7a5208);box-shadow:0 0 0 2px #f6e09a,0 0 0 3px #0c0704,0 0 12px rgba(240,170,40,.6);color:#3a2203;text-shadow:0 1px 0 rgba(255,240,190,.6)}
#inside .ranking li:nth-child(2) .rk-pos{background:radial-gradient(circle at 35% 30%,#f4f4f0,#a9adb0 45%,#50565a);box-shadow:0 0 0 2px #d8dcdc,0 0 0 3px #0c0704,0 3px 5px rgba(0,0,0,.8);color:#1e2224;text-shadow:0 1px 0 rgba(255,255,255,.5)}
#inside .ranking li:nth-child(3) .rk-pos{background:radial-gradient(circle at 35% 30%,#f0b98a,#b0682c 45%,#5a2c0c);box-shadow:0 0 0 2px #d99560,0 0 0 3px #0c0704,0 3px 5px rgba(0,0,0,.8);color:#2e1403;text-shadow:0 1px 0 rgba(255,220,180,.5)}
#inside .rk-name{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-body, 16px)/1.2 var(--fb)}
#inside .ranking li:first-child .rk-name{color:#ffe2a6}
#inside .rk-fleet-tag{font-weight:700;color:#e8823c}
#inside .rk-score{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-body, 16px)/1 var(--fd);letter-spacing:.04em;color:var(--gold)}
/* captain card */
#inside .captain{padding:22px 22px 20px;gap:14px}
#inside .cc-head{gap:14px;padding-bottom:16px;border-bottom:0;background:linear-gradient(90deg,#6f5a2a,#6f5a2a) left bottom/100% 3px no-repeat}
#inside .cc-rank{width:78px;height:78px;padding:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3a2a18,#0c0704 72%);box-shadow:0 0 0 3px #8a6f30,0 0 0 5px #0c0704,0 6px 10px rgba(0,0,0,.8)}
#inside .cc-id{min-width:0}
#inside .cc-name{--sea-type-font:var(--font-title, 22.153846px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-title, 22.153846px);line-height:1.2;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip;color:#f3d98a;text-shadow:0 1px 0 #000}
#inside .cc-rank-label{color:#d8c9ab}
#inside .cc-stats{gap:0}
#inside .cc-stats > div{min-height:42px;padding:7px 0;border-bottom:2px solid #1f150b}
#inside .cc-stats > div:last-child{border-bottom:0}
#inside .cc-stats dt{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:500 var(--font-body, 16px) var(--fb);color:#b9a67c}
#inside .cc-stats dd{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-body, 16px) var(--fb)}
#inside #ccLevel{min-width:34px;height:34px;justify-content:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff0b0,#d9a528 45%,#7a5208);box-shadow:0 0 0 2px #f6e09a,0 0 0 3px #0c0704;color:#3a2203;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:900 var(--font-body, 16px)/1 var(--fd)}
#inside .chip{padding:5px 12px;border-radius:0;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,7px 100%,0 50%);background:#3a2b13;color:#e8d9b0;--sea-type-font:var(--font-caption, 13.538462px);--sea-type-min:10.153846px;--sea-type-scale:1;font:700 var(--font-caption, 13.538462px)/1.2 var(--fd);letter-spacing:.12em}
#inside .chip.on,#inside .chip.ok{background:linear-gradient(180deg,#d9a528,#8a5f0c);color:#2a1803}
#inside .chip.warn{background:linear-gradient(180deg,#e0591e,#8a2a08);color:#fff}
/* gauge: iron tube with brass caps, glowing ember charge, notches every tenth */
#inside .cc-elite{padding-bottom:12px}
#inside .meter{position:relative;height:18px;margin-top:4px;border-radius:9px;background:linear-gradient(180deg,#050302,#1c130b);box-shadow:inset 0 2px 4px #000,0 0 0 2px #8a6f30,0 0 0 4px #0c0704,0 3px 6px rgba(0,0,0,.7);overflow:hidden}
#inside .meter > span{position:relative;height:100%;border-radius:9px 4px 4px 9px;background:linear-gradient(180deg,rgba(255,235,170,.55),transparent 45%),linear-gradient(90deg,#8a2a08,#e0591e 55%,#ffc04a);box-shadow:0 0 12px rgba(240,130,30,.8)}
#inside .meter::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 2px),rgba(0,0,0,.55) calc(10% - 2px),rgba(0,0,0,.55) 10%);pointer-events:none}
#inside .acct-actions{gap:10px;margin-top:6px}
#inside .acct-actions .btn-small{min-height:48px;padding:0 22px;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px);line-height:1.15;text-align:center}
/* latest news */
#inside .latest-news{padding:12px 24px 8px;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:400 var(--font-body, 16px)/1.5 var(--fs)}
#inside .latest-news h4{margin:4px 0 10px;padding-bottom:10px;--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-subtitle, 18.461538px)/1.25 var(--fd);letter-spacing:.04em;color:#f4e8cc;background:linear-gradient(90deg,#e0591e,#e0591e) left bottom/46px 3px no-repeat}
#inside .latest-news p{margin:0 0 10px;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px);color:#d8c9ab}
#inside .latest-news ul{margin:0;padding:0;list-style:none}
#inside .latest-news li{position:relative;margin:0 0 6px;padding-left:22px;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px);color:#f4e8cc}
#inside .latest-news li::before{content:"";position:absolute;left:2px;top:.52em;width:9px;height:9px;background:#e0591e;transform:rotate(45deg);box-shadow:0 0 6px rgba(224,89,30,.7)}
#inside #latestNewsMore{margin:6px 24px 20px;--sea-type-font:var(--font-caption, 13.538462px);--sea-type-min:10.153846px;--sea-type-scale:1;font:700 var(--font-caption, 13.538462px)/1 var(--fd);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:#f3d98a}
#inside #latestNewsMore:hover{color:#fff}
#inside .view-home{row-gap:36px}

/* ===== v6: menu = a recessed rail holding seven equal bronze nameplates ===== */
#inside .p-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:12px;padding:14px 16px;background:linear-gradient(180deg,#070403,#140c07);box-shadow:inset 0 3px 10px #000,0 0 0 3px #3a2b13,0 0 0 5px #0c0704}
#inside .nav-btn,#inside .nav-exit{flex:none;width:100%;min-height:58px;padding:0 30px;clip-path:none;background:var(--pq) center/100% 100% no-repeat;color:#f3d98a;--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font:900 var(--font-subtitle, 18.461538px)/1.1 var(--fd);letter-spacing:.1em;text-align:center;text-shadow:0 1px 0 #000,0 -1px 0 rgba(255,240,190,.22);filter:drop-shadow(0 5px 5px rgba(0,0,0,.8));transition:filter .25s,color .25s}
#inside .nav-btn::before,#inside .nav-exit::before,#inside .nav-btn::after{content:none}
#inside .nav-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#inside .nav-btn:hover{background:var(--pq) center/100% 100% no-repeat;color:#fff3d6;filter:brightness(1.3) drop-shadow(0 5px 5px rgba(0,0,0,.8))}
#inside .nav-btn[aria-current="page"]{background:var(--pq) center/100% 100% no-repeat;color:#fff;filter:sepia(.6) saturate(2.6) hue-rotate(-20deg) brightness(1.35) drop-shadow(0 0 10px rgba(240,120,30,.75))}
#inside .nav-exit{color:#f0c0a8;filter:brightness(.8) drop-shadow(0 5px 5px rgba(0,0,0,.8))}
@media (max-width:1100px){#inside .p-nav{grid-template-columns:repeat(4,minmax(0,1fr))}#inside .nav-btn,#inside .nav-exit{--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-subtitle, 18.461538px);padding:0 24px}}
@media (max-width:720px){#inside .p-nav{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}#inside .nav-btn,#inside .nav-exit{min-height:50px;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px)}#inside .nav-exit{grid-column:1/-1}}

/* ===== v7: dark timber wall behind the chains; ranking rows kept inside their card ===== */
#inside{position:relative;min-height:100vh;background:radial-gradient(ellipse 75% 60% at 50% 30%,rgba(6,3,1,.62),rgba(3,2,1,.9) 100%),var(--pb) center top/560px 1100px repeat,#0a0604}
#inside .tile{display:flex;flex-direction:column;height:auto;max-height:none;min-width:0}
#inside .ranking{display:block;width:auto;max-width:100%;height:auto;max-height:none;margin:0;padding:8px 16px 14px;overflow:hidden;columns:auto}
#inside .ranking li{display:flex;width:auto;max-width:100%;min-width:0;height:auto;margin:0;padding:7px 6px;float:none;position:static}
#inside .ranking li > *{position:static;float:none;margin:0}
#inside .rk-pos{flex:0 0 34px}
#inside .rk-icon{flex:0 0 28px;width:28px;height:28px}
#inside .rk-name{flex:1 1 0;min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#inside .rk-score{flex:0 0 auto;white-space:nowrap;--sea-type-font:var(--font-caption, 13.538462px);--sea-type-min:10.153846px;--sea-type-scale:1;font-size:var(--font-caption, 13.538462px)}

/* v7b: the wall was darkened so much the planks vanished — lighter veil, planks stay readable */
#inside{background:radial-gradient(ellipse 80% 70% at 50% 35%,rgba(6,3,1,.08),rgba(3,2,1,.58) 100%),var(--pb) center top/640px 1200px repeat,#1a0f08}
body:has(#inside:not([hidden])){background:#0a0604}

/* ===== v8: lower menu rail; outer frame = real timber beams with iron corner plates (no drawn rings) ===== */
#inside .p-nav{gap:8px;margin-top:10px;padding:7px 10px;box-shadow:inset 0 3px 8px #000}
#inside .nav-btn,#inside .nav-exit{min-height:46px;--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-subtitle, 18.461538px);padding:0 26px}
#inside .portal{border:22px solid transparent;padding:10px 22px 14px;background:linear-gradient(rgba(8,4,2,.5),rgba(8,4,2,.5)) padding-box,var(--pb) center/100% 100% no-repeat padding-box,linear-gradient(180deg,rgba(90,50,22,.28),rgba(0,0,0,.3)) border-box,var(--pw) center/460px 260px repeat border-box;box-shadow:inset 0 0 26px 6px rgba(0,0,0,.9),0 2px 0 rgba(255,200,140,.06),0 34px 70px #000}
#inside .portal::before{content:"";position:absolute;inset:-22px;z-index:2;pointer-events:none;background:
 radial-gradient(circle at 35% 30%,#8a8078,#2a2520 60%,#0a0807) 4px 4px/14px 14px no-repeat,
 radial-gradient(circle at 35% 30%,#8a8078,#2a2520 60%,#0a0807) calc(100% - 4px) 4px/14px 14px no-repeat,
 radial-gradient(circle at 35% 30%,#8a8078,#2a2520 60%,#0a0807) 4px calc(100% - 4px)/14px 14px no-repeat,
 radial-gradient(circle at 35% 30%,#8a8078,#2a2520 60%,#0a0807) calc(100% - 4px) calc(100% - 4px)/14px 14px no-repeat,
 linear-gradient(135deg,#45403b,#1a1714 55%,#2c2824) 0 0/74px 74px no-repeat,
 linear-gradient(225deg,#45403b,#1a1714 55%,#2c2824) 100% 0/74px 74px no-repeat,
 linear-gradient(45deg,#45403b,#1a1714 55%,#2c2824) 0 100%/74px 74px no-repeat,
 linear-gradient(315deg,#45403b,#1a1714 55%,#2c2824) 100% 100%/74px 74px no-repeat;
 -webkit-mask:linear-gradient(#000,#000) top/100% 22px no-repeat,linear-gradient(#000,#000) bottom/100% 22px no-repeat,linear-gradient(#000,#000) left/22px 100% no-repeat,linear-gradient(#000,#000) right/22px 100% no-repeat;
 mask:linear-gradient(#000,#000) top/100% 22px no-repeat,linear-gradient(#000,#000) bottom/100% 22px no-repeat,linear-gradient(#000,#000) left/22px 100% no-repeat,linear-gradient(#000,#000) right/22px 100% no-repeat;
 filter:drop-shadow(0 2px 3px rgba(0,0,0,.9))}
@media (max-width:720px){#inside .portal{border-width:12px;padding:8px 10px}#inside .portal::before{inset:-12px;-webkit-mask-size:100% 12px,100% 12px,12px 100%,12px 100%;mask-size:100% 12px,100% 12px,12px 100%,12px 100%}#inside .nav-btn,#inside .nav-exit{min-height:44px}}

/* ===== v9: outer frame = the landing page's cast-bronze frame (riveted, scalloped corners). No timber in the frame or panel. ===== */
#inside{--pf:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' fill='none'><defs><linearGradient id='bz' x1='0' y1='0' x2='0' y2='1'><stop stop-color='%239a8040'/><stop offset='.5' stop-color='%234a3a16'/><stop offset='1' stop-color='%236e5826'/></linearGradient><linearGradient id='en' x1='0' y1='0' x2='0' y2='1'><stop stop-color='%2321150b'/><stop offset='1' stop-color='%23090503'/></linearGradient><filter id='pt' filterUnits='userSpaceOnUse' x='0' y='0' width='120' height='120'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' seed='5'/><feColorMatrix values='0 0 0 0 .05 0 0 0 0 .08 0 0 0 0 .04 0 0 0 1.5 -.55' result='g'/><feComposite in='g' in2='SourceAlpha' operator='in' result='gc'/><feMerge><feMergeNode in='SourceGraphic'/><feMergeNode in='gc'/></feMerge></filter></defs><path fill-rule='evenodd' d='M12 3H108a9 9 0 0 0 9 9V108a9 9 0 0 0-9 9H12a9 9 0 0 0-9-9V12a9 9 0 0 0 9-9ZM24.5 18H95.5a6.5 6.5 0 0 0 6.5 6.5V95.5a6.5 6.5 0 0 0-6.5 6.5H24.5a6.5 6.5 0 0 0-6.5-6.5V24.5a6.5 6.5 0 0 0 6.5-6.5Z' fill='url(%23bz)' stroke='%230b0703' stroke-width='1.5' filter='url(%23pt)'/><path d='M14 5H106' stroke='%23f6e6ae' stroke-opacity='.55'/><path d='M14 115H106' stroke='%23000' stroke-opacity='.55'/><path fill-rule='evenodd' d='M18 9H102a6 6 0 0 0 6 6V105a6 6 0 0 0-6 6H18a6 6 0 0 0-6-6V15a6 6 0 0 0 6-6ZM24.5 18H95.5a6.5 6.5 0 0 0 6.5 6.5V95.5a6.5 6.5 0 0 0-6.5 6.5H24.5a6.5 6.5 0 0 0-6.5-6.5V24.5a6.5 6.5 0 0 0 6.5-6.5Z' fill='url(%23en)' stroke='%230b0703' stroke-width='1.3'/><path d='M18 9.5H102' stroke='%23000' stroke-opacity='.8' stroke-width='2'/><path d='M23 17.200H97a5.800 5.800 0 0 0 5.800 5.800V97a5.800 5.800 0 0 0-5.800 5.800H23a5.800 5.800 0 0 0-5.800-5.800V23a5.800 5.800 0 0 0 5.800-5.800Z' stroke='%23d2b05c' stroke-width='1.200' stroke-opacity='.95'/></svg>")}
#inside .portal{border:30px solid transparent;border-image:var(--pf) 24 / 30px / 0 stretch;padding:12px 24px 16px;background:radial-gradient(ellipse 90% 55% at 50% 0,#22140a,#0e0805 70%) padding-box;box-shadow:none;filter:drop-shadow(0 30px 40px rgba(0,0,0,.9))}
#inside .portal::before{content:none}
@media (max-width:720px){#inside .portal{border-width:16px;border-image:var(--pf) 24 / 16px / 0 stretch;padding:8px 10px}}

/* ===== v10: header = a battle scene banner; emblem, actions and a bronze-framed captain's plate sit on it =====
   The picture is set here; point it at any wide game artwork (path is relative to this css file). */
#inside{--head-art:url("video/posters/02.jpg");--pf2:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' fill='none'><defs><linearGradient id='bz' x1='0' y1='0' x2='0' y2='1'><stop stop-color='%239a8040'/><stop offset='.5' stop-color='%234a3a16'/><stop offset='1' stop-color='%236e5826'/></linearGradient><linearGradient id='en' x1='0' y1='0' x2='0' y2='1'><stop stop-color='%2321150b'/><stop offset='1' stop-color='%23090503'/></linearGradient><filter id='pt' filterUnits='userSpaceOnUse' x='0' y='0' width='120' height='120'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' seed='5'/><feColorMatrix values='0 0 0 0 .05 0 0 0 0 .08 0 0 0 0 .04 0 0 0 1.5 -.55' result='g'/><feComposite in='g' in2='SourceAlpha' operator='in' result='gc'/><feMerge><feMergeNode in='SourceGraphic'/><feMergeNode in='gc'/></feMerge></filter></defs><path fill-rule='evenodd' d='M12 3H108a9 9 0 0 0 9 9V108a9 9 0 0 0-9 9H12a9 9 0 0 0-9-9V12a9 9 0 0 0 9-9ZM18 18V102H102V18Z' fill='url(%23bz)' stroke='%230b0703' stroke-width='1.5' filter='url(%23pt)'/><path d='M14 5H106' stroke='%23f6e6ae' stroke-opacity='.55'/><path d='M14 115H106' stroke='%23000' stroke-opacity='.55'/><path fill-rule='evenodd' d='M18 9H102a6 6 0 0 0 6 6V105a6 6 0 0 0-6 6H18a6 6 0 0 0-6-6V15a6 6 0 0 0 6-6ZM18 18V102H102V18Z' fill='url(%23en)' stroke='%230b0703' stroke-width='1.3'/><path d='M18 9.5H102' stroke='%23000' stroke-opacity='.8' stroke-width='2'/><rect x='17.200' y='17.200' width='85.600' height='85.600' stroke='%23d2b05c' stroke-width='1.200' stroke-opacity='.95'/></svg>")}
#inside .p-head{min-height:210px;padding:16px 26px;gap:26px;overflow:hidden;background:linear-gradient(90deg,rgba(8,4,2,.93) 0,rgba(8,4,2,.35) 24%,rgba(8,4,2,.1) 50%,rgba(8,4,2,.5) 72%,rgba(8,4,2,.95) 100%),linear-gradient(180deg,rgba(8,4,2,.25),rgba(8,4,2,0) 40%,rgba(8,4,2,.85)),var(--head-art) center 38%/cover no-repeat,#120b06;box-shadow:inset 0 0 60px 10px rgba(0,0,0,.85)}
#inside .p-logo{position:relative}
#inside .p-logo::before{content:"";position:absolute;inset:-34px;z-index:-1;background:radial-gradient(circle,rgba(240,140,40,.42),rgba(240,140,40,0) 68%)}
#inside .p-logo img{width:176px;height:176px;filter:drop-shadow(0 10px 14px #000)}
#inside .p-actions{gap:20px;filter:drop-shadow(0 14px 16px rgba(0,0,0,.9))}
#inside .btn-ember,#inside .btn-ember-dl{min-width:250px;min-height:88px}
#inside .btn-ember span{--sea-type-font:var(--font-display, 27.076923px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-display, 27.076923px)}
#inside .btn-ember small{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px)}
#inside .p-account{min-width:300px;padding:0 16px 12px;border:16px solid transparent;border-image:var(--pf2) 24 / 16px / 0 stretch;background:linear-gradient(180deg,rgba(26,16,9,.94),rgba(8,5,3,.94)) padding-box;box-shadow:none;filter:drop-shadow(0 14px 18px rgba(0,0,0,.9));gap:6px}
#inside .acc-name{margin:-4px -22px 4px;padding:12px 40px;background:var(--pq) center/100% 100% no-repeat;--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font:900 var(--font-subtitle, 18.461538px)/1.2 var(--fd);letter-spacing:.08em;text-align:center;color:#f3d98a;text-shadow:0 1px 0 #000,0 -1px 0 rgba(255,240,190,.22);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#inside .p-account dl{gap:0}
#inside .p-account dl div{align-items:center;min-height:30px;border-bottom:2px solid rgba(58,43,19,.7)}
#inside .p-account dl div:last-child{border-bottom:0}
#inside .p-account dt{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:500 var(--font-body, 16px) var(--fb);color:#b9a67c}
#inside .p-account dd{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-body, 16px) var(--fb);color:#f3d98a}
#inside .p-account a{text-decoration:none;color:#ffb070}
@media (max-width:1100px){#inside .p-head{min-height:0}#inside .p-logo img{width:130px;height:130px}#inside .btn-ember,#inside .btn-ember-dl{min-width:190px;min-height:76px}}
@media (max-width:720px){#inside .p-head{padding:14px 12px;background:linear-gradient(180deg,rgba(8,4,2,.55),rgba(8,4,2,.92)),var(--head-art) center/cover no-repeat}#inside .p-logo img{width:120px;height:120px}#inside .btn-ember,#inside .btn-ember-dl{min-width:0;min-height:66px}#inside .btn-ember span{--sea-type-font:var(--font-title, 22.153846px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-title, 22.153846px)}#inside .p-account{min-width:0;width:100%}}

/* ===== v11: header without a picture — drifting cannon smoke lit from below by fire, sparks rising ===== */
#inside{--smoke1:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='1400' height='420'><filter id='s' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='.006 .016' numOctaves='5' seed='11' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .62  0 0 0 0 .42  0 0 0 0 .28  0 0 0 2.6 -1.15'/></filter><rect width='1400' height='420' filter='url(%23s)'/></svg>");--smoke2:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='1100' height='420'><filter id='s' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='.011 .026' numOctaves='4' seed='37' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .95  0 0 0 0 .5  0 0 0 0 .18  0 0 0 2.2 -1.2'/></filter><rect width='1100' height='420' filter='url(%23s)'/></svg>")}
#inside .p-head{position:relative;isolation:isolate;background:radial-gradient(ellipse 46% 90% at 50% 118%,rgba(255,150,40,.6),rgba(200,70,10,.28) 45%,transparent 75%),radial-gradient(ellipse 22% 60% at 12% 115%,rgba(230,100,20,.4),transparent 70%),radial-gradient(ellipse 22% 60% at 88% 115%,rgba(230,100,20,.34),transparent 70%),linear-gradient(180deg,#070403,#1a0d06 70%,#2a1206);box-shadow:inset 0 0 70px 14px rgba(0,0,0,.9)}
#inside .p-head::before,#inside .p-head::after{content:"";position:absolute;inset:0;top:0;left:0;right:0;width:auto;height:auto;z-index:-1;transform:none;filter:none;pointer-events:none}
#inside .p-head::before{background:var(--smoke1) 0 50%/1400px 100% repeat-x;opacity:.55;animation:pSmoke 90s linear infinite}
#inside .p-head::after{background:var(--smoke2) 0 50%/1100px 100% repeat-x,radial-gradient(circle,#ffd27a 0,rgba(255,150,40,0) 70%) 18% 70%/5px 5px no-repeat,radial-gradient(circle,#ffd27a 0,rgba(255,150,40,0) 70%) 31% 34%/4px 4px no-repeat,radial-gradient(circle,#ffb04a 0,rgba(255,150,40,0) 70%) 44% 82%/6px 6px no-repeat,radial-gradient(circle,#ffd27a 0,rgba(255,150,40,0) 70%) 58% 22%/4px 4px no-repeat,radial-gradient(circle,#ffb04a 0,rgba(255,150,40,0) 70%) 67% 62%/5px 5px no-repeat,radial-gradient(circle,#ffd27a 0,rgba(255,150,40,0) 70%) 79% 40%/4px 4px no-repeat;opacity:.5;mix-blend-mode:screen;animation:pSmoke2 60s linear infinite}
@keyframes pSmoke{to{background-position:1400px 50%}}
@keyframes pSmoke2{to{background-position:-1100px 50%,18% 70%,31% 34%,44% 82%,58% 22%,67% 62%,79% 40%}}
@media (max-width:720px){#inside .p-head{background:radial-gradient(ellipse 90% 60% at 50% 115%,rgba(255,150,40,.5),transparent 75%),linear-gradient(180deg,#070403,#1a0d06 70%,#2a1206)}}
@media (prefers-reduced-motion:reduce){#inside .p-head::before,#inside .p-head::after{animation:none!important}}

/* ===== v12: My account sits to the right of the slider; the three lists form the row below ===== */
#inside .view-home{grid-template-columns:repeat(3,minmax(0,1fr))}
#inside .view-home > .slider{grid-column:1/3;min-height:0;height:100%}
#inside .view-home > .captain{grid-column:3;grid-row:1}
#inside .slide-caption{padding:40px 24px 28px;gap:14px}
#inside .slide-caption h2{--sea-type-font:var(--font-display, 27.076923px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-display, 27.076923px)}
#inside .slide-caption p{--sea-type-font:var(--font-caption, 13.538462px);--sea-type-min:10.153846px;--sea-type-scale:1;font-size:var(--font-caption, 13.538462px)}
#inside .slide-caption .btn-small-gold{min-width:0;width:100%}
@media (max-width:1100px){#inside .view-home{grid-template-columns:repeat(2,minmax(0,1fr))}#inside .view-home > .slider{grid-column:1/-1;min-height:400px}#inside .view-home > .captain{grid-column:auto;grid-row:auto}}
@media (max-width:720px){#inside .view-home{grid-template-columns:1fr}#inside .view-home > .slider{min-height:0;height:auto}}

/* ===== v13: slider = one cinematic picture in the bronze frame; story at lower left, round bronze arrows lower right, ember diamonds as steps ===== */
#inside .view-home > .slider{position:relative;overflow:hidden;min-height:440px;border:18px solid transparent;border-image:var(--pf) 24 / 18px / 0 stretch;border-radius:0;background:#000 padding-box;box-shadow:none;filter:drop-shadow(0 20px 26px rgba(0,0,0,.85))}
#inside .slide-img{inset:0;right:0;width:100%;height:100%;object-fit:cover;animation:pKen 22s ease-in-out infinite alternate}
@keyframes pKen{from{transform:scale(1)}to{transform:scale(1.08) translate(-1.2%,-1%)}}
#inside .slide-caption{inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:10px;padding:34px 150px 58px 38px;text-align:left;background:linear-gradient(90deg,rgba(6,3,1,.9) 0,rgba(6,3,1,.55) 38%,rgba(6,3,1,0) 68%),linear-gradient(180deg,rgba(6,3,1,0) 45%,rgba(6,3,1,.92) 100%)}
#inside .slide-count{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:900 var(--font-body, 16px)/1 var(--fd);letter-spacing:.3em;color:#ff9a4a;text-shadow:0 0 12px rgba(240,120,30,.7),0 1px 2px #000}
#inside .slide-caption h2{max-width:560px;font:900 clamp(26px,2.6vw,40px)/1.1 var(--fd);letter-spacing:.04em;text-transform:uppercase;color:#f4e8cc;text-shadow:0 3px 10px #000,0 0 30px rgba(0,0,0,.8)}
#inside .slide-caption p{max-width:500px;--sea-type-font:var(--font-caption, 13.538462px);--sea-type-min:10.153846px;--sea-type-scale:1;font:400 var(--font-caption, 13.538462px)/1.5 var(--fs);color:#e6d8b8;text-shadow:0 1px 4px #000}
#inside .slide-caption .btn-small-gold{align-self:flex-start;width:auto;min-width:210px;min-height:52px;margin-top:10px;background:linear-gradient(180deg,#f6e09a,#6f5318)}
#inside .slide-arrow,#inside .slide-arrow.prev,#inside .slide-arrow.next{top:auto;bottom:22px;left:auto;width:52px;height:52px;margin:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9a8040,#4a3a16 55%,#241a08);box-shadow:0 0 0 2px #0c0704,0 0 0 4px #8a6f30,0 6px 10px rgba(0,0,0,.85);color:#fff3d6;--sea-type-font:initial;font:700 28px/1 var(--fb);text-shadow:0 1px 2px #000;transition:filter .25s}
#inside .slide-arrow.prev{right:92px}
#inside .slide-arrow.next{right:26px}
#inside .slide-arrow:hover{background:radial-gradient(circle at 35% 30%,#ffb04a,#c8500f 55%,#5a1c04);color:#fff;filter:drop-shadow(0 0 10px rgba(240,120,30,.7))}
#inside .slider-dots{left:38px;right:auto;bottom:24px;width:auto;justify-content:flex-start;gap:14px}
#inside .slider-dots button{width:12px;height:12px;background:#3a2b13;box-shadow:0 0 0 2px #0c0704,0 0 0 3px #8a6f30;transform:rotate(45deg);transition:background .25s,box-shadow .25s}
#inside .slider-dots button[aria-current="true"],#inside .slider-dots button.on,#inside .slider-dots button[aria-selected="true"]{background:#ff8a2a;box-shadow:0 0 0 2px #0c0704,0 0 0 3px #f6e09a,0 0 14px 3px rgba(240,120,30,.8)}
@media (max-width:1100px){#inside .view-home > .slider{min-height:400px}}
@media (max-width:720px){#inside .view-home > .slider{display:block;min-height:420px;border-width:12px;border-image:var(--pf) 24 / 12px / 0 stretch}#inside .slide-img{position:absolute;height:100%}#inside .slide-caption{position:absolute;padding:20px 18px 86px;background:linear-gradient(180deg,rgba(6,3,1,.1) 20%,rgba(6,3,1,.95) 78%)}#inside .slide-caption h2{--sea-type-font:var(--font-display, 27.076923px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-display, 27.076923px)}#inside .slide-arrow,#inside .slide-arrow.prev,#inside .slide-arrow.next{top:auto;bottom:16px;width:46px;height:46px}#inside .slider-dots{left:18px;bottom:30px;width:auto}#inside .slider-dots button{width:10px;height:10px}}
@media (prefers-reduced-motion:reduce){#inside .slide-img{animation:none!important}}

/* ===== v14: frames, buttons, plaques, bars and markers from the dark-fantasy UI kit (folder ui-kit/, next to this css) ===== */
#inside{--kf:url("ui-kit/frame-9slice.png");--kfa:url("ui-kit/frame-9slice-active.png");--kb:url("ui-kit/button-default.png");--kbh:url("ui-kit/button-hover.png");--kbo:url("ui-kit/button-orange.png");--kbg:url("ui-kit/button-green.png");--ktp:url("ui-kit/title-plaque.png")}
/* frames */
#inside .portal{border:30px solid transparent;border-image:var(--kfa) 52 / 30px / 0 stretch;padding:4px 10px 8px;background:radial-gradient(ellipse 90% 55% at 50% 0,#1c1208,#0b0705 70%) border-box;filter:drop-shadow(0 30px 40px rgba(0,0,0,.9))}
#inside .tile,#inside .captain,#inside .sheet,#inside .gazette,#inside .dl,#inside .view-wiki,#inside .p-account{border:24px solid transparent;border-image:var(--kf) 52 / 24px / 0 stretch;border-radius:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,#1d150a,#0b0805 80%) border-box;box-shadow:0 18px 30px rgba(0,0,0,.65);filter:none}
#inside .view-home > .slider{border:26px solid transparent;border-image:var(--kfa) 52 / 26px / 0 stretch;background:#000 border-box}
#inside .slide-img{inset:-22px;width:calc(100% + 44px);height:calc(100% + 44px)}
#inside .slide-caption{inset:-22px;padding:34px 150px 74px 52px}
#inside .captain{padding:2px 4px 2px}
#inside .tile{padding:0;overflow:visible}
#inside .sheet,#inside .gazette,#inside .dl{overflow:visible;padding-bottom:6px}
#inside .p-account{padding:0 4px 2px}
/* plaques */
#inside .tile-head{min-height:52px;margin:-30px 4px 6px;padding:6px 40px;background:var(--ktp) center/100% 100% no-repeat}
#inside .acc-name{margin:-2px -10px 6px;padding:13px 38px;background:var(--ktp) center/100% 100% no-repeat}
#inside .sheet-head,#inside .gazette-head,#inside .dl-head{background:none;box-shadow:none}
#inside .gazette-head::after,#inside .dl-head::after{content:"";display:block;height:16px;margin-top:14px;background:url("ui-kit/flourish.png") center/80px 16px no-repeat}
#inside .ranking{padding:6px 2px 4px}
#inside .latest-news{padding:8px 8px 4px}
#inside #latestNewsMore{margin:6px 8px 8px}
/* buttons: kit bars, ends kept sharp at any width */
#inside .btn-ember,#inside .btn-ember-dl,#inside .nav-btn,#inside .nav-exit,#inside .btn-small,#inside .btn-small-gold,#inside .slide-caption .btn-small-gold,#inside .sheet-tabs button,#inside .gazette-tabs button{clip-path:none;border-style:solid;border-color:transparent;border-width:0 34px;border-image:var(--kb) 0 68 fill / 0 34px / 0 stretch;background:none;padding:0 6px;color:#f3d98a;text-shadow:0 1px 2px #000;filter:drop-shadow(0 5px 6px rgba(0,0,0,.75))}
#inside .btn-ember::before,#inside .btn-ember-dl::before,#inside .nav-btn::before,#inside .nav-exit::before,#inside .btn-small::before,#inside .btn-small-gold::before,#inside .sheet-tabs button::before,#inside .gazette-tabs button::before{content:none}
#inside .nav-btn:hover,#inside .btn-small:hover,#inside .sheet-tabs button:hover,#inside .gazette-tabs button:hover,#inside .btn-ember-dl:hover{border-image-source:var(--kbh);background:none;color:#fff3d6;filter:drop-shadow(0 5px 6px rgba(0,0,0,.75))}
#inside .btn-ember:not(.btn-ember-dl),#inside .nav-btn[aria-current="page"],#inside .btn-small-gold,#inside .slide-caption .btn-small-gold,#inside .sheet-tabs button[aria-selected="true"],#inside .gazette-tabs button[aria-selected="true"]{border-image-source:var(--kbo);background:none;color:#fff3d6;filter:drop-shadow(0 5px 6px rgba(0,0,0,.75))}
#inside .btn-ember-dl{border-image-source:var(--kbg)}
#inside .btn-ember:hover,#inside .btn-small-gold:hover{background:none;filter:brightness(1.2) drop-shadow(0 0 12px rgba(240,130,30,.5))}
#inside .nav-exit{color:#e8c9a0;filter:drop-shadow(0 5px 6px rgba(0,0,0,.75))}
#inside .btn-ember,#inside .btn-ember-dl{border-width:0 48px;border-image-width:0 48px;min-width:250px;min-height:92px}
#inside .btn-ember span{color:#fff3d6}
#inside .nav-btn,#inside .nav-exit{min-height:50px}
#inside .p-nav{background:none;box-shadow:none;padding:6px 0}
/* bar + markers */
#inside .meter{height:16px;border-radius:0;background:#0a0705;box-shadow:0 0 0 1px #8a6f30,0 0 0 3px #0c0704}
#inside .meter > span{border-radius:0;background:url("ui-kit/bar-fill-orange.png") left center/auto 100% repeat-x;box-shadow:0 0 10px rgba(240,130,30,.7)}
#inside .slider-dots{left:52px;bottom:28px;gap:8px}
#inside .slider-dots button{width:22px;height:22px;background:url("ui-kit/diamond-dark.png") center/contain no-repeat;box-shadow:none;transform:none}
#inside .slider-dots button[aria-current="true"],#inside .slider-dots button.on,#inside .slider-dots button[aria-selected="true"]{background:url("ui-kit/diamond-gold-solid.png") center/contain no-repeat;box-shadow:none;filter:drop-shadow(0 0 6px rgba(240,170,40,.9))}
#inside .slide-arrow,#inside .slide-arrow.prev,#inside .slide-arrow.next{bottom:30px;width:50px;height:50px;border-radius:0;background:url("ui-kit/diamond-dark.png") center/contain no-repeat;box-shadow:none;--sea-type-font:initial;font-size:0;color:transparent}
#inside .slide-arrow.prev{right:104px}#inside .slide-arrow.next{right:44px}
#inside .slide-arrow::after{content:"";position:absolute;inset:14px;background:url("ui-kit/chevron-left.png") center/contain no-repeat}
#inside .slide-arrow.next::after{background-image:url("ui-kit/chevron-right.png")}
#inside .slide-arrow:hover{background:url("ui-kit/diamond-gold.png") center/contain no-repeat;filter:drop-shadow(0 0 8px rgba(240,170,40,.8))}
#inside .cc-rank{padding:14px;border-radius:50%;background:url("ui-kit/ring-frame.png") center/100% 100% no-repeat,radial-gradient(circle,#2a1c0c,#0c0704 68%);box-shadow:none;width:88px;height:88px}
#inside .chip{clip-path:none;padding:5px 14px;background:url("ui-kit/chip.png") center/100% 100% no-repeat;color:#e8d9b0}
#inside .chip.on,#inside .chip.ok{background:url("ui-kit/chip-active.png") center/100% 100% no-repeat;color:#fff3d6}
@media (max-width:720px){#inside .portal{border-width:18px;border-image:var(--kfa) 52 / 18px / 0 stretch;padding:2px 2px 4px}#inside .tile,#inside .captain,#inside .sheet,#inside .gazette,#inside .dl,#inside .p-account{border-width:18px;border-image:var(--kf) 52 / 18px / 0 stretch}#inside .view-home > .slider{border-width:18px;border-image:var(--kfa) 52 / 18px / 0 stretch}#inside .slide-caption{padding:20px 30px 96px}#inside .btn-ember,#inside .btn-ember-dl{min-width:0;min-height:66px;border-width:0 28px;border-image-width:0 28px}#inside .tile-head{margin-top:-24px}}

/* ===== v15: My account gets the same plaque title as the list cards ===== */
#inside .captain{position:relative;overflow:visible;padding-top:36px}
#inside .captain .cc-head,#inside .captain .cc-id{position:static}
#inside .captain .cc-kicker{position:absolute;top:-30px;left:4px;right:4px;display:flex;align-items:center;justify-content:center;min-height:52px;margin:0;padding:6px 40px;background:var(--ktp) center/100% 100% no-repeat;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:900 var(--font-body, 16px)/1.15 var(--fd);letter-spacing:.14em;text-transform:uppercase;text-align:center;color:#f3d98a;text-shadow:0 1px 0 #000,0 -1px 0 rgba(255,240,190,.22);filter:drop-shadow(0 7px 8px rgba(0,0,0,.8))}
@media (max-width:720px){#inside .captain .cc-kicker{top:-24px}}

/* ===== v16: calmer top block — clean header, roomy buttons, plain account text, unframed menu with an ember marker ===== */
#inside .p-head{min-height:0;padding:18px 20px 22px;gap:30px;overflow:visible;isolation:auto;background:radial-gradient(ellipse 42% 120% at 50% 130%,rgba(224,100,25,.3),transparent 70%);box-shadow:none}
#inside .p-head::before,#inside .p-head::after{content:none;animation:none}
#inside .p-logo img{width:150px;height:150px}
#inside .p-logo::before{inset:-20px;background:radial-gradient(circle,rgba(240,140,40,.3),rgba(240,140,40,0) 68%)}
#inside .p-actions{gap:26px;filter:none}
#inside .btn-ember,#inside .btn-ember-dl{min-width:330px;min-height:96px;border-width:0 52px;border-image-width:0 52px;gap:6px}
#inside .btn-ember > *{margin:0 -34px;white-space:nowrap}
#inside .btn-ember span{--sea-type-font:var(--font-display, 27.076923px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-display, 27.076923px);letter-spacing:.14em}
#inside .btn-ember small{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px);letter-spacing:.34em;color:#d9c79c}
#inside .p-account{min-width:250px;padding:0;border:0;border-image:none;background:none;box-shadow:none;filter:none;gap:8px;text-align:right}
#inside .acc-name{margin:0;padding:0 0 8px;background:url("ui-kit/divider.png") right bottom/220px 8px no-repeat;--sea-type-font:var(--font-title, 22.153846px);--sea-type-min:12px;--sea-type-scale:1;font:900 var(--font-title, 22.153846px)/1.2 var(--fd);letter-spacing:.06em;text-align:right;color:#f3d98a;white-space:normal;overflow:visible}
#inside .p-account dl div{min-height:26px;border:0}
#inside .p-account dt{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px);color:#a8946a}
#inside .p-account dd{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px);color:#f4e8cc}
/* balance row */
#inside .p-cur{margin-top:0;background:rgba(0,0,0,.38);box-shadow:none}
#inside .cur{min-height:48px}
#inside .cur + .cur::before{top:16px;bottom:16px;width:2px;background:#3a2b13}
#inside .cur-server{background:none}
/* menu: words only */
#inside .p-nav{display:flex;flex-wrap:nowrap;gap:0;margin-top:0;padding:0 8px;background:linear-gradient(180deg,#1a1109,#0a0604);box-shadow:0 14px 18px -8px rgba(0,0,0,.8)}
#inside .nav-btn,#inside .nav-exit{position:relative;flex:1 1 0;width:auto;min-width:0;min-height:62px;padding:0 6px;border:0;border-image:none;background:none;color:#cfae62;--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-subtitle, 18.461538px)/1 var(--fd);letter-spacing:.14em;text-shadow:0 2px 3px #000;filter:none;transition:color .25s,background .25s}
#inside .nav-btn span{overflow:visible;text-overflow:clip}
#inside .nav-btn::before,#inside .nav-exit::before{content:"";position:absolute;left:50%;bottom:-8px;width:16px;height:16px;margin-left:-8px;background:url("ui-kit/diamond-gold-solid.png") center/contain no-repeat;opacity:0;transform:scale(.4);transition:opacity .25s,transform .25s;filter:drop-shadow(0 0 6px rgba(240,150,40,.9))}
#inside .nav-btn::after{content:none}
#inside .nav-btn:hover,#inside .nav-exit:hover{border-image:none;background:radial-gradient(ellipse 55% 75% at 50% 110%,rgba(224,100,25,.3),transparent 72%);color:#fff3d6;filter:none}
#inside .nav-btn[aria-current="page"]{border-image:none;background:radial-gradient(ellipse 60% 90% at 50% 112%,rgba(255,140,40,.6),rgba(224,89,30,.2) 50%,transparent 76%);color:#fff;text-shadow:0 0 14px rgba(255,150,50,.8),0 2px 3px #000;filter:none}
#inside .nav-btn[aria-current="page"]::before{opacity:1;transform:none}
#inside .nav-exit{color:#b8946a}
#inside .p-body{margin-top:44px}
@media (max-width:1100px){#inside .btn-ember,#inside .btn-ember-dl{min-width:240px;min-height:80px}#inside .btn-ember span{--sea-type-font:var(--font-title, 22.153846px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-title, 22.153846px)}#inside .nav-btn,#inside .nav-exit{--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-subtitle, 18.461538px);letter-spacing:.08em}#inside .p-account{text-align:left}#inside .acc-name{text-align:left;background-position:left bottom}}
@media (max-width:720px){#inside .p-head{padding:12px 6px 16px}#inside .p-logo img{width:110px;height:110px}#inside .p-actions{gap:10px}#inside .btn-ember,#inside .btn-ember-dl{min-width:0;min-height:66px;border-width:0 30px;border-image-width:0 30px}#inside .btn-ember > *{margin:0 -18px}#inside .btn-ember span{--sea-type-font:var(--font-title, 22.153846px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-title, 22.153846px);letter-spacing:.08em}#inside .btn-ember small{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px);letter-spacing:.2em}#inside .p-nav{flex-wrap:wrap;padding:0}#inside .nav-btn,#inside .nav-exit{flex:1 1 25%;min-height:48px;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px)}#inside .nav-btn::before,#inside .nav-exit::before{bottom:-4px;width:10px;height:10px;margin-left:-5px}#inside .p-body{margin-top:26px}}

/* ===== v17: menu reads as buttons — solid raised tabs with icons (still no outline frames), the open one is lit ember ===== */
#inside .p-nav{gap:6px;padding:10px 0 0;background:none;box-shadow:inset 0 -4px 0 #e0591e}
#inside .nav-btn,#inside .nav-exit{min-height:56px;gap:10px;padding:0 10px;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%,0 14px);background:linear-gradient(180deg,#3a2812,#1f150a 55%,#150d07);color:#e8c97a;--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-subtitle, 18.461538px);letter-spacing:.12em;cursor:pointer}
#inside .nav-btn .nav-ico{display:block;flex:none;width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;opacity:.9}
#inside .nav-btn::before,#inside .nav-exit::before{content:none}
#inside .nav-btn:hover,#inside .nav-exit:hover{background:linear-gradient(180deg,#5a3c16,#2e1e0c 55%,#1c1209);color:#fff3d6}
#inside .nav-btn[aria-current="page"]{min-height:62px;margin-top:-6px;background:linear-gradient(180deg,#ff9a3a,#e0591e 45%,#a8380c);color:#fff;text-shadow:0 2px 3px rgba(60,15,0,.9)}
#inside .nav-exit{flex:0 1 150px;background:linear-gradient(180deg,#2a1a14,#170e0a);color:#d9a58a}
@media (max-width:1100px){#inside .nav-btn .nav-ico{display:none}}
@media (max-width:720px){#inside .p-nav{box-shadow:none;gap:4px}#inside .nav-btn,#inside .nav-exit{flex:1 1 calc(33% - 4px);min-height:46px;clip-path:none}#inside .nav-btn[aria-current="page"]{min-height:46px;margin-top:0}}

/* v18: no gauge under Elite points */
#inside .meter{display:none}
#inside .cc-elite{padding-bottom:7px}

/* ===== v19: menu without icons — one continuous bar, each item a gradient that fades into its neighbours; the open one glows ember ===== */
#inside .p-nav{gap:0;padding:0;margin-top:8px;background:linear-gradient(90deg,#0a0604,#2e1e0c 12%,#3a2812 50%,#2e1e0c 88%,#0a0604);box-shadow:inset 0 10px 14px -8px rgba(255,200,120,.14),inset 0 -12px 16px -8px rgba(0,0,0,.8),0 12px 18px -8px rgba(0,0,0,.8)}
#inside .nav-btn .nav-ico{display:none}
#inside .nav-btn,#inside .nav-exit,#inside .nav-btn[aria-current="page"]{flex:1 1 0;min-height:60px;margin:0;padding:0 8px;clip-path:none;background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,0) 22%,rgba(0,0,0,0) 78%,rgba(0,0,0,.42));color:#e8c97a;--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-subtitle, 18.461538px);letter-spacing:.14em;transition:background .3s,color .3s}
#inside .nav-btn:hover,#inside .nav-exit:hover{background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(224,100,25,.3) 30%,rgba(240,130,40,.42) 50%,rgba(224,100,25,.3) 70%,rgba(0,0,0,.42));color:#fff3d6}
#inside .nav-btn[aria-current="page"]{background:linear-gradient(90deg,rgba(0,0,0,.42),#c8480f 24%,#ff9a3a 50%,#c8480f 76%,rgba(0,0,0,.42));color:#fff;text-shadow:0 2px 3px rgba(60,15,0,.9)}
#inside .nav-exit{color:#d9a58a}
@media (max-width:720px){#inside .p-nav{flex-wrap:wrap}#inside .nav-btn,#inside .nav-exit,#inside .nav-btn[aria-current="page"]{flex:1 1 33%;min-height:46px;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px)}}

/* ===== v20: the side chains pay out as the page scrolls, an iron anchor on each end — like dropping anchor ===== */
#inside{--anc:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 172'><defs><linearGradient id='i' x1='0' y1='0' x2='1' y2='1'><stop stop-color='%236a625a'/><stop offset='.45' stop-color='%23302b27'/><stop offset='1' stop-color='%23141210'/></linearGradient><filter id='r' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='4'/><feColorMatrix values='0 0 0 0 .42 0 0 0 0 .2 0 0 0 0 .08 0 0 0 1.6 -.75'/><feComposite in2='SourceAlpha' operator='in'/><feMerge><feMergeNode in='SourceGraphic'/><feMergeNode/></feMerge></filter></defs><g filter='url(%23r)' stroke='url(%23i)' fill='url(%23i)' stroke-linecap='round' stroke-linejoin='round'><circle cx='60' cy='17' r='11' fill='none' stroke-width='7'/><rect x='53.500' y='27' width='13' height='120' rx='3' stroke='none'/><rect x='28' y='42' width='64' height='10' rx='5' stroke='none'/><path d='M13 108C17 148 44 162 60 162C76 162 103 148 107 108' fill='none' stroke-width='13'/><path d='M13 98L1 126L27 122Z' stroke-width='3'/><path d='M107 98L119 126L93 122Z' stroke-width='3'/></g></svg>")}
#inside::before,#inside::after{top:0;bottom:auto;width:110px;height:96vh;padding-bottom:138px;box-sizing:border-box;background:var(--anc) center bottom/100px 143px no-repeat padding-box,var(--pc) center bottom/58px auto repeat-y content-box;filter:drop-shadow(8px 6px 10px #000);opacity:1}
#inside::before{left:calc(50% - 796px)}#inside::after{right:calc(50% - 796px)}
@supports (animation-timeline:scroll()){
#inside::before,#inside::after{height:30vh;animation:pAnchor linear both;animation-timeline:scroll(root block)}
#inside::after{animation-name:pAnchorR}
@keyframes pAnchor{to{height:96vh}}
@keyframes pAnchorR{from{height:26vh}to{height:96vh}}
}
@media (max-width:1560px){#inside::before,#inside::after{content:none}}

/* ===== v21: menu = a recessed rail of solid pointed keys (our button shape, no outline); the open key is hot iron ===== */
#inside .p-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:10px;padding:9px 12px;background:linear-gradient(180deg,#050302,#120b06);box-shadow:inset 0 4px 10px #000,inset 0 -1px 0 rgba(255,210,140,.08)}
#inside .nav-btn,#inside .nav-exit,#inside .nav-btn[aria-current="page"]{flex:none;width:100%;min-height:50px;margin:0;padding:0 22px;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,18px 100%,0 50%);background:linear-gradient(180deg,#7a5a2a 0,#4a3418 7%,#2c1e0e 52%,#1b1209 100%);color:#f0d48c;--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-subtitle, 18.461538px)/1 var(--fd);letter-spacing:.14em;text-shadow:0 2px 2px #000;transition:background .25s,color .25s}
#inside .nav-btn:hover,#inside .nav-exit:hover{background:linear-gradient(180deg,#b08a44 0,#6e4e22 7%,#44300f 52%,#2a1c0c 100%);color:#fff3d6}
#inside .nav-btn[aria-current="page"]{background:linear-gradient(180deg,#ffd08a 0,#f58a2c 8%,#d9531a 52%,#8f2c08 100%);color:#fff;text-shadow:0 2px 2px rgba(70,20,0,.95)}
#inside .nav-exit{background:linear-gradient(180deg,#5a4038 0,#3a2620 7%,#231612 52%,#160d0a 100%);color:#e0b8a0}
@media (max-width:1100px){#inside .p-nav{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:720px){#inside .p-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}#inside .nav-btn,#inside .nav-exit,#inside .nav-btn[aria-current="page"]{min-height:46px;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px)}#inside .nav-exit{grid-column:1/-1}}

/* v22: room at the foot of the page so the sea does not cover the footer */
#inside{padding-bottom:130px}
@media (max-width:719px){#inside{padding-bottom:0}}

/* v23: lower sea; faint burgundy behind the whole menu */
#inside{padding-bottom:92px}
@media (max-width:719px){#inside{padding-bottom:0}}
#inside .p-nav{background:linear-gradient(180deg,#1c090c,#3a141b 50%,#1a080a);box-shadow:inset 0 4px 10px rgba(0,0,0,.85),inset 0 -1px 0 rgba(255,170,150,.08)}

/* ===== v24: treasury strip + menu bar, redesigned as one calm block =====
   treasury: gold and pearls as coin medallions with the amount beside them, server switch as a real button at the right
   menu: one solid burgundy bar, words in equal cells, small diamonds between them, the open page is an ember cell with a pointer */
#inside .p-cur{display:flex;align-items:center;gap:34px;margin:6px 0 0;padding:10px 6px 14px;background:none;box-shadow:none}
#inside .cur{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;justify-content:start;column-gap:14px;row-gap:2px;min-height:0;padding:0;background:none}
#inside .cur + .cur{box-shadow:none}
#inside .cur + .cur::before{content:none}
#inside .cur img{grid-row:1/3;width:54px;height:54px;padding:11px;border-radius:50%;object-fit:contain;background:radial-gradient(circle at 35% 30%,#3a2412,#0c0704 72%);box-shadow:0 0 0 2px #8a6f30,0 0 0 4px #0c0704,0 6px 10px rgba(0,0,0,.7)}
#inside .cur-label{align-self:end;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-body, 16px)/1 var(--fb);letter-spacing:.3em;text-transform:uppercase;color:#b9a67c}
#inside .cur-label.pearl{color:#9fc9d2}
#inside .cur-val{align-self:start;--sea-type-font:var(--font-title, 22.153846px);--sea-type-min:12px;--sea-type-scale:1;font:900 var(--font-title, 22.153846px)/1 var(--fd);letter-spacing:.04em;color:#f3d98a;font-variant-numeric:tabular-nums;text-shadow:0 2px 3px #000}
#inside .cur-label.pearl + .cur-val{color:#d6eef2}
#inside .cur-server{display:block;margin-left:auto;position:relative}
#inside .srv-btn{min-height:50px;gap:10px;padding:0 4px;border-style:solid;border-color:transparent;border-width:0 34px;border-image:var(--kb) 0 68 fill / 0 34px / 0 stretch;background:none;color:#f3d98a;--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-subtitle, 18.461538px)/1 var(--fd);letter-spacing:.12em;filter:drop-shadow(0 5px 6px rgba(0,0,0,.75))}
#inside .srv-btn:hover{border-image-source:var(--kbh);color:#fff3d6}
#inside .srv-btn img{grid-row:auto;width:24px;height:24px;padding:0;border-radius:0;background:none;box-shadow:none}
#inside .p-nav{display:flex;flex-wrap:nowrap;gap:0;margin-top:0;padding:0;background:linear-gradient(180deg,#5a1f29 0,#431620 10%,#32101a 55%,#1f0a10 100%);box-shadow:inset 0 1px 0 rgba(255,190,170,.22),inset 0 -3px 0 rgba(0,0,0,.45),0 12px 20px -6px rgba(0,0,0,.85)}
#inside .nav-btn,#inside .nav-exit,#inside .nav-btn[aria-current="page"]{position:relative;flex:1 1 0;width:auto;min-width:0;min-height:60px;margin:0;padding:0 10px;clip-path:none;border:0;border-image:none;background:none;color:#f0d9a6;--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-subtitle, 18.461538px)/1 var(--fd);letter-spacing:.14em;text-shadow:0 2px 2px rgba(20,0,4,.9);transition:background .25s,color .25s}
#inside .nav-btn + .nav-btn::before,#inside .nav-btn + .nav-exit::before{content:"";position:absolute;left:-7px;top:50%;width:14px;height:14px;margin-top:-7px;background:url("ui-kit/diamond-gold.png") center/contain no-repeat;opacity:.75;transform:none;filter:none}
#inside .nav-btn:hover,#inside .nav-exit:hover{background:linear-gradient(180deg,rgba(255,170,120,.2),rgba(255,120,60,.08));color:#fff}
#inside .nav-btn[aria-current="page"]{background:linear-gradient(180deg,#ffb45a 0,#f07a22 12%,#d04f12 60%,#a8380c 100%);color:#fff;text-shadow:0 2px 2px rgba(70,20,0,.95)}
#inside .nav-btn[aria-current="page"]::after{content:"";position:absolute;left:50%;top:100%;width:22px;height:11px;margin-left:-11px;background:#a8380c;clip-path:polygon(0 0,100% 0,50% 100%)}
#inside .nav-btn[aria-current="page"]::before,#inside .nav-btn[aria-current="page"] + .nav-btn::before,#inside .nav-btn[aria-current="page"] + .nav-exit::before{content:none}
#inside .nav-exit{flex:0 1 150px;color:#e0b0a0}
@media (max-width:1100px){#inside .nav-btn,#inside .nav-exit,#inside .nav-btn[aria-current="page"]{--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-subtitle, 18.461538px);letter-spacing:.08em}#inside .cur img{width:46px;height:46px;padding:9px}#inside .cur-val{--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-subtitle, 18.461538px)}}
@media (max-width:720px){#inside .p-cur{flex-wrap:wrap;gap:14px 22px;justify-content:center}#inside .cur-server{margin:0;flex:1 1 100%;text-align:center}#inside .srv-btn{margin:0 auto}#inside .p-nav{flex-wrap:wrap}#inside .nav-btn,#inside .nav-exit,#inside .nav-btn[aria-current="page"]{flex:1 1 33%;min-height:46px;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px)}#inside .nav-btn + .nav-btn::before,#inside .nav-btn + .nav-exit::before,#inside .nav-btn[aria-current="page"]::after{content:none}}

/* ===== v25: top block rebuilt — row 1: treasury capsules | emblem | captain; row 2: menu words with PLAY as the centre piece ===== */
#inside .portal{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:26px;align-items:center}
#inside .portal > *{grid-column:1/-1;min-width:0}
#inside .p-head,#inside .p-actions{display:contents}
/* row 1 */
#inside .p-cur{grid-column:1;grid-row:1;justify-self:start;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:0;background:none;box-shadow:none}
#inside .cur{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:10px;row-gap:3px;align-items:center;min-height:54px;padding:6px 22px 6px 8px;border-radius:999px;background:linear-gradient(180deg,#140c07,#070403);box-shadow:inset 0 0 0 2px #2a1f0e,0 6px 12px rgba(0,0,0,.6)}
#inside .cur img{grid-column:1;grid-row:1/3;width:40px;height:40px;padding:6px;border-radius:50%;background:radial-gradient(circle,#2a1c0c,#0c0704 70%);box-shadow:none}
#inside .cur-val{grid-column:2;grid-row:1;align-self:end;--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-subtitle, 18.461538px)/1 var(--fb);letter-spacing:.02em;color:#f4e8cc;text-shadow:none}
#inside .cur-label,#inside .cur-label.pearl{grid-column:2;grid-row:2;align-self:start;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-body, 16px)/1 var(--fb);letter-spacing:.24em;color:#a8946a}
#inside .cur-label.pearl + .cur-val{color:#f4e8cc}
#inside .cur-server{display:block;margin:0;padding:0;min-height:0;background:none;box-shadow:none;border-radius:0}
#inside .srv-btn{min-height:54px;gap:10px;padding:0 20px 0 10px;border:0;border-image:none;border-radius:999px;background:linear-gradient(180deg,#140c07,#070403);box-shadow:inset 0 0 0 2px #2a1f0e,0 6px 12px rgba(0,0,0,.6);color:#d8c9ab;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-body, 16px)/1 var(--fb);letter-spacing:.2em;filter:none}
#inside .srv-btn:hover{border-image:none;box-shadow:inset 0 0 0 2px #8a6f30,0 6px 12px rgba(0,0,0,.6);color:#fff3d6}
#inside .srv-btn img{grid-row:auto;width:34px;height:34px;padding:0;background:none}
#inside .p-logo{grid-column:2;grid-row:1;justify-self:center;margin:6px 0 2px}
#inside .p-logo img{width:132px;height:132px}
#inside .p-account{grid-column:3;grid-row:1;justify-self:end;min-width:0;text-align:right;gap:8px}
#inside .acc-name{padding:0;background:none;--sea-type-font:var(--font-title, 22.153846px);--sea-type-min:12px;--sea-type-scale:1;font:900 var(--font-title, 22.153846px)/1.1 var(--fd);color:#f4e8cc}
#inside .p-account dl{display:flex;justify-content:flex-end;gap:8px}
#inside .p-account dl div{display:flex;gap:7px;align-items:center;min-height:30px;padding:0 12px;border:0;border-radius:999px;background:#0c0704;box-shadow:inset 0 0 0 2px #2a1f0e}
#inside .p-account dt{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-body, 16px)/1 var(--fb);letter-spacing:.16em;text-transform:uppercase;color:#a8946a}
#inside .p-account dd{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-body, 16px)/1 var(--fb);color:#f3d98a}
#inside #dlClientBtn{grid-column:3;grid-row:1;justify-self:start;align-self:center;flex-direction:row;gap:8px;min-width:0;min-height:40px;margin:0;padding:0 18px;border:0;border-image:none;border-radius:999px;background:#0c0704;box-shadow:inset 0 0 0 2px #2a6a72;color:#bfe3ea;filter:none}
#inside #dlClientBtn > *{margin:0}
#inside #dlClientBtn small{display:none}
#inside #dlClientBtn span{--sea-type-font:var(--font-caption, 13.538462px);--sea-type-min:10.153846px;--sea-type-scale:1;font:700 var(--font-caption, 13.538462px)/1 var(--fb);letter-spacing:.2em;color:#bfe3ea;text-shadow:none}
#inside #dlClientBtn:hover{background:#12333a;filter:none}
/* row 2: menu */
#inside .p-nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,3fr)) 330px repeat(2,minmax(0,4fr));gap:0;margin:14px 0 0;padding:0 30px;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.2));box-shadow:0 -2px 0 #2a1f0e,0 2px 0 #2a1f0e}
#inside .nav-btn:nth-child(4){grid-column:5}
#inside .nav-btn,#inside .nav-exit,#inside .nav-btn[aria-current="page"]{flex:none;width:auto;min-height:66px;padding:0 6px;background:none;color:#a8946a;--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-subtitle, 18.461538px)/1 var(--fd);letter-spacing:.22em;text-shadow:none;transition:color .25s}
#inside .nav-btn + .nav-btn::before,#inside .nav-btn + .nav-exit::before{content:none}
#inside .nav-btn:hover,#inside .nav-exit:hover{background:none;color:#fff3d6}
#inside .nav-btn[aria-current="page"]{background:none;color:#f3d98a;text-shadow:0 0 14px rgba(240,170,60,.45)}
#inside .nav-btn::after{content:"";position:absolute;left:50%;top:auto;bottom:12px;width:0;height:3px;margin:0;clip-path:none;background:linear-gradient(90deg,#e0591e,#f3d98a,#e0591e);transform:translateX(-50%);transition:width .25s}
#inside .nav-btn:hover::after{width:30%}
#inside .nav-btn[aria-current="page"]::after{left:50%;top:auto;bottom:12px;width:62%;height:3px;margin:0;clip-path:none;background:linear-gradient(90deg,#e0591e,#f3d98a,#e0591e)}
#inside .nav-exit{flex:none;color:#b08a78}
#inside .p-actions > a[data-play],#inside a.btn-ember[data-play]:not(#dlClientBtn){grid-column:1/-1;grid-row:2;justify-self:center;align-self:center;z-index:2;width:300px;min-width:0;min-height:82px;margin:14px 0 0;padding:0;border:2px solid #e8c56a;border-image:none;border-radius:4px;background:linear-gradient(180deg,#c8480f 0,#9a2a0a 55%,#6a1806 100%);box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),inset 0 14px 20px -10px rgba(255,190,120,.35),0 0 26px rgba(240,150,50,.4),0 10px 20px rgba(0,0,0,.8);filter:none;transition:box-shadow .25s,filter .25s}
#inside .p-actions > a[data-play] small{display:none}
#inside .p-actions > a[data-play] > *{margin:0}
#inside .p-actions > a[data-play] span{--sea-type-font:var(--font-display, 27.076923px);--sea-type-min:12px;--sea-type-scale:1;font:900 var(--font-display, 27.076923px)/1 var(--fd);letter-spacing:.24em;text-indent:.24em;color:#fff;text-shadow:0 2px 3px rgba(60,10,0,.9)}
#inside .p-actions > a[data-play]:hover{filter:brightness(1.15);box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),inset 0 14px 20px -10px rgba(255,190,120,.35),0 0 40px rgba(240,150,50,.7),0 10px 20px rgba(0,0,0,.8)}
#inside .p-body{margin-top:34px}
@media (max-width:1280px){#inside .cur{padding-right:16px}#inside .cur-val{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px)}#inside .p-nav{grid-template-columns:repeat(3,minmax(0,3fr)) 250px repeat(2,minmax(0,4fr));padding:0 8px}#inside .p-actions > a[data-play]{width:230px;min-height:72px}#inside .p-actions > a[data-play] span{--sea-type-font:var(--font-title, 22.153846px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-title, 22.153846px)}#inside .nav-btn,#inside .nav-exit,#inside .nav-btn[aria-current="page"]{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px);letter-spacing:.12em}#inside #dlClientBtn{display:none}}
@media (max-width:1000px){
#inside .portal{display:flex;flex-direction:column;align-items:stretch}
#inside .p-logo{order:1;align-self:center}#inside .p-account{order:2;align-self:center;text-align:center}#inside .p-account dl{justify-content:center;flex-wrap:wrap}
#inside .p-cur{order:3;justify-content:center;margin-top:12px}
#inside .p-actions > a[data-play]{order:4;align-self:center;width:min(360px,100%);margin-top:16px}
#inside #dlClientBtn{order:5;display:inline-flex;align-self:center;margin-top:10px}
#inside .p-nav{order:6;grid-template-columns:repeat(4,minmax(0,1fr));padding:0}
#inside .nav-btn:nth-child(4){grid-column:auto}
#inside .nav-btn,#inside .nav-exit,#inside .nav-btn[aria-current="page"]{min-height:50px}
#inside .p-body{order:7}#inside .status-bar{order:8}#inside .p-foot{order:9}
}
@media (max-width:560px){#inside .p-nav{grid-template-columns:repeat(2,minmax(0,1fr))}#inside .nav-exit{grid-column:1/-1}}

/* v25b: treasury stays on one line; Download sits under the captain's details */
#inside .p-cur{flex-wrap:nowrap}
#inside .cur{padding-right:16px;white-space:nowrap}
#inside .srv-btn{padding:0 14px 0 8px;gap:8px;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px);letter-spacing:.1em;white-space:nowrap}
#inside .p-account{align-self:start;margin-top:14px;padding-bottom:50px}
#inside #dlClientBtn{justify-self:end;align-self:end;margin-bottom:8px}
@media (max-width:1000px){#inside .p-cur{flex-wrap:wrap}#inside .p-account{margin-top:0;padding-bottom:0}#inside #dlClientBtn{margin-bottom:0}}

/* ===== v26: emblem far left · gold + pearls centred on one line · captain's box right with the server switch under it · centre piece = Download | Play ===== */
#inside .portal{grid-template-columns:auto minmax(0,1fr) auto auto minmax(0,1fr) auto;column-gap:22px}
#inside .p-cur{display:contents}
#inside .p-logo{grid-column:1;grid-row:1;justify-self:start;margin:4px 0}
#inside .p-logo img{width:150px;height:150px}
#inside .cur{grid-row:1;align-self:center;display:flex;align-items:center;gap:12px;min-height:0;padding:0;border-radius:0;background:none;box-shadow:none;white-space:nowrap}
#inside .cur:nth-child(1){grid-column:3;justify-self:end;margin-right:14px}
#inside .cur:nth-child(2){grid-column:4;justify-self:start;margin-left:14px}
#inside .cur img{width:46px;height:46px;padding:0;border-radius:0;background:none;filter:drop-shadow(0 4px 5px rgba(0,0,0,.8))}
#inside .cur-label,#inside .cur-label.pearl{--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-subtitle, 18.461538px)/1 var(--fd);letter-spacing:.16em;text-transform:uppercase;color:#f3d98a}
#inside .cur-label.pearl{color:#a9dbe6}
#inside .cur-val,#inside .cur-label.pearl + .cur-val{--sea-type-font:var(--font-display, 27.076923px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-display, 27.076923px)/1 var(--fb);letter-spacing:.02em;color:#f4e8cc;font-variant-numeric:tabular-nums;text-shadow:0 2px 3px #000}
/* captain's box: name, then label left / value right */
#inside .p-account{grid-column:6;grid-row:1;justify-self:end;align-self:start;display:block;width:300px;min-width:0;margin:10px 0 0;padding:12px 16px 12px;border:0;border-image:none;border-radius:0;background:linear-gradient(180deg,#0d0806,#060403);box-shadow:inset 0 0 0 2px #2a1f0e,0 8px 16px rgba(0,0,0,.6);text-align:left}
#inside .acc-name{margin:0 0 8px;padding:0;background:none;--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-subtitle, 18.461538px)/1.2 var(--fb);letter-spacing:0;text-align:left;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#inside .p-account dl{display:block;margin:0}
#inside .p-account dl div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;min-height:0;padding:1px 0;border:0;border-radius:0;background:none;box-shadow:none}
#inside .p-account dt{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:500 var(--font-body, 16px)/1.3 var(--fb);letter-spacing:0;text-transform:none;color:#f4e8cc}
#inside .p-account dt::after{content:":"}
#inside .p-account dd{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-body, 16px)/1.3 var(--fb);color:#f0b84a}
#inside .p-account a{color:#f0b84a;text-decoration:none}
#inside .cur-server{grid-column:6;grid-row:1;justify-self:end;align-self:end;display:block;width:300px;margin:0 0 4px;padding:0;background:none;box-shadow:none}
#inside .p-account{margin-bottom:62px}
#inside .srv-btn{width:100%;justify-content:center;min-height:44px;padding:0 12px;border-radius:0;background:linear-gradient(180deg,#1d1209,#0c0704);box-shadow:inset 0 0 0 2px #2a1f0e;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-body, 16px)/1 var(--fd);letter-spacing:.14em;color:#f3d98a}
#inside .srv-btn img{width:26px;height:26px}
/* centre piece */
#inside .p-nav{grid-template-columns:repeat(3,minmax(0,3fr)) 400px repeat(2,minmax(0,4fr))}
#inside #dlClientBtn,#inside .p-actions > a[data-play]{grid-column:1/-1;grid-row:2;justify-self:center;align-self:center;z-index:2;display:inline-flex;flex-direction:column;justify-content:center;width:186px;min-width:0;min-height:84px;margin:14px 0 0;padding:0 6px;border:2px solid #e8c56a;border-image:none;filter:none;transition:filter .25s,box-shadow .25s}
#inside #dlClientBtn{margin-right:186px;border-right-width:1px;border-radius:5px 0 0 5px;background:linear-gradient(180deg,#3a94a8 0,#1c6274 50%,#0e3e4e 100%);box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),inset 0 14px 20px -10px rgba(190,240,255,.35),0 10px 20px rgba(0,0,0,.8);color:#fff}
#inside .p-actions > a[data-play]{margin-left:186px;border-left-width:1px;border-radius:0 5px 5px 0;background:linear-gradient(180deg,#f08a2a 0,#c8480f 50%,#8a2608 100%);box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),inset 0 14px 20px -10px rgba(255,210,150,.4),0 10px 20px rgba(0,0,0,.8)}
#inside #dlClientBtn small,#inside .p-actions > a[data-play] small{display:block;margin:0 0 5px;--sea-type-font:var(--font-caption, 13.538462px);--sea-type-min:10.153846px;--sea-type-scale:1;font:700 var(--font-caption, 13.538462px)/1 var(--fb);letter-spacing:.26em;color:rgba(255,255,255,.78)}
#inside #dlClientBtn span,#inside .p-actions > a[data-play] span{margin:0;--sea-type-font:var(--font-title, 22.153846px);--sea-type-min:12px;--sea-type-scale:1;font:900 var(--font-title, 22.153846px)/1 var(--fd);letter-spacing:.12em;text-indent:0;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.75)}
#inside #dlClientBtn:hover{background:linear-gradient(180deg,#4fb0c6 0,#237486 50%,#124a5c 100%);filter:none;box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),inset 0 14px 20px -10px rgba(190,240,255,.45),0 0 26px rgba(80,190,220,.55),0 10px 20px rgba(0,0,0,.8)}
#inside .p-actions > a[data-play]:hover{filter:none;background:linear-gradient(180deg,#ffa040 0,#dc5614 50%,#9c2e0a 100%);box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),inset 0 14px 20px -10px rgba(255,210,150,.5),0 0 26px rgba(240,150,50,.6),0 10px 20px rgba(0,0,0,.8)}
/* menu words: same hover as the landing page's Trailers / The Story / News feed — a gold line drawn from the left under the word */
#inside .nav-btn,#inside .nav-exit,#inside .nav-btn[aria-current="page"]{color:#f4e8cc;--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font:600 var(--font-subtitle, 18.461538px)/1 var(--fb);letter-spacing:.2em;text-shadow:none}
#inside .nav-btn:hover,#inside .nav-exit:hover{color:#f4e8cc}
#inside .nav-btn::after,#inside .nav-btn:hover::after,#inside .nav-btn[aria-current="page"]::after{content:none}
#inside .nav-btn span{position:relative;padding:12px 0;overflow:visible;white-space:nowrap}
#inside .nav-btn span::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;background:#f3d98a;transform:scaleX(0);transform-origin:left;transition:transform .35s}
#inside .nav-btn:hover span::after,#inside .nav-btn[aria-current="page"] span::after{transform:scaleX(1)}
#inside .nav-btn[aria-current="page"]{color:#f3d98a;text-shadow:none}
/* both chains the same length */
@supports (animation-timeline:scroll()){#inside::after{animation-name:pAnchor}}
@media (max-width:1280px){#inside .portal{column-gap:12px}#inside .p-logo img{width:118px;height:118px}#inside .cur img{width:34px;height:34px}#inside .cur-label,#inside .cur-label.pearl{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px)}#inside .cur-val,#inside .cur-label.pearl + .cur-val{--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-subtitle, 18.461538px)}#inside .p-account,#inside .cur-server{width:250px}#inside .p-nav{grid-template-columns:repeat(3,minmax(0,3fr)) 330px repeat(2,minmax(0,4fr))}#inside #dlClientBtn,#inside .p-actions > a[data-play]{display:inline-flex;width:152px;min-height:72px}#inside #dlClientBtn{margin-right:152px}#inside .p-actions > a[data-play]{margin-left:152px}#inside #dlClientBtn span,#inside .p-actions > a[data-play] span{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px)}#inside .nav-btn,#inside .nav-exit,#inside .nav-btn[aria-current="page"]{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px);letter-spacing:.12em}}
@media (max-width:1000px){
#inside .p-cur{display:flex;order:3;flex-wrap:wrap;justify-content:center;gap:12px 26px}
#inside .cur:nth-child(1),#inside .cur:nth-child(2){margin:0}
#inside .p-account{width:min(340px,100%);margin:0}
#inside .cur-server{width:min(340px,100%);flex:1 1 100%;margin:0 auto}
#inside #dlClientBtn,#inside .p-actions > a[data-play]{order:4;align-self:center;width:min(340px,100%);margin:10px 0 0;border-width:2px;border-radius:5px}
}

/* v26b */
#inside .cur-label,#inside .cur-label.pearl,#inside .cur-val{align-self:center}
#inside a.btn-ember[data-play]:not(#dlClientBtn){width:186px;min-height:84px;margin:14px 0 0 186px;padding:0 6px;border:2px solid #e8c56a;border-left-width:1px;border-radius:0 5px 5px 0;background:linear-gradient(180deg,#f08a2a 0,#c8480f 50%,#8a2608 100%);box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),inset 0 14px 20px -10px rgba(255,210,150,.4),0 10px 20px rgba(0,0,0,.8)}
#inside a.btn-ember[data-play]:not(#dlClientBtn):hover{background:linear-gradient(180deg,#ffa040 0,#dc5614 50%,#9c2e0a 100%);box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),inset 0 14px 20px -10px rgba(255,210,150,.5),0 0 26px rgba(240,150,50,.6),0 10px 20px rgba(0,0,0,.8)}
@media (max-width:1280px){#inside a.btn-ember[data-play]:not(#dlClientBtn){width:152px;min-height:72px;margin-left:152px}}
@media (max-width:1000px){#inside a.btn-ember[data-play]:not(#dlClientBtn){width:min(340px,100%);margin:10px 0 0;border-width:2px;border-radius:5px}}

/* v27: lower header */
#inside .p-logo{margin:0}
#inside .p-logo img{width:116px;height:116px}
#inside .p-logo::before{inset:-12px}
#inside .p-account{width:280px;margin:2px 0 40px;padding:7px 14px 8px}
#inside .acc-name{margin:0 0 3px;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px);line-height:1.15}
#inside .p-account dl div{padding:0}
#inside .p-account dt,#inside .p-account dd{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px);line-height:1.28}
#inside .cur-server{width:280px;margin:0 0 2px}
#inside .srv-btn{min-height:32px;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px)}
#inside .srv-btn img{width:20px;height:20px}
#inside .cur img{width:40px;height:40px}
#inside .cur-label,#inside .cur-label.pearl{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px)}
#inside .cur-val,#inside .cur-label.pearl + .cur-val{--sea-type-font:var(--font-title, 22.153846px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-title, 22.153846px)}
#inside .p-nav,#inside #dlClientBtn,#inside a.btn-ember[data-play]:not(#dlClientBtn){margin-top:8px}
#inside a.btn-ember[data-play]:not(#dlClientBtn){margin-left:186px}
@media (max-width:1280px){#inside .p-logo img{width:100px;height:100px}#inside .p-account,#inside .cur-server{width:240px}#inside a.btn-ember[data-play]:not(#dlClientBtn){margin-left:152px}}
@media (max-width:1000px){#inside .p-account{width:min(340px,100%);margin:0}#inside .cur-server{width:min(340px,100%)}#inside a.btn-ember[data-play]:not(#dlClientBtn){margin:10px 0 0}#inside #dlClientBtn{margin-top:10px}}

/* ===== 2026-10-11 operator request: the leaderboard tile frame (ui-kit/frame-9slice.png 9-slice) around the
   Unity Download + Play pair (ONE frame for both, buttons side by side) and around the menu bar, replacing the
   menu's flat top/bottom rules. Desktop only; narrow layouts keep the designer's stacked buttons. Appended last and
   carrying #portal so the selectors beat the earlier #dlClientBtn / a[data-play]:not(#dlClientBtn) rules. ===== */
@media (min-width:1001px){
#inside #portal .p-actions{display:flex;gap:0;grid-column:1/-1;grid-row:2;justify-self:center;align-self:center;z-index:2;margin:8px 0 0;padding:0;border:22px solid transparent;border-image:url("ui-kit/frame-9slice.png") 52/22px/0 stretch;background:none;box-shadow:0 12px 22px rgba(0,0,0,.8)}
#inside #portal .p-actions:hover{border-image-source:url("ui-kit/frame-9slice-active.png")}
#inside #portal #dlClientBtn,#inside #portal .p-actions a.btn-ember[data-play]{grid-column:auto;grid-row:auto;width:186px;min-height:64px;margin:-17px 0;padding:0 8px;border:0;border-image:none;border-radius:0;box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),inset 0 14px 20px -10px rgba(255,255,255,.25)}
#inside #portal #dlClientBtn{margin-left:-17px}
#inside #portal .p-actions a.btn-ember[data-play]{margin-right:-17px}
#inside #portal #dlClientBtn:hover,#inside #portal .p-actions a.btn-ember[data-play]:hover{filter:brightness(1.12)}
#inside #portal .p-nav{border:18px solid transparent;border-image:url("ui-kit/frame-9slice.png") 52/18px/0 stretch;border-radius:0;background-clip:padding-box;box-shadow:0 14px 24px -8px rgba(0,0,0,.8);padding:0 12px}
}
/* 2026-10-11: the Latest-news (announcements) tile is back in the home view (operator), third tile right of
   Top fleets. The in-portal news VIEW stays removed, so its "All" link is hidden. */
#inside #portal #latestNewsMore{display:none!important}

/* 2026-10-11 operator: slider artwork must fill the whole frame. The frame is the slider's own 26px border-image
   and the artwork was clipped to the padding box, leaving a black band between the gold line and the picture.
   Now the artwork runs out under the border (clip-path keeps it inside the border box) and the frame is redrawn
   on top by ::after so the gold line stays visible. */
#inside #portal .view-home > .slider{position:relative;overflow:visible;clip-path:inset(0);border-image:none;border-color:transparent;background:#000}
#inside #portal .view-home > .slider::after{content:"";position:absolute;inset:-26px;z-index:6;pointer-events:none;border:26px solid transparent;border-image:var(--kfa) 52/26px/0 stretch}
#inside #portal .view-home > .slider .slide-img{position:absolute;inset:-26px;width:calc(100% + 52px);height:calc(100% + 52px);max-width:none;object-fit:cover;z-index:0}

/* 2026-10-11 operator: darker, more realistic iron chains (panel side chains + header chains) */
#inside #portal .p-head::before,#inside #portal .p-head::after{filter:brightness(.62) contrast(1.22) saturate(.75) drop-shadow(3px 2px 3px rgba(0,0,0,.85))}
#inside::before,#inside::after{filter:brightness(.62) contrast(1.22) saturate(.75) drop-shadow(6px 0 8px #000)}

/* ===== 2026-10-11 operator: frames + dialog fixes. Appended last, carrying #portal / #inside so these beat every
   earlier revision. (1) The leaderboard frame (ui-kit/frame-9slice.png) around the captain's box (top right), the
   server dropdown, the language dropdown and the e-mail / password dialogs — none of them had a frame.
   (2) The account dialog: centred in the viewport (position:fixed, independent of the scaled .portal), never taller
   than the viewport so it needs no scrolling, inner padding so the text no longer sits on the edge; html.dialog-open
   locks the page scroll while it is up (scrollbar-gutter:stable on <html> keeps the page from shifting sideways).
   (3) Dialog buttons coloured by meaning: confirm = green kit button, cancel = red kit button (ui-kit/button-red.png,
   derived from button-orange.png). ===== */
#inside #portal .p-account{padding:4px 10px 8px;border:16px solid transparent;border-image:url("ui-kit/frame-9slice.png") 52/16px/0 stretch;border-radius:0;background:linear-gradient(180deg,#0d0806,#060403) padding-box;box-shadow:0 10px 18px rgba(0,0,0,.65)}
#inside #portal .srv-menu{top:calc(100% + 6px);min-width:100%;padding:2px 4px;border:16px solid transparent;border-image:url("ui-kit/frame-9slice.png") 52/16px/0 stretch;border-radius:0;background:linear-gradient(180deg,#140c07,#080503) padding-box;box-shadow:0 20px 40px rgba(0,0,0,.85)}
#inside #portal .srv-menu button{padding:9px 10px;--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-subtitle, 18.461538px)}
#inside .lang-menu{padding:2px 4px;border:16px solid transparent;border-image:url("ui-kit/frame-9slice.png") 52/16px/0 stretch;border-radius:0;background:linear-gradient(180deg,#140c07,#080503) padding-box;box-shadow:0 14px 30px rgba(0,0,0,.8)}
#inside .acct-dialog{position:fixed;inset:0;margin:auto;width:min(520px,100vw - 32px);max-height:calc(100vh - 32px);overflow:auto;padding:0;border:20px solid transparent;border-image:url("ui-kit/frame-9slice.png") 52/20px/0 stretch;border-radius:0;background:linear-gradient(180deg,#1a1009,#0b0805) padding-box;box-shadow:0 0 0 1px #000,0 30px 80px #000;scrollbar-width:thin;scrollbar-color:#6e4e20 transparent}
#inside .acct-dialog::backdrop{background:rgba(4,2,1,.82)}
#inside .acct-dialog form{display:grid;gap:12px;padding:8px 14px 10px}
#inside .acct-dialog h3{margin:0;--sea-type-font:var(--font-title, 22.153846px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-title, 22.153846px)/1.2 var(--fd);letter-spacing:.08em;text-transform:uppercase;color:#f3d98a;text-align:center}
#inside .acct-hint{margin:0;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:400 var(--font-body, 16px)/1.45 var(--fb);color:var(--muted);text-align:center}
#inside .acct-field{display:grid;gap:5px;--sea-type-font:var(--font-caption, 13.538462px);--sea-type-min:10.153846px;--sea-type-scale:1;font:500 var(--font-caption, 13.538462px) var(--fb);color:var(--muted)}
#inside .acct-field input{width:100%;min-height:42px;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px)}
#inside .acct-msg{margin:0;min-height:1.4em;--sea-type-font:var(--font-caption, 13.538462px);--sea-type-min:10.153846px;--sea-type-scale:1;font-size:var(--font-caption, 13.538462px);color:#ffb38a;text-align:center}
#inside .acct-msg.is-ok{color:#9fe08a}
#inside .acct-buttons{display:flex;justify-content:center;gap:14px;margin-top:2px}
#inside .acct-buttons .btn-small,#inside .acct-buttons .btn-small-gold{flex:1 1 0;min-height:46px;padding:0 6px;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px)}
#inside .acct-buttons .btn-small{border-image-source:url("ui-kit/button-red.png");color:#ffe3d6}
#inside .acct-buttons .btn-small:hover{border-image-source:url("ui-kit/button-red.png");filter:drop-shadow(0 5px 6px rgba(0,0,0,.75)) brightness(1.12)}
#inside .acct-buttons .btn-small-gold{border-image-source:url("ui-kit/button-green.png");color:#e9ffd6}
#inside .acct-buttons .btn-small-gold:hover{border-image-source:url("ui-kit/button-green.png");filter:drop-shadow(0 5px 6px rgba(0,0,0,.75)) brightness(1.12)}
#inside .acct-buttons .btn-small-gold:disabled{border-image-source:url("ui-kit/button-disabled.png");color:#a8946a;cursor:default;filter:drop-shadow(0 5px 6px rgba(0,0,0,.75))}
html.dialog-open,html.dialog-open body{overflow:hidden}
@media (max-width:720px){#inside .acct-dialog{border-width:16px;border-image-width:16px}#inside .acct-buttons{flex-wrap:wrap}}

/* ===== 2026-10-11 operator, round 2: (1) account dialogs never scroll sideways — the panel fills the frame
   (background on the border box), the button row is a two-column grid whose cells may shrink, inputs are
   clamped to the panel width and the dialog itself hides horizontal overflow. (2) The server switch sits INSIDE
   the captain's-box frame: the box stretches to the header row, keeps room at the bottom, the switch is placed
   over that room (same grid cell, aligned to the end). (3) Dropdowns fill their frame the same way. ===== */
#inside .acct-dialog{width:min(560px,100vw - 32px);overflow:hidden auto;background:linear-gradient(180deg,#1a1009,#0b0805) border-box}
#inside .acct-dialog form{padding:4px 10px 8px}
#inside .acct-field input{box-sizing:border-box;width:100%;max-width:100%;min-width:0}
#inside .acct-buttons{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:12px;align-items:stretch}
#inside .acct-buttons .btn-small,#inside .acct-buttons .btn-small-gold{display:inline-flex;width:100%;min-width:0;padding:0 2px;border-width:0 28px;border-image-width:0 28px;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px);letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#inside #portal .srv-menu,#inside .lang-menu{background:linear-gradient(180deg,#140c07,#080503) border-box}
#inside #portal .srv-menu button{min-width:0;overflow:hidden;text-overflow:ellipsis}
#inside #portal .p-account{align-self:stretch;margin:2px 0 0;padding:4px 10px 56px;background:linear-gradient(180deg,#0d0806,#060403) border-box}
#inside #portal .cur-server{width:280px;margin:0 0 14px;padding:0 14px;z-index:2}
#inside #portal .srv-btn{min-height:34px;background:linear-gradient(180deg,#1d1209,#0c0704);box-shadow:inset 0 0 0 2px #2a1f0e}
#inside #portal .srv-menu{top:calc(100% + 18px);left:0;right:0;min-width:0}
@media (max-width:1280px){#inside #portal .cur-server{width:240px}}
@media (max-width:1000px){#inside #portal .p-account{align-self:auto;margin:0;padding:4px 10px 8px}#inside #portal .cur-server{width:min(340px,100%);margin:0 auto;padding:0}}
/* 2026-10-11 operator, round 3: the server dropdown never shows a scrollbar (it grows with its list) */
#inside #portal .srv-menu{max-height:none;overflow:hidden}

/* ===== 2026-10-12 operator: compact proportions. The panel ran ~1810px tall at every desktop size (1.8 screens at
   1080p, 2.5 at 768p): a 210px header, a 102px menu rail, a 560px hero row and 734px list cards whose height was set
   by the full latest-news article. Same look, tighter sizes: smaller emblem and captain's box, a lower menu rail,
   a denser My-account card (the slider follows its height), 34px ranking rows, and the news card takes the height
   of the two rankings and scrolls inside instead of stretching the row. Appended last, carrying #portal. ===== */
#inside #portal.portal{margin:14px auto!important}
#inside #portal .p-account dt::after{content:none}
#inside #portal .ranking{padding:4px 12px 8px}
#inside #portal .ranking li{gap:10px;min-height:34px;padding:2px 6px}
#inside #portal .rk-pos{flex:0 0 26px;width:26px;height:26px;--sea-type-font:var(--font-caption, 13.538462px);--sea-type-min:10.153846px;--sea-type-scale:1;font-size:var(--font-caption, 13.538462px)}
#inside #portal .rk-icon{flex:0 0 22px;width:22px;height:22px}
#inside #portal .rk-name{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px)}
#inside #portal .rk-score{--sea-type-font:var(--font-caption, 13.538462px);--sea-type-min:10.153846px;--sea-type-scale:1;font-size:var(--font-caption, 13.538462px)}
#inside #portal .tile-head{min-height:46px;margin-bottom:2px}
#inside #portal .tile-head h3{--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-subtitle, 18.461538px);white-space:nowrap}
#inside #portal .latest-news{flex:1 1 0;min-height:0;overflow:hidden auto;padding:8px 16px 26px;-webkit-mask-image:linear-gradient(#000 calc(100% - 30px),transparent);mask-image:linear-gradient(#000 calc(100% - 30px),transparent);--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px);line-height:1.5;scrollbar-width:thin;scrollbar-color:#b08d4a transparent}
#inside #portal .latest-news h4{margin:2px 0 8px;padding-bottom:8px;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px)}
#inside #portal .latest-news{display:block}
#inside #portal .latest-news p{display:block;-webkit-line-clamp:none;overflow:visible}
#inside #portal .latest-news p,#inside #portal .latest-news li{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px)}
#inside #portal .latest-news p{margin-bottom:8px}
#inside #portal .latest-news li{margin-bottom:4px}
#inside #portal .view-home{row-gap:36px}
#inside #portal .p-foot{margin-top:18px;padding-top:12px}
/* My-account card: denser rows, the two buttons side by side */
#inside #portal .captain{gap:8px;padding-top:30px}
#inside #portal .cc-head{gap:12px;padding-bottom:10px}
#inside #portal .cc-rank{width:64px;height:64px;padding:10px}
#inside #portal .cc-name{--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-subtitle, 18.461538px)}
#inside #portal .cc-rank-label{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px)}
#inside #portal .cc-stats > div{min-height:33px;padding:3px 0}
#inside #portal .cc-stats dt,#inside #portal .cc-stats dd{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px)}
#inside #portal #ccLevel{min-width:28px;height:28px;--sea-type-font:var(--font-caption, 13.538462px);--sea-type-min:10.153846px;--sea-type-scale:1;font-size:var(--font-caption, 13.538462px)}
#inside #portal .acct-actions{flex-wrap:nowrap;gap:8px;margin-top:4px}
#inside #portal .acct-actions .btn-small{flex:1 1 0;min-width:0;min-height:40px;padding:0 2px;border-width:0 20px;border-image-width:0 20px;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px);letter-spacing:.06em;white-space:nowrap}
@media (min-width:1001px){
/* header */
#inside #portal .p-logo img{width:92px;height:92px}
#inside #portal .p-account{padding:2px 10px 44px}
#inside #portal .acc-name{margin-bottom:2px;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px)}
#inside #portal .p-account dt,#inside #portal .p-account dd{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px);line-height:1.25}
#inside #portal .cur-server{margin-bottom:10px;padding:0 10px}
#inside #portal .srv-btn{min-height:30px}
#inside #portal .cur img{width:34px;height:34px}
#inside #portal .cur-label,#inside #portal .cur-label.pearl{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px)}
#inside #portal .cur-val,#inside #portal .cur-label.pearl + .cur-val{--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-subtitle, 18.461538px)}
/* menu rail + Download | Play */
#inside #portal .p-nav{border-width:14px;border-image-width:14px}
#inside #portal .nav-btn,#inside #portal .nav-exit,#inside #portal .nav-btn[aria-current="page"]{min-height:48px;--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-subtitle, 18.461538px)}
#inside #portal .nav-btn span{padding:8px 0}
#inside #portal .nav-btn span::after{bottom:3px}
#inside #portal .p-actions{border-width:18px;border-image-width:18px}
#inside #portal #dlClientBtn,#inside #portal .p-actions a.btn-ember[data-play]{min-height:54px;margin:-13px 0}
#inside #portal #dlClientBtn{margin-left:-13px}
#inside #portal .p-actions a.btn-ember[data-play]{margin-right:-13px}
#inside #portal #dlClientBtn span,#inside #portal .p-actions a.btn-ember[data-play] span{--sea-type-font:var(--font-title, 22.153846px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-title, 22.153846px)}
#inside #portal .p-body{margin-top:22px}
/* hero row: the My-account card sets the height, the slider fills it */
#inside #portal .view-home > .slider{min-height:0}
#inside #portal .slide-caption{gap:8px;padding:28px 150px 64px 52px}
#inside #portal .slide-count{--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px)}
#inside #portal .slide-caption h2{--sea-type-font:clamp(24px,2vw,34px);--sea-type-min:10.153846px;--sea-type-scale:1;font-size:clamp(24px,2vw,34px)}
#inside #portal .slide-caption p{max-width:470px;--sea-type-font:var(--font-caption, 13.538462px);--sea-type-min:10.153846px;--sea-type-scale:1;font-size:var(--font-caption, 13.538462px);line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
#inside #portal .slide-caption .btn-small-gold{min-height:44px;margin-top:6px}
#inside #portal .slide-arrow,#inside #portal .slide-arrow.prev,#inside #portal .slide-arrow.next{bottom:18px;width:44px;height:44px;--sea-type-font:initial;font-size:24px}
#inside #portal .slide-arrow.prev{right:80px}
#inside #portal .slider-dots{bottom:20px}
/* the news card stretches to the rankings' height instead of setting it */
#inside #portal .tile:has(#latestNews){contain:size}
}
@media (max-width:1000px){
#inside #portal .view-home > .slider{min-height:380px;aspect-ratio:auto}
#inside #portal .p-logo img{width:88px;height:88px}
#inside #portal .tile:has(#latestNews){max-height:480px}
#inside #portal .tile:has(#latestNews) .latest-news{flex:1 1 auto}
#inside #portal .foot-row{grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:8px}
#inside #portal .foot-row > .foot-row-side:first-child{display:none}
#inside #portal .foot-row-end{justify-content:center}
/* the max-width:1280 menu grid (330px centre column for Download | Play) comes later in this file than the
   narrow-layout grids and won on tablets and phones too, so the items overlapped */
#inside #portal .p-nav{grid-template-columns:repeat(5,minmax(0,1fr));padding:0}
}
@media (max-width:720px){
#inside #portal .view-home{row-gap:30px}
#inside #portal .view-home > .slider{min-height:340px}
#inside #portal .slide-caption p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;--sea-type-font:var(--font-caption, 13.538462px);--sea-type-min:10.153846px;--sea-type-scale:1;font-size:var(--font-caption, 13.538462px)}
#inside #portal .tile-head h3{--sea-type-font:var(--font-subtitle, 18.461538px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-subtitle, 18.461538px);letter-spacing:.08em}
#inside #portal .tile:has(#latestNews){max-height:440px}
}
@media (max-width:560px){
#inside #portal .p-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
#inside #portal .nav-exit{grid-column:1/-1}
#inside #portal .nav-btn,#inside #portal .nav-exit,#inside #portal .nav-btn[aria-current="page"]{min-height:42px;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px);letter-spacing:.1em}
}

/* ===== 2026-10-12 operator: menu order Home · Wiki · [Download | Play] · Mail · Store. Log out leaves the menu bar
   and becomes a small red button to the right of Change Server (portal.html moved #logoutBtn into #serverPick). ===== */
#inside #portal .cur-server{display:flex;align-items:stretch;gap:6px}
#inside #portal .cur-server .srv-btn{flex:1 1 auto;min-width:0;gap:6px;padding:0 8px;letter-spacing:.06em}
#inside #portal .cur-server .srv-btn img{width:20px;height:20px}
#inside #portal .srv-label{min-width:0;overflow:hidden;text-overflow:ellipsis}
@media (min-width:1001px){#inside #portal .p-account,#inside #portal .cur-server{width:310px}}
@media (min-width:1001px) and (max-width:1280px){#inside #portal .p-account,#inside #portal .cur-server{width:290px}}
#inside #portal .srv-logout{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:0 9px;border:1px solid #e0826a;border-radius:3px;background:linear-gradient(180deg,#cf3f1e,#8a1d07 60%,#5e1004);box-shadow:inset 0 1px 0 rgba(255,200,170,.35),0 3px 6px rgba(0,0,0,.6);color:#ffe8dc;--sea-type-font:initial;font:700 11px/1 var(--fd);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 2px #3c0a01;white-space:nowrap;cursor:pointer;transition:filter .2s,box-shadow .2s}
#inside #portal .srv-logout svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#inside #portal .srv-logout:hover{filter:brightness(1.15);box-shadow:inset 0 1px 0 rgba(255,200,170,.35),0 0 10px rgba(230,80,40,.55),0 3px 6px rgba(0,0,0,.6)}
#inside #portal .srv-logout:focus-visible{outline:2px solid #ffd27a;outline-offset:2px}
#inside #portal .p-nav{grid-template-columns:repeat(2,minmax(0,1fr)) 400px repeat(2,minmax(0,1fr))}
#inside #portal .p-nav > .nav-btn:nth-child(1){grid-column:1}
#inside #portal .p-nav > .nav-btn:nth-child(2){grid-column:2}
#inside #portal .p-nav > .nav-btn:nth-child(3){grid-column:4}
#inside #portal .p-nav > .nav-btn:nth-child(4){grid-column:5}
@media (max-width:1280px){#inside #portal .p-nav{grid-template-columns:repeat(2,minmax(0,1fr)) 330px repeat(2,minmax(0,1fr))}}
@media (max-width:1000px){
#inside #portal .p-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
#inside #portal .p-nav > .nav-btn:nth-child(n){grid-column:auto}
#inside #portal .srv-logout{min-height:34px}
}
@media (max-width:560px){#inside #portal .p-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== 2026-10-12 operator: My-account values as plain text — level and elite level as plain numbers (no gold
   coin), VIP as plain "Active / Not active" (no plaque, no date), e-mail state as a small icon (green check when
   verified, amber "!" when not) instead of a plaque. ===== */
#inside #portal #ccLevel{min-width:0;height:auto;justify-content:flex-end;border-radius:0;background:none;box-shadow:none;color:var(--parch);--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-body, 16px) var(--fb);text-shadow:none}
#inside #portal .cc-vip{color:#a8946a;font-weight:700}
#inside #portal .cc-vip.on{color:#9fe08a}
#inside #portal .mail-state{display:inline-flex;flex:none;width:17px;height:17px;line-height:0}
#inside #portal .mail-state[hidden]{display:none}
#inside #portal .mail-state svg{width:100%;height:100%;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#inside #portal .mail-state.ok svg{stroke:#5fd17a;filter:drop-shadow(0 0 3px rgba(95,209,122,.45))}
#inside #portal .mail-state.ok svg path{stroke-width:2}
#inside #portal .mail-state.warn svg{stroke:#f0a040}
#inside #portal .mail-state.warn svg path{stroke-width:2}

/* ===== 2026-10-12 operator: the side menus come out of the exact middle of the Download | Play pair. The rail was as
   tall as the pair's frame (76px), so the two read as one block; the rail is now a thinner bar (54px: 14px frame + 26px keys) and the pair
   stands out above and below it by the same amount (both are centred in the same grid row). ===== */
@media (min-width:1001px){
#inside #portal .p-nav{align-self:center}
#inside #portal .nav-btn,#inside #portal .nav-exit,#inside #portal .nav-btn[aria-current="page"]{height:auto;min-height:26px}
#inside #portal .nav-btn span{padding:6px 0}
#inside #portal .nav-btn span::after{bottom:1px}
#inside #portal .p-actions{align-self:center}
#inside #portal #dlClientBtn,#inside #portal .p-actions a.btn-ember[data-play]{min-height:60px}
}

/* ===== 2026-10-12 operator: (1) side menus a bit thinner again (54 -> 46px rail). (2) "Change e-mail" / "Change
   password" read as a card's caption plaques (the kit plaque image), not as buttons: they become solid buttons in the
   Set 26 parchment tone (neutral action) — raised parchment face, bronze edge, inner burn, pressed state. ===== */
@media (min-width:1001px){
#inside #portal .nav-btn,#inside #portal .nav-exit,#inside #portal .nav-btn[aria-current="page"]{min-height:18px;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px)}
#inside #portal .nav-btn span{padding:2px 0}
#inside #portal .nav-btn span::after{bottom:-2px}
}
#inside #portal .acct-actions .btn-small{min-height:38px;padding:0 10px;border:1px solid #6d4a1c;border-image:none;border-radius:3px;background:radial-gradient(ellipse 90% 120% at 50% 20%,#f3e2b6 0,#e2c88e 55%,#c29a58 100%);box-shadow:inset 0 1px 0 rgba(255,248,225,.75),inset 0 -3px 6px rgba(110,70,20,.45),0 0 0 1px rgba(0,0,0,.55),0 4px 8px rgba(0,0,0,.6);color:#3a230a;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font:700 var(--font-body, 16px)/1 var(--fd);letter-spacing:.06em;text-shadow:0 1px 0 rgba(255,245,215,.6);filter:none;transition:box-shadow .2s,filter .2s,transform .1s}
#inside #portal .acct-actions .btn-small:hover{border-image:none;background:radial-gradient(ellipse 90% 120% at 50% 20%,#fbeecb 0,#ead398 55%,#c9a262 100%);color:#1c1003;box-shadow:inset 0 1px 0 rgba(255,248,225,.8),inset 0 -3px 6px rgba(110,70,20,.4),0 0 0 1px rgba(0,0,0,.55),0 0 12px rgba(255,224,150,.5),0 4px 8px rgba(0,0,0,.6);filter:none}
#inside #portal .acct-actions .btn-small:active{transform:translateY(1px);box-shadow:inset 0 2px 5px rgba(90,55,15,.55),0 0 0 1px rgba(0,0,0,.55),0 2px 4px rgba(0,0,0,.6)}
#inside #portal .acct-actions .btn-small:focus-visible{outline:2px solid #ffd27a;outline-offset:2px}
@media (max-width:720px){#inside #portal .acct-actions .btn-small{padding:0 4px;--sea-type-font:var(--font-body, 16px);--sea-type-min:12px;--sea-type-scale:1;font-size:var(--font-body, 16px);letter-spacing:.02em}}

/* 2026-10-14 operator (Firefly mock "outputt"): the page behind the portal is the storm-lit captain's cabin; its own chains/anchors replace the CSS side chains, and the portal is drawn at 80% (what the operator sees at 80% browser zoom) */
body:has(#inside:not([hidden])){background:#05080b}
#inside#inside{background:#05080b}
#inside#inside::before{content:"";display:block;position:fixed;z-index:0;inset:0;top:0;bottom:0;left:0;right:0;width:auto;height:auto;padding:0;transform:none;animation:none;filter:none;opacity:1;background:#05080b url("/homepage/v4/assets/cabin-bg-sm.webp") center/cover no-repeat;pointer-events:none}
#inside#inside::after{content:"";display:block;position:fixed;z-index:0;inset:0;top:0;bottom:0;left:0;right:0;width:auto;height:auto;padding:0;transform:none;animation:none;filter:none;opacity:1;background:radial-gradient(ellipse 70% 75% at 50% 46%,rgba(0,0,0,0) 45%,rgba(0,0,0,.5) 100%);pointer-events:none}
@media (min-width:1500px){#inside#inside::before{background-image:url("/homepage/v4/assets/cabin-bg.webp")}}
#inside #portal .p-head::before,#inside #portal .p-head::after{content:none}
@media (min-width:1001px){#inside #portal{zoom:.8;width:min(1400px,100% - 32px)}}

/* 2026-10-14 operator: legal documents (Terms / Privacy / Imprint / Cookies) in the portal's look — same bronze plate, gold hairlines — but set in a plain formal serif: no display face, no caps, no ornament */
.legal-dialog{--f-legal:"Times New Roman",Times,"Liberation Serif",Georgia,serif;width:min(860px,calc(100vw - 24px));border:0;border-radius:6px;background:linear-gradient(180deg,#1c1510,#110c08);box-shadow:0 0 0 1px #0a0604,0 0 0 2px rgba(214,170,98,.7),0 0 0 6px #2a1d12,0 0 0 7px rgba(214,170,98,.32),0 34px 90px rgba(0,0,0,.85)}
.legal-dialog::backdrop{background:rgba(3,2,1,.82);backdrop-filter:blur(3px)}
.legal-dialog .legal-head{padding:18px 24px 14px;border-bottom:1px solid rgba(214,170,98,.5);background:linear-gradient(180deg,#4a3a2e,#2c221b 70%,#241b15);box-shadow:inset 0 1px 0 rgba(255,225,170,.18)}
.legal-dialog .legal-title{font:700 24px/1.25 var(--f-legal);letter-spacing:0;text-transform:none;color:#f6e4b4}
.legal-dialog .legal-meta{margin-top:5px;font:400 13px/1.3 var(--f-legal);color:#cdbd9a}
.legal-dialog .legal-close{border:1px solid rgba(214,170,98,.55);border-radius:3px;background:#1a120c;color:#f3e2b0;font:400 20px/1 var(--f-legal)}
.legal-dialog .legal-body{padding:20px 28px 26px;font:400 16px/1.65 var(--f-legal);color:#e6dcc4}
.legal-dialog .legal-body > *{max-width:none}
.legal-dialog .legal-body p,.legal-dialog .legal-body li{font-family:var(--f-legal)}
.legal-dialog .legal-body strong{color:#fff3d2}
.legal-dialog .legal-intro p:first-child{color:#e6dcc4}
.legal-dialog .legal-note{border-left:3px solid rgba(214,170,98,.7);background:rgba(214,170,98,.08);font:italic 400 14px/1.5 var(--f-legal);color:#d2c4a2}
.legal-dialog .legal-toc{border:1px solid rgba(214,170,98,.3);border-radius:3px;background:rgba(0,0,0,.3);font-family:var(--f-legal)}
.legal-dialog .legal-toc-h{font:700 14px/1 var(--f-legal);letter-spacing:0;text-transform:none;color:#f0d9a0}
.legal-dialog .legal-toc-link{font:400 14.5px/1.4 var(--f-legal);color:#e2cf9c}
.legal-dialog .legal-toc-link:hover{color:#fff3d2}
.legal-dialog .legal-sections h3{margin:0 0 9px;padding-bottom:6px;border-bottom:1px solid rgba(214,170,98,.35);font:700 18px/1.3 var(--f-legal);letter-spacing:0;text-transform:none;color:#f3dca2}
.legal-dialog .legal-dl{font-family:var(--f-legal);font-size:15px}
.legal-dialog .legal-dl dt{color:#cdbd9a}
.legal-dialog .legal-dl dd{color:#f1e7cf}
.legal-dialog .legal-foot{padding:12px 24px 14px;border-top:1px solid rgba(214,170,98,.4);background:linear-gradient(180deg,#2c221b,#1c1510)}
.legal-dialog .legal-foot .btn-small,.legal-dialog .legal-foot .btn-small-gold{min-height:38px;padding:0 20px;border:1px solid #6d4a1c;border-image:none;border-radius:3px;font:700 14px/1 var(--f-legal);letter-spacing:.02em;text-transform:none}
.legal-dialog .legal-foot .btn-small{background:#1a120c;color:#f3e2b0;border-color:rgba(214,170,98,.55)}
.legal-dialog .legal-foot .btn-small-gold{background:radial-gradient(ellipse 90% 120% at 50% 20%,#f3e2b6 0,#e2c88e 55%,#c29a58 100%);color:#3a230a}
.legal-dialog .legal-body{scrollbar-color:#8a6a3a #17110b}

/* 2026-10-14 operator: every popup (account dialog, store cart/checkout, server + language menus) shares the legal dialog's frame — dark plate, double gold hairline, bronze title bar */
#inside .acct-dialog,body > .modal-overlay .modal-card{border:0;border-image:none;border-radius:6px;background:linear-gradient(180deg,#1c1510,#110c08);box-shadow:0 0 0 1px #0a0604,0 0 0 2px rgba(214,170,98,.7),0 0 0 6px #2a1d12,0 0 0 7px rgba(214,170,98,.32),0 34px 90px rgba(0,0,0,.85);overflow:hidden auto}
#inside .acct-dialog::backdrop{background:rgba(3,2,1,.82);backdrop-filter:blur(3px)}
body > .modal-overlay{background:rgba(3,2,1,.82);backdrop-filter:blur(3px)}
#inside .acct-dialog form{padding:0 24px 22px;gap:14px}
#inside .acct-dialog h3,body > .modal-overlay .modal-card h3{margin:0 -24px 4px;padding:16px 24px 13px;border-bottom:1px solid rgba(214,170,98,.5);background:linear-gradient(180deg,#4a3a2e,#2c221b 70%,#241b15);box-shadow:inset 0 1px 0 rgba(255,225,170,.18);font:700 19px/1.25 var(--fd,"Cinzel",Georgia,serif);letter-spacing:.06em;text-transform:uppercase;color:#f6e4b4;text-align:center}
#inside .acct-dialog .inp,#inside .acct-dialog input{border:1px solid rgba(214,170,98,.4);border-radius:3px;background:rgba(0,0,0,.4);color:#f4e6c6;box-shadow:inset 0 2px 6px rgba(0,0,0,.5)}
#inside .acct-dialog .inp:focus,#inside .acct-dialog input:focus{border-color:#efc87a;outline:0;box-shadow:inset 0 2px 6px rgba(0,0,0,.5),0 0 0 2px rgba(239,200,122,.25)}
#inside .acct-dialog .acct-buttons button,body > .modal-overlay .modal-actions button{min-height:40px;padding:0 20px;border:1px solid rgba(214,170,98,.55);border-image:none;border-radius:3px;background:#1a120c;box-shadow:none;color:#f3e2b0;font:700 13px/1 var(--fd,"Cinzel",Georgia,serif);letter-spacing:.08em;text-transform:uppercase;filter:none}
#inside .acct-dialog .acct-buttons .btn-small-gold,body > .modal-overlay .modal-actions .btn-small-gold{border-color:#6d4a1c;background:radial-gradient(ellipse 90% 120% at 50% 20%,#f3e2b6 0,#e2c88e 55%,#c29a58 100%);color:#3a230a;text-shadow:0 1px 0 rgba(255,245,215,.6)}
#inside .acct-dialog .acct-buttons button:hover,body > .modal-overlay .modal-actions button:hover{filter:brightness(1.15)}
#inside .srv-menu,#inside .lang-menu{border:0;border-image:none;border-radius:4px;background:linear-gradient(180deg,#1c1510,#110c08);box-shadow:0 0 0 1px #0a0604,0 0 0 2px rgba(214,170,98,.65),0 18px 40px rgba(0,0,0,.8)}
#inside .srv-menu button:hover,#inside .srv-menu button[aria-checked="true"],#inside .lang-menu button:hover,#inside .lang-menu li:hover{background:rgba(214,170,98,.14);color:#f6e4b4}
#inside .acct-dialog{padding:0}
#inside .acct-dialog form{margin:0;padding-top:0}
#inside .acct-dialog h3{margin-top:0}
#inside .acct-dialog form#acctForm{padding-top:0!important}
#inside#inside{padding-bottom:40px}
#inside #portal{padding-bottom:64px}

/* 2026-10-14 operator: header block nudged up, the body (banner, account, tiles) grows downwards */
@media (min-width:1001px){
#inside #portal{margin-top:6px!important}
#inside #portal .p-logo,#inside #portal .p-cur,#inside #portal .p-account,#inside #portal .p-actions{position:relative;top:-14px}
#inside #portal .p-nav{position:relative;top:-18px}
#inside #portal .p-body{margin-top:2px}
#inside #portal .view-home{min-height:880px;grid-template-rows:minmax(360px,auto) 1fr}
#inside #portal .ranking li{min-height:40px}
}

/* 2026-10-15 operator: the four menu entries read as real buttons — the portal's own hex-plate kit (default / hover / current page) */
@media (min-width:1001px){
#inside #portal .nav-btn{flex:1 1 0;min-height:52px;padding:0 6px;border-style:solid;border-color:transparent;border-width:0 34px;border-image:var(--kb) 0 68 fill/0 34px/0 stretch;border-radius:0;background:none;box-shadow:none;clip-path:none;color:#f3d98a;font:700 15px/1 var(--fd);letter-spacing:.12em;text-shadow:0 1px 2px #000;filter:drop-shadow(0 4px 5px rgba(0,0,0,.65));transition:filter .18s,color .18s,transform .12s}
#inside #portal .nav-btn::before,#inside #portal .nav-btn::after{content:none}
#inside #portal .nav-btn span::after{content:none}
#inside #portal .nav-btn:hover{border-image-source:var(--kbh);color:#fff3d6;filter:drop-shadow(0 4px 8px rgba(0,0,0,.7)) brightness(1.08)}
#inside #portal .nav-btn:active{transform:translateY(1px);filter:drop-shadow(0 2px 3px rgba(0,0,0,.7)) brightness(.95)}
#inside #portal .nav-btn[aria-current="page"]{border-image-source:var(--kbo);color:#fff;text-shadow:0 1px 3px #000}
#inside #portal .nav-btn:focus-visible{outline:2px solid #ffd27a;outline-offset:-4px}
}

/* Event announcements share the existing carousel and its height. */
#inside .slide-event-info{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
#inside .ev-badge{display:inline-flex;padding:4px 8px;border:1px solid #c29a58;border-radius:2px;background:#e2c88e;color:#2a1806;font:700 12px/1.2 var(--f-body);text-transform:uppercase}
#inside .ev-badge.is-active{border-color:#80b66c;background:#3e6c2c;color:#efffe8}
#inside .ev-timer{color:#efc87a;font:700 13px/1.3 var(--f-body);font-variant-numeric:tabular-nums}
#inside .ev-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
#inside .ev-chip{padding:3px 8px;border:1px solid var(--ev-accent,#d6aa62);border-radius:3px;background:rgba(0,0,0,.65);color:#f3e2b0;font:700 12px/1.2 var(--f-body);white-space:nowrap}
#inside #portal .slider.is-event .slide-caption{gap:8px}
#inside #portal .slider.is-event .slide-caption > *{flex-shrink:0}
#inside #portal .slider.is-event .slide-arrow{opacity:1}
#inside #portal .slider.is-event h2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
#inside #portal .slider.is-event .slide-body{-webkit-line-clamp:2}
#inside #portal .slider-dots{max-width:calc(100% - 210px);overflow-x:auto;scrollbar-width:thin;padding:3px}
#inside #portal .slider-dots button{flex-shrink:0}
#inside .event-dialog form{display:flex;flex-direction:column;gap:16px}
#inside .event-dialog-desc{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);line-height:1.6}
#inside .event-dialog .acct-buttons{flex-wrap:wrap;gap:10px}
#inside .event-dialog .acct-buttons a{min-height:40px;padding:8px 18px;border:1px solid #6d4a1c;border-image:none;border-radius:3px;background:#e2c88e;color:#3a230a;text-shadow:none;filter:none;font:700 13px/1.2 var(--f-body)}
@media(max-width:720px){
#inside #portal .slider-dots{max-width:calc(100% - 150px)}
#inside #portal .view-home > .slider.is-event{min-height:500px}
#inside #portal .slider.is-event .slide-caption{padding:18px 22px 80px;gap:6px}
}

/* 2026-10-23 operatör: giriş sonrası arka plan (fırtınalı kamara) "sinematik modda, hafif soluk ve siyahımsı, anasayfa
   ön plana çıksın" — resim karartılıp soldurulur, kenarlar derin vinyetle kapanır, ana sayfadaki gibi çok yavaş
   yakınlaşır (azaltılmış harekette durağan). Tıklama almaz, portal katmanının altında kalır. */
#inside#inside::before{filter:brightness(.46) saturate(.62) contrast(1.06);transform-origin:50% 42%;will-change:transform}
#inside#inside::after{background:radial-gradient(ellipse 62% 70% at 50% 44%,rgba(4,3,2,.18) 0,rgba(4,3,2,.55) 58%,rgba(2,1,1,.9) 100%),linear-gradient(180deg,rgba(3,2,1,.55) 0,rgba(3,2,1,0) 18%,rgba(3,2,1,0) 72%,rgba(3,2,1,.7) 100%)}
@media (prefers-reduced-motion:no-preference){#inside#inside::before{animation:portal-cine-drift 48s ease-in-out infinite alternate}}
@keyframes portal-cine-drift{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.09) translate3d(-1%,-.6%,0)}}

/* Hesabım kartı butonları (E-postayı değiştir / Şifreyi değiştir): 16 px + .06em aralık 30 dilde buton iç genişliğini (≈178 px) aşıyordu → yazı kenara
   taşıyordu. Biraz küçük yazı + dar aralık + gerekirse iki satır (ortalı) ile her dilde butonun içinde kalır. */
#inside #portal .acct-actions .btn-small {
  --sea-type-font: 14px;
  font-size: 14px;
  letter-spacing: .03em;
  line-height: 1.15;
  padding: 4px 8px;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
  text-wrap: balance;
}

/* Giriş sonrası portal altbilgisi — kurumsal iki katmanlı düzen (operatör 2026-10-24: "footer çok dağınık").
   Üst satır: yasal bağlantılar solda, sosyal ikonlar + dil seçici sağda; alt satır: telif. Nokta ayraçlar kalktı, tek yazı ölçeği (13/12 px), ince altın ayraç. */
#inside #portal .p-foot { margin-top: 28px; padding: 18px 0 0; border-top: 1px solid rgba(201, 151, 63, .38); }
#inside #portal .foot-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 10px 24px; justify-items: stretch; }
#inside #portal .foot-row > .foot-row-side:first-child { display: none; }
#inside #portal .foot-links { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 2px 26px; }
#inside #portal .foot-links > *::before { content: none; margin: 0; }
#inside #portal .foot-links a,
#inside #portal .foot-links button { padding: 6px 0; font: 600 15px/1.3 var(--fb); --sea-type-font: 15px; --sea-type-min: 12px; letter-spacing: .03em; color: #d9c9a6; }
#inside #portal .foot-links a:hover,
#inside #portal .foot-links button:hover { color: var(--gold); text-decoration: none; }
/* Telif: bağlantıların altında, tam genişlikte ikinci satır */
#inside #portal .foot-links > :first-child { order: 2; flex: 0 0 100%; margin-top: 6px; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, .07); font: 400 13px/1.4 var(--fb); --sea-type-font: 13px; --sea-type-min: 11px; letter-spacing: .02em; color: var(--muted); }
#inside #portal .foot-row-end { display: flex; align-items: center; justify-content: flex-end; gap: 18px; min-width: 0; }
#inside #portal .foot-social { gap: 14px; }
#inside #portal .foot-social-link svg { width: 18px; height: 18px; }
#inside #portal .p-foot .lang-btn { min-height: 38px; padding: 0 12px; font: 600 14px var(--fb); --sea-type-font: 14px; --sea-type-min: 12px; }
@media (max-width: 720px) {
  #inside #portal .foot-row { grid-template-columns: minmax(0, 1fr); justify-items: center; row-gap: 14px; }
  #inside #portal .foot-links { justify-content: center; gap: 2px 18px; text-align: center; }
  #inside #portal .foot-links > :first-child { text-align: center; }
  #inside #portal .foot-row-end { justify-content: center; flex-wrap: wrap; }
}

/* 2026-10-25 operator: account card (name / player ID / VIP / messages) sat too close to the frame below and the
   Change Server + Log out row straddled the card's bottom frame. Cause: the 2026-10-14 header nudge (top:-14px) moved
   .p-account but not .cur-server — .p-cur is display:contents, so its offset never reaches the button row. Now both move
   together, a little higher, and the button row sits inside the card above its 16px bottom frame. */
@media (min-width:1001px){
#inside #portal .p-account,#inside #portal .cur-server{position:relative;top:-20px}
#inside #portal .cur-server{margin-bottom:22px}
#inside #portal .p-account{padding-bottom:44px}
}

/* 2026-10-25 operator: an outer frame around the top row only — logo, gold/pearls and the account card (NOT the menu
   strip) — with the captain's-cabin art (assets/homepage_bg_top.webp, from r/homepage_bg_top.png) inside it.
   .p-head/.p-cur are display:contents, so the frame is its own grid item (portal.html .p-top-frame) in row 1, painted
   under the header items (earlier in the DOM). Hidden below 1001px (stacked mobile header). */
#inside #portal .p-top-frame{display:none}
@media (min-width:1001px){
#inside #portal .p-top-frame{display:block;grid-row:1;grid-column:1/-1;align-self:stretch;position:relative;min-height:184px;margin:6px 0 8px;
  border:16px solid transparent;border-image:url("ui-kit/frame-9slice.png") 52/16px/0 stretch;
  background:linear-gradient(180deg,rgba(8,5,3,.04),rgba(8,5,3,.22)),url("assets/homepage_bg_top.webp") center 62%/cover no-repeat;
  background-origin:border-box;background-clip:border-box;outline:1px solid rgba(201,151,63,.42);outline-offset:-1px;box-shadow:0 10px 18px rgba(0,0,0,.55)}
#inside #portal .p-logo,#inside #portal .p-cur{top:0}
#inside #portal .p-account,#inside #portal .cur-server{top:0}
#inside #portal .p-account{align-self:stretch;margin:30px 30px 32px 0;padding:8px 14px 40px;border:0;border-image:none;border-radius:3px;
  background:rgba(6,4,2,.8);box-shadow:inset 0 0 0 1px rgba(201,151,63,.38),0 4px 12px rgba(0,0,0,.6)}
#inside #portal .cur-server{margin:0 30px 40px 0;padding:0 14px}
#inside #portal .p-logo{margin-left:22px}
#inside #portal .p-nav{top:0}
#inside #portal .p-actions{top:4px}
}